Browse Source

selectmodel中夺宝奇兵大模型图表缩小;修复苹果手机样式偏右的问题;

milestone-20250909-周更新分支
宋杰 1 week ago
parent
commit
5c1f73e4d0
  1. 16
      src/views/DBQBmodel.vue
  2. 14
      src/views/Emotionsmodel.vue
  3. 1
      src/views/Selectmodel.vue

16
src/views/DBQBmodel.vue

@ -135,7 +135,7 @@ const closeNoPermissionDialog = () => {
<style scoped> <style scoped>
.homepage { .homepage {
/* background-image: url("@/assets/img/DBQBmodel/bg.png"); */ /* background-image: url("@/assets/img/DBQBmodel/bg.png"); */
/* width: 100vw; */
width: 100%;
min-height: 100vh; min-height: 100vh;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@ -143,6 +143,7 @@ const closeNoPermissionDialog = () => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
overflow-x: hidden;
} }
/* 顶部标题图 */ /* 顶部标题图 */
@ -156,12 +157,14 @@ const closeNoPermissionDialog = () => {
} }
.bottom-icon { .bottom-icon {
/* width: 100%; */
width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;
bottom: 10vh; bottom: 10vh;
left: 0;
right: 0;
margin: 0 auto;
align-items: center; align-items: center;
} }
@ -224,6 +227,8 @@ const closeNoPermissionDialog = () => {
align-items: center; align-items: center;
position: fixed; position: fixed;
bottom: 15%; bottom: 15%;
left: 0;
right: 0;
/* margin: auto auto; */ /* margin: auto auto; */
color: white; color: white;
} }
@ -254,6 +259,11 @@ const closeNoPermissionDialog = () => {
/* 手机适配 - 小屏幕时保持纵向排列 */ /* 手机适配 - 小屏幕时保持纵向排列 */
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.homepage {
width: 100%;
overflow-x: hidden;
}
.top-icon { .top-icon {
margin-top: 12%; margin-top: 12%;
width: 90%; width: 90%;

14
src/views/Emotionsmodel.vue

@ -147,16 +147,19 @@ const closeNoPermissionDialog = () => {
width: 20vw; width: 20vw;
min-width: 300px; min-width: 300px;
height: auto; height: auto;
position: absolute;
top: 10vh;
/* position: absolute; */
/* top: 10vh; */
} }
.bottom-icon { .bottom-icon {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: absolute;
/* position: absolute;
bottom: 0vh; bottom: 0vh;
left: 0;
right: 0;
margin: 0 auto; */
} }
/* 四维体系整体容器修复 */ /* 四维体系整体容器修复 */
@ -216,6 +219,8 @@ const closeNoPermissionDialog = () => {
align-items: center; align-items: center;
position: fixed; position: fixed;
bottom: 15%; bottom: 15%;
left: 0;
right: 0;
/* margin: auto auto; */ /* margin: auto auto; */
color: white; color: white;
} }
@ -255,6 +260,7 @@ const closeNoPermissionDialog = () => {
@media (max-width: 768px) { @media (max-width: 768px) {
.homepage { .homepage {
min-height: 100vh; min-height: 100vh;
width: 100%;
background-image: url("@/assets/img/DBQBmodel/手机背景.png"); background-image: url("@/assets/img/DBQBmodel/手机背景.png");
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@ -263,11 +269,13 @@ const closeNoPermissionDialog = () => {
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
overflow-x: hidden;
} }
.top-icon { .top-icon {
width: 80vw; width: 80vw;
margin-top: -1vh; margin-top: -1vh;
scale: 0.8;
} }
.sub-title { .sub-title {

1
src/views/Selectmodel.vue

@ -186,6 +186,7 @@ const goToEmotionsmodel = () => {
height: 150px; height: 150px;
width: 100%; width: 100%;
background-image: url("@/assets/img/Selectmodel/-s-夺宝奇兵logo.png"); background-image: url("@/assets/img/Selectmodel/-s-夺宝奇兵logo.png");
scale: 0.8;
} }
.btn-ai { .btn-ai {

Loading…
Cancel
Save