product_platform/yxt-yyth-ui-miniprogram
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

11

Browse Source
This commit is contained in:
wangjiahai
2023-11-22 16:04:05 +08:00
parent 50683ee7bd
commit 270d09af35
7 changed files with 250 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
pages/card/card_detail.vue
View File

@@ -2,7 +2,6 @@
<view>
<image src="../../static/edit_bg.png" style="width: 100%;height: 40vw;z-index: 0;"></image>
<!-- 3+13+7+4 =27 -->
<view style="display: flex;flex-direction: column;margin-top: -40vw;">
<view style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<view style="flex: 1;display: flex;flex-direction: column;z-index: 1;margin-left: 15px;">
@@ -26,6 +25,34 @@
<image src="../../static/pName.png" style="width: 15px;height: 15px;margin-left: 15px;"></image>
<view style="margin-left: 15px;font-size: 14px;">{{data.pname}}</view>
</view>
<view style="background: #FFFFFF;border-radius: 20rpx;padding: 15px;margin: 10px 15px;">
<view
style="display: flex;flex-direction: row;align-items: center;border-bottom: 1rpx #f1f2f3 solid;padding-bottom: 10px;">
<image src="../../static/mingxi.png" style="width: 15px;height: 15px;"></image>
<view style="margin-left: 10px;font-size: 14px;">商品明细</view>
</view>
<view v-for="(item,index) in data.list" style="display: flex;flex-direction: row;margin-top: 15px;">
<image src="../../static/logo.png" style="width: 60px;height: 60px;flex-shrink: 0;"></image>
<view style="margin-left: 10px;margin-right: 10px;">
<text class="text" style="flex: 1;font-weight: 500;">background: #FFFFFF;border-radius:
20rpx;padding: 15px;margin: 10px 15px;
</text>
<view style="font-size: 12px;color: #666666;">可用数量：{{item.lNum}}</view>
</view>
<view style="flex-shrink: 0;font-size: 12px;color: #666666;">x{{item.num}}</view>
</view>
</view>
</view>
<view style="height: 60px;"></view>
<view
style="position: fixed;bottom: 0;height: 50px;background: #f3f4f6;border-top: 1rpx #cacaca solid;width: 100%;display: flex;flex-direction: row;box-sizing: border-box;align-items: center;padding-right: 15px;">
<view style="flex: 1;"></view>
<view class="btn" style="flex-shrink: 0;font-size: 30rpx;color: #191919;">
预约记录</view>
<view class="btn" style="flex-shrink: 0;font-size: 30rpx;color: royalblue;">预约提货</view>
</view>
</view>
</template>
@@ -35,16 +62,71 @@
data() {
return {
page: {
remarks: ''
sid: ''
},
data: {
time: "2023.10.20-2025.10.20",
name: "卡号:123456789",
pname: "闭包名称",
state: "已失效",
showBtn: false,
list: [{
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}, {
goods: '大白菜',
pic: '',
num: 10,
lNum: 1
}]
}
}
},
onLoad(options) {
this.page.sid = options.sid
},
methods: {
}
@@ -52,8 +134,30 @@
</script>
<style>
.text {
white-space: normal;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
uni-page-body,
page {
background: #F1F2F3;
}
.btn {
border: 1px solid;
padding-left: 25rpx;
padding-right: 25rpx;
padding-top: 10rpx;
padding-bottom: 10rpx;
border-radius: 50rpx;
height: 20px;
margin-left: 25rpx;
}
</style>