订单当前客户

li-guang

2020-12-17 986c442a8ca5036e88e26e8d1d769fb2af943de3

 hive-app/pages/member/membershipCard.vue

@@ -1,16 +1,31 @@
<template>
   <view class="container">
      <view class="card-item">
         <view class="card-header">
      <view class="list-item">
         <view class="list-header">
            <text class="name">会员卡</text>
            <text>NO 23564</text>
         </view>
         <view class="card-content">
         <view class="list-content">
            <text>
               ¥ 5656789
               ¥<text class="ml-10">565,6789</text>
            </text>
         </view>
         <view class="card-footer">
         <view class="list-footer">
            <text>赠送金额 ¥ 5656</text>
            <text>有效期：2025-10-20</text>
         </view>
      </view>
      <view class="list-item">
         <view class="list-header">
            <text class="name">会员卡</text>
            <text>NO 23564</text>
         </view>
         <view class="list-content">
            <text>
               ¥<text class="ml-10">565,6789</text>
            </text>
         </view>
         <view class="list-footer">
            <text>赠送金额 ¥ 5656</text>
            <text>有效期：2025-10-20</text>
         </view>
@@ -38,26 +53,30 @@
   .container{
      padding: 10px 10px;
   }
   .card-item{
   .list-item{
      background: #F0AD4E;
      color: #FFFFFF;
      font-size: 14px;
      padding: 12px 15px;
      border-radius: 4px;
      margin-bottom: 10px;
   }
   .card-header{
   .list-header{
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .card-header .name{
      font-size: 22px;
   .list-header .name{
      font-size: 18px;
      font-weight: bold;
   }
   .card-content{
		
   .list-content{
      padding: 20px 0;
      font-size: 30px;
   }
   .card-footer{
		
   .list-footer{
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
</style>