Sfoglia il codice sorgente

修改图生图,图生视频,植物专家左侧图片及文字的大小样式

丸子 3 mesi fa
parent
commit
79f77e482d

+ 7 - 4
src/views/AIPage/AIImageToImage.vue

@@ -32,7 +32,6 @@
       <div class="img-box">
         <p>
           <img
-              style="width: fit-content; height: 180px; margin: 10px;"
               src="@/assets/images/color.png"
               class="avatar user"
           />
@@ -128,9 +127,9 @@ const goBack = () => {
 }
 
 .left-group2 img {
-  width: rpx(110);
-  height: auto;
-  margin-top: rpx(30);
+  width: fit-content;
+  height: rpx(100);
+  margin: rpx(5);
 }
 
 .title-box {
@@ -158,4 +157,8 @@ const goBack = () => {
   margin-top: rpx(50);
   color: #a39dce;
 }
+
+.img-box p {
+  font-size: rpx(10);
+}
 </style>

+ 6 - 4
src/views/AIPage/AIImageToVideo.vue

@@ -32,7 +32,6 @@
       <div class="img-box">
         <p>
           <img
-              style=" width: fit-content; height: 180px; margin: 10px;"
               src="@/assets/images/color.png"
               class="avatar user"
           />
@@ -123,9 +122,9 @@ const toggleDrawer = () => {
 }
 
 .left-group2 img {
-  width: rpx(110);
-  height: auto;
-  margin-top: rpx(30);
+  width: fit-content;
+  height: rpx(100);
+  margin: rpx(5);
 }
 
 .title-box {
@@ -153,4 +152,7 @@ const toggleDrawer = () => {
   margin-top: rpx(50);
   color: #a39dce;
 }
+.img-box p {
+  font-size: rpx(10);
+}
 </style>

+ 3 - 4
src/views/AIPage/PlantExperts.vue

@@ -33,7 +33,6 @@
       <div class="img-box">
         <p>
           <img
-              style=" width: fit-content; height: 180px; margin: 10px;"
               src="@/assets/images/farm.png"
               class="avatar user"
           />
@@ -124,9 +123,9 @@ const toggleDrawer = () => {
 }
 
 .left-group2 img {
-  width: rpx(110);
-  height: auto;
-  margin-top: rpx(30);
+  width: fit-content;
+  height: rpx(100);
+  margin: rpx(5);
 }
 
 .title-box {