From bfc807ed1acd06060fe1c3b941f08ac643b9d81b Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Fri, 18 Dec 2020 15:41:49 +0800
Subject: [PATCH] gx
---
hive-app/pages/member/membershipCard.vue | 45 ++++++++++++++++++++++++++++++++-------------
1 files changed, 32 insertions(+), 13 deletions(-)
diff --git a/hive-app/pages/member/membershipCard.vue b/hive-app/pages/member/membershipCard.vue
index 6b5db92..d7a1e41 100644
--- a/hive-app/pages/member/membershipCard.vue
+++ b/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>
--
Gitblit v1.9.1