Browse Source

添加样式

lex-xin 9 months ago
parent
commit
0a2909f088

+ 5 - 5
miniprogram/app.less

@@ -13,20 +13,20 @@ page {
   --picker-cancel-action-color: #777777;
   --picker-confirm-action-color: #FE462E;
   --picker-option-text-color: #000000;
-  --picker-option-font-size: 32rpx;
+  --picker-option-font-size: 16px;
 }
 
 .van-picker__cancel {
   font-size: var(--picker-option-font-size) !important;
-  padding: 0 14rpx !important;
+  padding: 0 7px !important;
 }
 
 .van-picker__confirm {
   font-size: var(--picker-option-font-size) !important;
-  padding: 0 14rpx !important;
+  padding: 0 7px !important;
 }
 
 .van-picker__toolbar {
-  margin: 0 26rpx;
-  border-bottom: 2rpx solid #F2F2F2;
+  margin: 0 13px;
+  border-bottom: 1px solid #F2F2F2;
 }

+ 2 - 2
miniprogram/components/navigation-bar/navigation-bar.less

@@ -48,8 +48,8 @@
 
 .weui-navigation-bar__btn_goback {
   font-size: 12px;
-  width: 36rpx;
-  height: 40rpx;
+  width: 18px;
+  height: 20px;
   -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;
   mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;
   -webkit-mask-size: cover;

+ 7 - 1
miniprogram/pages/address/addAddress.less

@@ -29,7 +29,8 @@
 
     .fromBox {
       margin-top: 30rpx;
-      height: 736rpx;
+      // height: 736rpx;
+      height: 46vh;
 
       .fromCon {
         display: flex;
@@ -75,6 +76,11 @@
               font-weight: 400;
               font-size: 28rpx;
             }
+            .van-field__control--textarea {
+              line-height: 1.4 !important;
+              // --cell-line-height: 80rpx;
+              // line-height: 80rpx !important;
+            }
           }
         }
       }

+ 8 - 5
miniprogram/pages/index/index.less

@@ -136,7 +136,7 @@ page {
   }
 
   .btnSection {
-    margin-top: 20rpx;
+    margin-top: 10px;
     width: 148rpx;
     height: 150rpx;
     background: url("https://oss.dayaedu.com/ktyq/1740045152037.png") no-repeat;
@@ -174,7 +174,8 @@ page {
     border-radius: 32rpx 32rpx 0rpx 0rpx;
     padding: 40rpx 0 56rpx;
     box-sizing: border-box;
-    height: 1080rpx;
+    // height: 1080rpx;
+    // height: 90vh;
 
     .topTit {
       font-weight: 600;
@@ -391,7 +392,8 @@ page {
     .goodsInfo {
       margin-top: 48rpx;
       padding: 0 26rpx;
-      height: 394rpx;
+      // height: 394rpx;
+      height: 27vh;
       overflow-x: hidden;
       overflow-y: auto;
 
@@ -485,7 +487,8 @@ page {
     .memberListCon {
       margin-top: 40rpx;
       overflow: hidden;
-      height: 790rpx;
+      // height: 790rpx;
+      height: 51.5vh;
 
       .memberInfo {
         display: flex;
@@ -677,7 +680,7 @@ page {
     transform: translateY(-50%);
     z-index: 999999;
     margin: 0 100rpx;
-    padding: 50rpx 0 40rpx 0;
+    padding: 50px 0 40px 0;
     background: #FFFFFF;
     border-radius: 32rpx;
 

+ 12 - 2
miniprogram/pages/index/index.ts

@@ -346,12 +346,22 @@ Page({
     const isAndroid = systemInfo.platform === 'android'
     // const isDevtools = systemInfo.platform === 'devtools'
     const barHeight = !isAndroid ? 44 : 48;
-    const globalTop = app.globalData.sectionBoxTop
+    // const globalTop = app.globalData.sectionBoxTop
     this.setData({
       maxTop: barHeight + systemInfo.safeArea.top,
       windowHeight: systemInfo.windowHeight,
-      top: globalTop
+      // top: globalTop
     });
+    const that = this
+    wx.createSelectorQuery()
+        .select("#sectionBox").boundingClientRect(function (rect) {
+          const { height } = rect
+          that.setData({
+            top: systemInfo.windowHeight - height,
+            elementHeight: height
+          })
+        }).exec()
+    
   },
   onTouchStart(e: any) {
     // 记录触摸起始点的 Y 坐标

+ 1 - 1
miniprogram/pages/index/index.wxml

@@ -12,7 +12,7 @@
       </view>
     </view>
 
-    <view class="bottom-sectionBox" style="top: {{top}}px; right: 10px;" bind:touchstart="onTouchStart" catch:touchmove="onTouchMove" bind:touchend="onTouchEnd">
+    <view class="bottom-sectionBox" id="sectionBox" style="top: {{top}}px; right: 10px;" bind:touchstart="onTouchStart" catch:touchmove="onTouchMove" bind:touchend="onTouchEnd">
       <view class="orders" bind:tap="onOrder"></view>
       <view class="btnSection" bind:tap="onBuyShop"></view>
     </view>

+ 28 - 28
miniprogram/pages/member/addMember.less

@@ -205,20 +205,20 @@
     display: flex;
     justify-content: space-between;
     height: 44px;
-    margin: 0 26rpx;
-    border-bottom: 2rpx solid #F2F2F2;
+    margin: 0 13px;
+    border-bottom: 1px solid #F2F2F2;
     font-size: var(--picker-option-font-size);
 
     .toolbar-cancel {
       color: var(--picker-cancel-action-color);
       line-height: 44px;
-      padding: 0 14rpx
+      padding: 0 7px
     }
 
     .toolbar-confirm {
       color: var(--picker-confirm-action-color);
       line-height: 44px;
-      padding: 0 14rpx
+      padding: 0 7px
     }
   }
 
@@ -226,16 +226,16 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    height: 56rpx;
-    margin: 20rpx 40rpx;
+    height: 18px;
+    margin: 10px 20px;
     overflow: hidden;
 
     text {
-      margin-right: 20rpx;
+      margin-right: 10px;
       font-weight: 400;
-      font-size: 32rpx;
+      font-size: 16px;
       color: #000000;
-      line-height: 44rpx;
+      line-height: 22px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -243,25 +243,25 @@
 
     image {
       flex-shrink: 0;
-      width: 32rpx;
-      height: 32rpx;
+      width: 16px;
+      height: 16px;
     }
   }
 
   .searchList {
     .icon-search {
-      width: 32rpx;
-      height: 32rpx;
+      width: 16px;
+      height: 16px;
       margin: auto 10rpx auto auto;
     }
 
     .van-search {
-      margin: 26rpx !important;
+      margin: 13px !important;
       padding: 0 !important;
-      height: 72rpx !important;
+      height: 36px !important;
       background: #F6F6F6 !important;
-      border-radius: 35rpx !important;
-      border: 1rpx solid #FFFFFF !important;
+      border-radius: 18px !important;
+      border: 1px solid #FFFFFF !important;
     }
 
     .van-search__content {
@@ -270,44 +270,44 @@
     }
 
     .van-cell {
-      font-size: 26rpx !important;
+      font-size: 13px !important;
     }
 
     .searchBtn {
-      width: 112rpx;
-      line-height: 54rpx !important;
+      width: 56px;
+      line-height: 27px !important;
       padding: 0 !important;
       text-align: center;
       background: url('https://oss.dayaedu.com/ktyq/1739695178829.png') no-repeat;
       background-size: 100% 100%;
       font-weight: 500;
-      font-size: 28rpx;
+      font-size: 14px;
       color: #FFFFFF;
       border-radius: 35rpx;
-      margin-right: 8rpx;
+      margin-right: 4px;
     }
   }
 
   .empty-box {
     width: 100%;
-    height: 528rpx;
+    height: 264px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 
     image {
-      width: 216rpx;
-      height: 150rpx;
+      width: 108px;
+      height: 75px;
     }
 
     .empty-text {
       font-weight: 400;
-      font-size: 28rpx;
+      font-size: 14px;
       color: #AAAAAA;
-      line-height: 40rpx;
+      line-height: 20px;
       text-align: center;
-      margin-top: -24rpx;
+      margin-top: -12px;
     }
   }
 }

+ 2 - 1
miniprogram/pages/orders/order-detail.less

@@ -442,7 +442,8 @@
 
     .memberListCon {
       overflow: hidden;
-      height: 790rpx;
+      // height: 790rpx;
+      height: 49vh;
 
       .memberListInfo {
         background: #F6F6F6;