Przeglądaj źródła

支付样式调整

wangzq 2 lat temu
rodzic
commit
1ca755d613
3 zmienionych plików z 25 dodań i 13 usunięć
  1. 13 1
      .quickapp.preview.json
  2. 8 3
      src/assets/less/pay.less
  3. 4 9
      src/views/Pay/index.ux

+ 13 - 1
.quickapp.preview.json

@@ -1 +1,13 @@
-{}
+{
+  "modeOptions": {
+    "current": 0,
+    "list": [
+      {
+        "name": "kf",
+        "pathName": "views/Pay",
+        "query": "",
+        "id": 0
+      }
+    ]
+  }
+}

+ 8 - 3
src/assets/less/pay.less

@@ -10,13 +10,13 @@
     flex-direction: column;
 
     .total-wrap {
-      height: 120px;
+    
       flex-shrink: 0;
       background-color: #fff;
       background-color: #fff;
       justify-content: space-between;
       align-items: center;
-      padding: 28px 24px;
+      padding: 28px 40px;
     }
 
     .total-cost {
@@ -37,12 +37,17 @@
     }
 
     .go-to-pay {
+      width: 100%;
       font-size: 30px;
       font-weight: bold;
       color: #fff;
-      border-radius: 6px;
+      text-align: center;
+      border-radius: 46px;
       background-color: #ff6060;
       padding: 20px 40px;
+      font-family: MicrosoftYaHei;
+      color: #FFFFFF;
+      line-height: 21px;
     }
   }
 

+ 4 - 9
src/views/Pay/index.ux

@@ -50,7 +50,7 @@
                       if="charge.save_text"
                     >
                       <block if="!charge.is_year_order">
-                        <text></text>
+                        <text></text>
                       </block>
                       <block else>
                         <image src="../../assets/imgs/year_pay.png"></image>
@@ -72,13 +72,12 @@
           </div>
           <div class="notice-wrap">
             <text class="title">提示:</text>
-            <text class="notice-item">1.书币属虚拟商品,一经购买不得退换</text>
+            <text class="notice-item">1.充值后书币到账可能有延迟,1小时内未到账请到个人中心联系客服</text>
             <text class="notice-item"
-              >2.充值后书币到账可能有延迟,1小时内未到账请到个人中心联系客服</text
+              >2.未满18周岁的未成年人应在法定监护人同意后进行充值。</text
             >
             <text class="notice-item"
-              >3.工作时间:周一 周四 周五 9:00-21:00,周二 周三 周六 周日
-              9:00-18:00</text
+              >3.充值书币,鉴于网络服务性质特殊属于不宜退货商品,不适用无理由退换规定。</text
             >
           </div>
         </div>
@@ -87,10 +86,6 @@
     <div class="wrap-fixed">
       <image src="../../assets/imgs/shadow.png" class="shadow"></image>
       <div class="total-wrap">
-        <div class="total-cost">
-          <text>合计:{{ total }}</text>
-          <text class="notice">选择充值金额(1元=100书币)</text>
-        </div>
         <text class="go-to-pay" @click="toPay">立即充值</text>
       </div>
     </div>