feat: 调整UI

mini/components/Index/Login.vue

@@ -5,7 +5,7 @@
     <swiper-box type="login" height="380rpx" />
 
     <view class="btn-box dir-top-wrap main-center cross-center">
-      <view class="static-text">登陆极创社</view>
+      <!--      <view class="static-text">登陆极创社</view>-->
       <u-button
         text="登陆"
         color="#000"

mini/pages/case/index.vue

@@ -22,8 +22,8 @@
           class="cases-item main-left"
           @click="$u.route({url:`/pages/case/detail?id=${item.id}`})"
         >
-          <view class="detail dir-top-wrap">
-            <text>热销展厅排名</text>
+          <view class="detail cross-center">
+            <!--            <text>热销展厅排名</text>-->
             <view class="name"> {{ item.name }}</view>
           </view>
           <view class="cover-img">
@@ -91,7 +91,6 @@ export default {
         margin-bottom: 0;
       }
       .detail{
-        padding: 50rpx 0 20rpx 50rpx;
         font-size: 24rpx;
         color: #333333;
         background: #F2F2F2;
@@ -100,13 +99,13 @@ export default {
           color: #b4936d;
         }
         .name{
-          margin-top: 16rpx;
-          font-size: 42rpx;
+          font-size: 34rpx;
+          padding-left: 40rpx;
         }
       }
       .cover-img{
-        width: 355rpx;
-        height: 250rpx;
+        width: 410rpx;
+        height: 235rpx;
         image{
           width: 100%;
           height: 100%;

mini/pages/forget.vue

@@ -1,7 +1,7 @@
 <template>
   <page-loading class="forget-page" :loading="loading">
     <view class="logo logo-white" />
-    <view class="static-text">本平台仅限极创设会员使用，无账号的请联系下方客服电话或微信</view>
+    <view class="static-text">本平台仅限极创社会员使用，无账号的请联系下方客服电话或微信</view>
     <view
       v-for="(item,index) in contacts"
       :key="index"

mini/pages/product/detail.vue

@@ -14,7 +14,7 @@
           :key="index"
           class="full-img"
           :src="item"
-          mode="aspectFill"
+          mode="widthFix"
           @click="handlePreview(detail.cases, index)"
         />
       </view>
@@ -50,9 +50,9 @@
         <u-divider />
         <!--   查看价格    -->
         <view id="price" class="price main-between cross-center">
-          <u-text :text="specsText" color="#B4936D" size="32rpx" :lines="1" />
+          <u-text :text="specsText" color="#B4936D" size="28rpx" :lines="1" />
           <view class="number">
-            <u-text :text="price" mode="price" color="#B4936D" size="36rpx" align="right" />
+            <u-text :text="price" mode="price" color="#B4936D" size="28rpx" align="right" />
           </view>
         </view>
         <!--  规格    -->
@@ -234,8 +234,8 @@ export default {
   margin: 0 auto;
   .cases{
     .full-img{
-      width: 100%;
-      margin-bottom: -8rpx;
+      width: 690rpx;
+      margin-bottom: -9rpx;
     }
   }
   .file{
@@ -265,6 +265,7 @@ export default {
     }
   }
   .price{
+    font-size: 28rpx;
     margin: 50rpx auto;
     .number{
       max-width: 320rpx;
@@ -279,12 +280,13 @@ export default {
       .group-name{
         padding: 10rpx 20rpx 40rpx 0 ;
         text{
-          font-size: 32rpx;
+          font-size: 28rpx;
           font-weight: bold;
         }
       }
       .specs-content{
         .spec{
+          font-size: 28rpx;
           margin: 0 5rpx 10rpx;
           min-width: 130rpx;
           padding: 10rpx 30rpx;

mini/pages/product/index.vue

@@ -21,7 +21,7 @@
           class="product-item main-left"
           @click="$u.route({url: `/pages/product/list?cate_id=${item.id}`})"
         >
-          <view class="detail dir-top-wrap">
+          <view class="detail cross-center">
             <!--            <text>热销品类排名</text>-->
             <view class="name"> {{ item.name }}</view>
           </view>
@@ -87,7 +87,6 @@ export default {
         margin-bottom: 0;
       }
       .detail{
-        padding: 50rpx 0 20rpx 50rpx;
         font-size: 24rpx;
         color: #333333;
         background: #F2F2F2;
@@ -96,13 +95,13 @@ export default {
           color: #b4936d;
         }
         .name{
-          margin-top: 16rpx;
-          font-size: 42rpx;
+          font-size: 34rpx;
+          padding-left: 40rpx;
         }
       }
       .cover-img{
-        width: 355rpx;
-        height: 250rpx;
+        width: 410rpx;
+        height: 235rpx;
         image{
           width: 100%;
           height: 100%;