vue-pro/yudao-ui-app/pages/order/confirm.vue

64 lines
1.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>