confirm.vue
1.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<template>
<view class="container">
<view class="confirm-con">
<!-- TODO 收货地址 -->
<navigator url="/pages/address/list?type=1">
<yd-address-select :address="address"></yd-address-select>
</navigator>
<!-- TODO 商品信息 -->
<view class="goods contain">
<yd-order-product :productList="productList"></yd-order-product>
<view class="item row-between">
<view>买家留言</view>
<u-input v-model="remark" :clearable="false"
placeholder="请添加备注（150 字以内）"></u-input>
</view>
</view>
</view>
<!-- TODO 优惠劵 -->
<!-- TODO 价格信息 -->
<!-- TODO 底部：提交订单 -->
</view>
</template>
<script>
export default {
data() {
return {
address: { // 选中的收货地址
name: 'test',
mobile: '15601691300',
area: '奥特曼奥特曼'
},
productList: [{ // 购买的商品列表
coverUrl: '',
productTitle: '奥特曼',
sellPrice: 1024,
productCount: 2048,
totalPrice: 1024
}],
remark: '', // 备注
x
}
}
}
</script>
<style>
.confirm-con {
overflow: hidden;
padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
}
.contain {
border-radius: 14rpx;
margin: 20rpx 20rpx 0;
background-color: #fff;
overflow: hidden;
}
</style>