64 lines
1.4 KiB
Vue
64 lines
1.4 KiB
Vue
<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>
|