yxt_product
/
yxt-yyth-ui-miniprogram
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

111

master
wangjiahai 2 years ago
parent
48c22fb20c
commit
aea75a40c2
1 changed files with 50 additions and 12 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 62
      pages/card/card.vue

62
pages/card/card.vue
View File

@ -1,18 +1,25 @@
<template>
<view style="display: flex;flex-direction: column;align-items: center;">
<view v-for="(item,index) in data"
style="display: flex;flex-direction: column;border: 1px solid #e29a68;width: 90%;border-radius: 20rpx;margin-top: 8px;">
<view class="use" :style="{'background':item.showBtn?'#ce644e':'#999999'}" style="">
<view style="flex: 1;display: flex;flex-direction: column;">
<view style="font-size: 15px;padding: 2px;padding-left: 5px;">{{item.name}}</view>
<view style="font-size: 13px;padding-left: 5px;padding-bottom: 2px;">{{item.time}}</view>
</view>
<view style="display: flex;flex-direction: column;height: 100%;">
<view style="display: flex;flex-direction: column;align-items: center; padding-bottom: 50px;">
<view v-for="(item,index) in data"
style="display: flex;flex-direction: column;border: 1px solid #e29a68;width: 90%;border-radius: 20rpx;margin-top: 8px;">
<view v-if="item.showBtn" style="flex-shrink: 0;padding: 5px;font-size: 14px;">预约提货</view>
<view class="use" :style="{'background':item.showBtn?'#ce644e':'#999999'}" style="">
<view style="flex: 1;display: flex;flex-direction: column;">
<view style="font-size: 15px;padding: 2px;padding-left: 5px;">{{item.name}}</view>
<view style="font-size: 13px;padding-left: 5px;padding-bottom: 2px;">{{item.time}}</view>
</view>
<view v-if="item.showBtn" style="flex-shrink: 0;padding: 5px;font-size: 14px;">预约提货</view>
</view>
<view style="width: 100%;text-align: center;margin-top: 10px;margin-bottom: 10px;">{{item.state}}</view>
</view>
<view style="width: 100%;text-align: center;margin-top: 10px;margin-bottom: 10px;">{{item.state}}</view>
</view>
<view
style="bottom: 0;z-index: 1;position: fixed;background: #f1f2f3;width: 100%;height: 35px;line-height: 35px;text-align: center;color: red;">
绑定新卡</view>
</view>
</template>
@ -25,7 +32,32 @@
time: "2023.10.20-2025.10.20",
name: "卡号:123456789",
state: "已失效",
sid:""
sid: ""
}, {
showBtn: false,
time: "2023.10.20-2025.10.30",
name: "卡号:1234567809",
state: "已失效1"
}, {
showBtn: false,
time: "2023.10.20-2025.10.30",
name: "卡号:1234567809",
state: "已失效1"
}, {
showBtn: false,
time: "2023.10.20-2025.10.30",
name: "卡号:1234567809",
state: "已失效1"
}, {
showBtn: false,
time: "2023.10.20-2025.10.30",
name: "卡号:1234567809",
state: "已失效1"
}, {
showBtn: false,
time: "2023.10.20-2025.10.30",
name: "卡号:1234567809",
state: "已失效1"
}, {
showBtn: false,
time: "2023.10.20-2025.10.30",
@ -49,4 +81,10 @@
color: #FFF;
align-items: center;
}
uni-page-body,
page {
width: 100%;
height: 100%;
}
</style>
Write Preview
Loading…
Cancel
Save