fix(order): 订单金额列表添加订单总金额展示

config/balance.js

@@ -1,202 +1,230 @@
 const http = uni.$u.http
 
 // 钱包余额
-export const getWalletBalance = (params) => http.get('/member/api/wallet/balance', {
+export const getWalletBalance = params =>
-	params
+  http.get('/member/api/wallet/balance', {
+    params,
   })
 
 //提现账户
-export const getPkBdAccountList = (params) => http.get('/system/api/account/pkBdAccountList', {
+export const getPkBdAccountList = params =>
-	params
+  http.get('/system/api/account/pkBdAccountList', {
+    params,
   })
 
 //提现选择银行卡
-export const getDefaultBank = (params) => http.get('/member/api/bank/default-bank', {
+export const getDefaultBank = params =>
-	params
+  http.get('/member/api/bank/default-bank', {
-})
+    params,
-
-//校验是否绑定银行卡
-export const checkIsbindBank = (params) => http.get('/member/api/bank/is-bind', {
-	params
   })
 
 //提现页面展示
-export const getWidthdrawShow = (params) => http.get('/member/api/withdraw/show/add', {
+export const getWidthdrawShow = params =>
-	params
+  http.get('/member/api/withdraw/show/add', {
+    params,
   })
 
 //确认提现
-export const addWithdraw = (params) => http.post('/member/api/withdraw/add', params)
+export const addWithdraw = params =>
-
+  http.post('/member/api/withdraw/add', params)
 
 //提现明细列表
-export const getWithdrawList = (params) => http.get('/member/api/withdraw/list-detail', {
+export const getWithdrawList = params =>
-	params
+  http.get('/member/api/withdraw/list-detail', {
+    params,
   })
 
 //提现撤销
-export const cancelWithdraw = (params) => http.get('/member/api/withdraw/cancel', {
+export const cancelWithdraw = params =>
-	params
+  http.get('/member/api/withdraw/cancel', {
+    params,
   })
 
 //获取转账转出账户
-export const getTransferAccount = (params) => http.get('/member/api/transfer/transfer-account', {
+export const getTransferAccount = params =>
-	params
+  http.get('/member/api/transfer/transfer-account', {
+    params,
   })
 
 //根据用户编号查询用户姓名
-export const getTransferChineseName = (params) => http.get('/member/api/transfer/chinese-name', {
+export const getTransferChineseName = params =>
-	params
+  http.get('/member/api/transfer/chinese-name', {
+    params,
   })
 
 //查询选择账户可转账余额
-export const getTransferMember = (params) => http.get('/member/api/transfer/member-balance', {
+export const getTransferMember = params =>
-	params
+  http.get('/member/api/transfer/member-balance', {
+    params,
   })
 
 //确认转账
-export const addTransfer = (params) => http.post('/member/api/transfer/add', params)
+export const addTransfer = params =>
+  http.post('/member/api/transfer/add', params)
 
 //钱包银行卡列表
-export const getBankList = (params) => http.get('/member/api/bank/list', {
+export const getBankList = params =>
-	params
+  http.get('/member/api/bank/list', {
+    params,
   })
 
 //解除绑定
-export const removeBankBind = (params) => http.get('/member/api/bank/unbind-bank', {
+export const removeBankBind = params =>
-	params
+  http.get('/member/api/bank/unbind-bank', {
+    params,
   })
 
 //获取银行验证码
-export const getVerification = (params) => http.get('/member/api/sms/verification', {
+export const getVerification = params =>
-	params
+  http.get('/member/api/sms/verification', {
+    params,
   })
 
 //绑定银行卡校验
-export const verifyBankCard = (params) => http.post('/member/api/bank/verify-bank-card', params)
+export const verifyBankCard = params =>
-
+  http.post('/member/api/bank/verify-bank-card', params)
-//是否配置白名单 白名单不进行银行卡四要素校验
-export const checkIfWhite = (params) => http.get('/member/api/bank/is-white-list', {
-	params
-})
 
 //银行卡选择下拉选
-export const getBankCardChoiceList = (params) => http.get('/system/api/bank/list', {
+export const getBankCardChoiceList = params =>
-	params
+  http.get('/system/api/bank/list', {
+    params,
   })
 
 //钱包绑卡
-export const bindWalletBankAdd = (params) => http.post('/member/api/bank/add', params)
+export const bindWalletBankAdd = params =>
+  http.post('/member/api/bank/add', params)
 
 // 交易明细
-export const getTransactionDetails = (params) => http.post('/member/api/wallet/transaction-details?pageNum=' + params
+export const getTransactionDetails = params =>
-	.pageNum + "&pageSize=" + params.pageSize, params)
+  http.post(
-
+    '/member/api/wallet/transaction-details?pageNum=' +
+      params.pageNum +
+      '&pageSize=' +
+      params.pageSize,
+    params
+  )
 
 //交易类型下拉选
-export const getTradeTypeList = (params) => http.get('/member/api/wallet/trade-type', {
+export const getTradeTypeList = params =>
-	params
+  http.get('/member/api/wallet/trade-type', {
+    params,
   })
 
 //币种-账户类型下拉选
-export const getEnumsAccountList = (params) => http.get('/system/api/account/pkBdAccountList', {
+export const getEnumsAccountList = params =>
-	params
+  http.get('/system/api/account/pkBdAccountList', {
+    params,
   })
 
 //意见反馈类型
-export const getFeedbackType = (params) => http.get('/system/pub/enums/feedback-type', {
+export const getFeedbackType = params =>
-	params
+  http.get('/system/pub/enums/feedback-type', {
+    params,
   })
 
 //提交意见反馈列表
-export const saveFeedBack = (params) => http.post('/system/api/feedback/save', params)
+export const saveFeedBack = params =>
-
+  http.post('/system/api/feedback/save', params)
-
 
 // 公告、站内信、意见反馈数
-export const getNoticeCount = (params) => http.get('/system/api/notice/index-count', {
+export const getNoticeCount = params =>
-	params
+  http.get('/system/api/notice/index-count', {
+    params,
   })
 
 // 公告站内信列表 公告1站内信2
-export const getNoticeList = (params) => http.get('/system/api/notice/index-list', {
+export const getNoticeList = params =>
-	params
+  http.get('/system/api/notice/index-list', {
+    params,
   })
 
 //意见列表
-export const getFeedbackList = (params) => http.get('/system/api/feedback/index-list', {
+export const getFeedbackList = params =>
-	params
+  http.get('/system/api/feedback/index-list', {
+    params,
   })
 
-
 //获取公告、站内信详情
-export const getNoticeDetail = (params) => http.get('/system/api/notice/index-detail', {
+export const getNoticeDetail = params =>
-	params
+  http.get('/system/api/notice/index-detail', {
+    params,
   })
 
 //二级密码校验
-export const checkPwd = (params) => http.get('/member/api/recharge/check-pwd', {
+export const checkPwd = params =>
-	params
+  http.get('/member/api/recharge/check-pwd', {
+    params,
   })
 
 //是否进行实名认证
-export const getIfAuth = (params) => http.get('/member/api/authentication/is-auth', {
+export const getIfAuth = params =>
-	params
+  http.get('/member/api/authentication/is-auth', {
+    params,
   })
 
-
 //证件类型
-export const getCardType = (params) => http.get('/system/pub/enums/id-type', {
+export const getCardType = params =>
-	params
+  http.get('/system/pub/enums/id-type', {
+    params,
   })
 
 //实名认证
-export const addAuthentication = (params) => http.post('/member/api/authentication/add', params)
+export const addAuthentication = params =>
+  http.post('/member/api/authentication/add', params)
 
 //上传图片
-export const getUploadUrl = (params) => http.post('/system/upload', params)
+export const getUploadUrl = params => http.post('/system/upload', params)
 
 //成长之路-等级
-export const getGrowUpGrade = (params) => http.get('/member/api/member-footmark/grow-up-footmark-grade', {
+export const getGrowUpGrade = params =>
-	params
+  http.get('/member/api/member-footmark/grow-up-footmark-grade', {
+    params,
   })
 
 //成长之路-奖衔
-export const getGrowUpAwards = (params) => http.get('/member/api/member-footmark/grow-up-footmark-awards', {
+export const getGrowUpAwards = params =>
-	params
+  http.get('/member/api/member-footmark/grow-up-footmark-awards', {
+    params,
   })
 
-
 //是否上传营业执照
-export const getIsExist = (params) => http.get('/member/api/business/license/is-exist', {
+export const getIsExist = params =>
-	params
+  http.get('/member/api/business/license/is-exist', {
+    params,
   })
 
 //上传营业执照
-export const addLicense = (params) => http.post('/member/api/business/license/add', params)
+export const addLicense = params =>
+  http.post('/member/api/business/license/add', params)
 
 //营业执照详情
-export const getLicenseDetail = (params) => http.get('/member/api/business/license/detail', {
+export const getLicenseDetail = params =>
-	params
+  http.get('/member/api/business/license/detail', {
+    params,
   })
 
 //修改营业执照
-export const updateLicense = (params) => http.post('/member/api/business/license/update', params)
+export const updateLicense = params =>
+  http.post('/member/api/business/license/update', params)
 //ocr
-export const ocrIdCard = (params) => http.post('/member/api/authentication/invoke-idCard', params)
+export const ocrIdCard = params =>
+  http.post('/member/api/authentication/invoke-idCard', params)
 //ocrBack
-export const ocrIdCardBack = (params) => http.post('/member/api/authentication/invoke-idCard-back', params)
+export const ocrIdCardBack = params =>
+  http.post('/member/api/authentication/invoke-idCard-back', params)
 //实名认证详情
-export const authenticationDetails = (params) => http.get('/member/api/authentication/detail', {
+export const authenticationDetails = params =>
-	params
+  http.get('/member/api/authentication/detail', {
+    params,
   })
 //实名认证详情续约用
-export const agreementName = (params) => http.get('/member/api/authentication/agreement-real-name', {
+export const agreementName = params =>
-	params
+  http.get('/member/api/authentication/agreement-real-name', {
+    params,
   })
 
 //设置默认银行卡
-export const updateDefault = (params) => http.get('/member/api/bank/update-default', {
+export const updateDefault = params =>
-	params
+  http.get('/member/api/bank/update-default', {
+    params,
   })
-

config/request.js

@@ -20,7 +20,7 @@ module.exports = vm => {
 
     //#ifdef DEV_SERVER
     console.log('DEV_SERVER')
-    config.baseURL = 'http://t-app.beida777.com/prod-api'
+    config.baseURL = 'https://t-app.beida777.com/prod-api'
     //#endif
 
     //#ifdef QA_SERVER

pages/mine/balance/withdrawal.vue

@@ -7,7 +7,7 @@
         :rules="rules"
         ref="uForm"
       >
-        <!-- <u-form-item
+        <u-form-item
           label-width="200rpx"
           :label="'银行卡号'"
           prop="cardNumber"
@@ -24,7 +24,7 @@
           <view v-else style="color: red" @click="goBindbank">
             {{ '请先绑定银行卡' }}
           </view>
-        </u-form-item> -->
+        </u-form-item>
         <u-form-item
           label-width="200rpx"
           :label="`${'提现金额'}(${isLocaled()})`"
@@ -134,7 +134,16 @@
       <u-button class="subbtn" @click="submit">{{ '提现' }}</u-button>
     </view>
     <u-toast ref="uToast"></u-toast>
-
+    <u-modal
+      :show="unBindDefaultModal"
+      showCancelButton
+      @cancel="unBindDefaultModal = false"
+      cancelText="取消"
+      confirmText="确定"
+      @confirm="unBindDefaultConfirm"
+    >
+      请先绑定默认银行卡
+    </u-modal>
     <!-- 提现引导弹窗 -->
     <!-- <WithdrawalGuide
       :show="showWithdrawalGuide"
@@ -193,8 +202,9 @@ export default {
       bankData: {},
       widthDrwaData: {},
       ifeye: false,
-      canbind: false,
+      canbind: true,
       showWithdrawalGuide: false,
+      unBindDefaultModal: false,
     }
   },
   watch: {
@@ -205,7 +215,7 @@ export default {
       url: '/pages/mine/balance/withdrawlDetail',
     })
   },
-  onLoad() {
+  onShow() {
     this.getList()
   },
   methods: {
@@ -233,18 +243,20 @@ export default {
           }
         })
       bal.getDefaultBank().then(res => {
+        if (res.data && Object.keys(res.data).length > 0) {
           this.bankData = res.data
           this.dataForm.pkBank = res.data.pkId
-      })
+        } else {
-      //校验是否绑定银行卡
+          this.unBindDefaultModal = true
-      bal.checkIsbindBank().then(res => {
-        if (res.flag == 'Y') {
-          this.canbind = false
-        } else if (res.flag == 'N') {
-          this.canbind = true
         }
       })
     },
+    unBindDefaultConfirm() {
+      this.unBindDefaultModal = false
+      uni.navigateTo({
+        url: '/pages/mine/bindBank/index',
+      })
+    },
     submit() {
       this.$refs.uForm
         .validate()
@@ -257,7 +269,12 @@ export default {
               })
               setTimeout(() => {
                 uni.navigateBack()
-              }, 300)
+              }, 500)
+
+              // 显示提现引导弹窗
+              // setTimeout(() => {
+              //   this.showWithdrawalGuide = true
+              // }, 300)
             }
           })
         })

pages/mine/bindBank/bindBank.vue

@@ -7,21 +7,9 @@
         :rules="rules"
         ref="uForm"
       >
-        <u-form-item
-          label-width="200rpx"
-          :label="'银行卡号'"
-          borderBottom
-          prop="cardNumber"
-          ref="item1"
-        >
-          <u--input
-            v-model="dataForm.cardNumber"
-            disabledColor="#F5F5F5;"
-            border="none"
-          ></u--input>
-        </u-form-item>
         <u-form-item
           borderBottom
+          required
           label-width="200rpx"
           :label="'银行名称'"
           prop="bankName"
@@ -40,6 +28,7 @@
         <u-form-item
           label-width="200rpx"
           :label="'开户支行'"
+          required
           prop="subBankName"
           borderBottom
           ref="item1"
@@ -52,7 +41,22 @@
         </u-form-item>
         <u-form-item
           label-width="200rpx"
-          :label="'真实姓名'"
+          :label="'银行卡号'"
+          required
+          borderBottom
+          prop="cardNumber"
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.cardNumber"
+            disabledColor="#F5F5F5;"
+            border="none"
+          ></u--input>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          label="开户姓名"
+          required
           prop="accountName"
           borderBottom
           ref="item1"
@@ -66,6 +70,7 @@
         <u-form-item
           label-width="200rpx"
           :label="'证件号码'"
+          required
           prop="idCard"
           borderBottom
           ref="item1"
@@ -81,6 +86,7 @@
           label-width="200rpx"
           :label="'联系方式'"
           prop="phone"
+          required
           borderBottom
           ref="item1"
         >
@@ -95,6 +101,7 @@
           v-if="userInfo.pkCountry == 1 && cancode"
           label-width="200rpx"
           :label="'验证码'"
+          required
           prop="verificationCode"
           borderBottom
           ref="item1"
@@ -131,6 +138,13 @@
         ></u-picker>
       </u--form>
     </view>
+    <view class="tip-wrapper">
+      <view class="tip-content">
+        <view class="tip-text"
+          >银行卡号、真实姓名、证件号码、联系方式，请与银行预留信息保持一致</view
+        >
+      </view>
+    </view>
     <view class="btnbox">
       <u-button class="subbtn" @click="submit">{{ '确定' }}</u-button>
     </view>
@@ -221,18 +235,8 @@ export default {
   onLoad() {
     this.userInfo = uni.getStorageSync('User')
     this.getList()
-    this.checkIfWhite()
   },
   methods: {
-    checkIfWhite() {
-      ban.checkIfWhite().then(res => {
-        if (res.code == 200 && res.flag == 'N') {
-          this.cancode = true
-        } else if (res.code == 200 && res.flag == 'Y') {
-          this.cancode = false
-        }
-      })
-    },
     codeChange(text) {
       this.tips = text
     },
@@ -295,9 +299,7 @@ export default {
         .then(res => {
           // 没有三方接口 临机写死
           this.ifpass = true
-          this.bindBank()
 
-          return
           if (this.userInfo.pkCountry == 1) {
             if (this.cancode) {
               ban
@@ -374,5 +376,37 @@ export default {
     border-radius: 38rpx;
     color: #fff;
   }
+
+  .tip-wrapper {
+    margin: 20rpx 20rpx 0 20rpx;
+
+    .tip-content {
+      display: flex;
+      align-items: flex-start;
+      background: linear-gradient(135deg, #fff3e0 0%, #fff8f0 100%);
+      border: 2rpx solid #ffb74d;
+      border-radius: 16rpx;
+      padding: 20rpx 24rpx;
+      box-shadow: 0 4rpx 12rpx rgba(255, 183, 77, 0.1);
+
+      .tip-icon {
+        color: #ff9800;
+        font-size: 28rpx;
+        font-weight: bold;
+        margin-right: 16rpx;
+        margin-top: 2rpx;
+        flex-shrink: 0;
+      }
+
+      .tip-text {
+        flex: 1;
+        font-size: 24rpx;
+        line-height: 36rpx;
+        color: #e65100;
+        font-weight: 500;
+        letter-spacing: 0.5rpx;
+      }
+    }
+  }
 }
 </style>

pages/mine/bindBank/index.vue

@@ -1,8 +1,12 @@
 <template>
   <view class="content">
     <view class="tablebox" v-if="tableData.length > 0">
-			<view class="card" v-for="(item, index) in tableData"
+      <view
-				:style="{ backgroundImage: 'url(' + item.backgroundImg + ')'}" :key="index">
+        class="card"
+        v-for="(item, index) in tableData"
+        :style="{ backgroundImage: 'url(' + item.backgroundImg + ')' }"
+        :key="index"
+      >
         <view class="cardtopflex">
           <view class="cardtopflex2">
             <view class="imgbox"><img :src="item.logo" alt="" /></view>
@@ -14,43 +18,74 @@
           <view class="flexs_1" v-if="item.defaultCard == 1">
             <view class="qiu"></view>
             <view v-if="userInfo.pkCountry == 1">{{ '默认' }}</view>
-						<view v-else style="color: #000;font-weight: bold;" class="cardfooter">{{'默认'}}</view>
+            <view
+              v-else
+              style="color: #000; font-weight: bold"
+              class="cardfooter"
+              >{{ '默认' }}</view
+            >
           </view>
           <view class="flexs_1" v-else>
-
+            <view
-						<view style="color: #fff; font-weight: bold; cursor: pointer" @click="setDefault(item.pkId)"
+              style="color: #fff; font-weight: bold; cursor: pointer"
-							class="cardfooter">{{'设为默认'}}</view>
+              @click="setDefault(item.pkId)"
+              class="cardfooter"
+              >{{ '设为默认' }}</view
+            >
           </view>
         </view>
         <view class="cardNumber">{{ item.cardNumber }}</view>
-				<view v-if="userInfo.pkCountry == 1" class="cardfooter" @click="removeBind(item)">
+        <view
-					[{{'解绑'}}]</view>
+          v-if="userInfo.pkCountry == 1"
-				<view v-else style="color: #000;font-weight: bold;" class="cardfooter" @click="removeBind(item)">
+          class="cardfooter"
-					[{{'解绑'}}]</view>
+          @click="removeBind(item)"
+        >
+          [{{ '解绑' }}]</view
+        >
+        <view
+          v-else
+          style="color: #000; font-weight: bold"
+          class="cardfooter"
+          @click="removeBind(item)"
+        >
+          [{{ '解绑' }}]</view
+        >
       </view>
     </view>
-		<u-modal :showCancelButton="true" @cancel="modalShow=false" :content="'是否确认解绑银行卡'" :show="modalShow"
+    <u-modal
-			@confirm="confirmRemove" ref="uModal" :asyncClose="true"></u-modal>
+      :showCancelButton="true"
-		<view class="footerbtn" @click="goAdd">
+      @cancel="modalShow = false"
-			+{{'添加银行卡'}}
+      :content="'是否确认解绑银行卡'"
-		</view>
+      :show="modalShow"
+      @confirm="confirmRemove"
+      ref="uModal"
+      :asyncClose="true"
+    ></u-modal>
+    <view class="footerbtn" @click="goAdd"> +{{ '添加银行卡' }} </view>
 
-		<u-modal :showCancelButton="true" @cancel="modalShow2=false" content="当前解绑为默银行卡，请设置为另一张卡为默认银行卡"
+    <u-modal
-			:show="modalShow2" @confirm="confirmRemove2" ref="uModal" :asyncClose="true"></u-modal>
+      :showCancelButton="true"
+      @cancel="modalShow2 = false"
+      content="当前解绑为默银行卡，请设置为另一张卡为默认银行卡"
+      :show="modalShow2"
+      @confirm="confirmRemove2"
+      ref="uModal"
+      :asyncClose="true"
+    ></u-modal>
     <!-- <el-button class="footerbtn" @click="bindBank(true)">{{'绑定银行卡'}}</el-button> -->
   </view>
 </template>
 
 <script>
-	import * as ban from "@/config/balance.js"
+import * as ban from '@/config/balance.js'
 export default {
   data() {
     return {
       tableData: [],
       modalShow: false,
       modalShow2: false,
-				pkId: "",
+      pkId: '',
-				userInfo: {}
+      userInfo: {},
     }
   },
   onLoad() {
@@ -61,20 +96,22 @@
   },
   methods: {
     setDefault(pkId) {
-				ban.updateDefault({
+      ban
-					pkId: pkId
+        .updateDefault({
-				}).then((res) => {
+          pkId: pkId,
+        })
+        .then(res => {
           if (res.code == 200) {
             uni.$u.toast(res.msg)
-						this.getSearch();
+            this.getSearch()
           } else {
             uni.$u.toast(res.msg)
           }
-				});
+        })
     },
     goAdd() {
       uni.navigateTo({
-					url: '/pages/mine/bindBank/bindBank'
+        url: '/pages/mine/bindBank/bindBank',
       })
     },
     removeBind(item) {
@@ -84,26 +121,27 @@
       } else {
         this.modalShow = true
       }
-
     },
     confirmRemove2() {
       this.modalShow2 = false
-				this.modalShow = true
+      // this.modalShow = true
     },
     //解除绑定
     confirmRemove() {
-				ban.removeBankBind({
+      ban
-					pkId: this.pkId
+        .removeBankBind({
-				}).then((res) => {
+          pkId: this.pkId,
+        })
+        .then(res => {
           if (res.code == 200) {
             uni.$u.toast(res.msg)
             this.modalShow = false
-						this.getSearch();
+            this.getSearch()
           } else {
             uni.$u.toast(res.msg)
             this.modalShow = false
           }
-				});
+        })
     },
     //点击绑定银行卡
     bindBank(val) {
@@ -111,11 +149,11 @@
       // this.jdTl = val;
     },
     getSearch() {
-				ban.getBankList().then((res) => {
+      ban.getBankList().then(res => {
-					this.tableData = res.data;
+        this.tableData = res.data
-				});
+      })
+    },
   },
-		}
 }
 </script>
 
@@ -185,12 +223,13 @@
             }
           }
         }
-
       }
 
       .cardNumber {
         font-size: 32rpx;
-					font-family: PingFang SC-Medium, PingFang SC;
+        font-family:
+          PingFang SC-Medium,
+          PingFang SC;
         font-weight: 600;
         color: #ffffff;
         margin-top: 100rpx;
@@ -200,7 +239,9 @@
       .cardfooter {
         text-align: right;
         font-size: 24rpx;
-					font-family: PingFang SC-Regular, PingFang SC;
+        font-family:
+          PingFang SC-Regular,
+          PingFang SC;
         font-weight: 400;
         color: #ffffff;
         margin-top: 24rpx;
@@ -210,7 +251,6 @@
   }
 
   .footerbtn {
-
     display: flex;
     align-items: center;
     padding: 40rpx;

pages/mine/order/index.vue

@@ -62,9 +62,17 @@
             <view class="tit5"> x{{ ctem.quantity }} </view>
           </view>
         </view>
+        <view class="order-info-row">
           <view class="tit1"> {{ '创建时间' }}：{{ item.creationTime }} </view>
+          <view class="order-amount-highlight">
+            <text class="amount-label">订单金额：</text>
+            <text class="amount-value">{{
+              item.orderAmount | numberToCurrency | isLocal
+            }}</text>
           </view>
-      <view class="xian"></view>
+        </view>
+      </view>
+      <view class="xian" v-if="[0, 3, 5].includes(item.orderStatus)"></view>
       <view class="disFlex">
         <view style="flex: 1"></view>
         <view class="disFlex">
@@ -780,6 +788,36 @@ export default {
   color: #333333;
 }
 
+.order-info-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16rpx;
+  padding-top: 16rpx;
+  border-top: 1rpx solid #f5f5f5;
+}
+
+.order-amount-highlight {
+  font-family: Source Han Sans CN;
+  color: #f82c1a;
+  // background: rgba(248, 44, 26, 0.08);
+  // padding: 8rpx 16rpx;
+  // border-radius: 8rpx;
+  display: flex;
+  align-items: baseline;
+}
+
+.amount-label {
+  font-size: 22rpx;
+  font-weight: 400;
+  margin-right: 4rpx;
+}
+
+.amount-value {
+  font-size: 32rpx;
+  font-weight: 700;
+}
+
 .xian {
   background: #eee;
   height: 2rpx;