Commit aa74df4e5aa9414b561e7e567a419411b6156803
1 parent
4aeaa218
uniapp：增加部分 confirm 下单确认页
Showing
4 changed files
with
78 additions
and
1 deletions
yudao-ui-app/App.vue
| @@ -23,7 +23,10 @@ export default { | @@ -23,7 +23,10 @@ export default { | ||
| 23 | </script> | 23 | </script> |
| 24 | 24 | ||
| 25 | <style lang="scss"> | 25 | <style lang="scss"> |
| 26 | -/* 引入uView基础样式 */ | 26 | +/** 引入全局基本样式 */ |
| 27 | +@import 'styles/base.scss'; | ||
| 28 | + | ||
| 29 | +/* 引入 uView 基础样式 */ | ||
| 27 | @import '@/uni_modules/uview-ui/index.scss'; | 30 | @import '@/uni_modules/uview-ui/index.scss'; |
| 28 | 31 | ||
| 29 | /*每个页面公共scss */ | 32 | /*每个页面公共scss */ |
yudao-ui-app/pages.json
| @@ -87,6 +87,12 @@ | @@ -87,6 +87,12 @@ | ||
| 87 | } | 87 | } |
| 88 | }, | 88 | }, |
| 89 | { | 89 | { |
| 90 | + "path": "pages/order/confirm", | ||
| 91 | + "style": { | ||
| 92 | + "navigationBarTitleText": "确认订单" | ||
| 93 | + } | ||
| 94 | + }, | ||
| 95 | + { | ||
| 90 | "path": "pages/address/list", | 96 | "path": "pages/address/list", |
| 91 | "style": { | 97 | "style": { |
| 92 | "navigationBarTitleText": "收货地址" | 98 | "navigationBarTitleText": "收货地址" |
yudao-ui-app/pages/order/confirm.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <view class="container"> | ||
| 3 | + <view class="confirm-con"> | ||
| 4 | + <!-- TODO 收货地址 --> | ||
| 5 | + <navigator url="/pages/address/list?type=1"> | ||
| 6 | + <yd-address-select :address="address"></yd-address-select> | ||
| 7 | + </navigator> | ||
| 8 | + | ||
| 9 | + <!-- TODO 商品信息 --> | ||
| 10 | + <view class="goods contain"> | ||
| 11 | + <yd-order-product :productList="productList"></yd-order-product> | ||
| 12 | + <view class="item row-between"> | ||
| 13 | + <view>买家留言</view> | ||
| 14 | + <u-input v-model="remark" :clearable="false" | ||
| 15 | + placeholder="请添加备注（150 字以内）"></u-input> | ||
| 16 | + </view> | ||
| 17 | + </view> | ||
| 18 | + </view> | ||
| 19 | + | ||
| 20 | + <!-- TODO 优惠劵 --> | ||
| 21 | + | ||
| 22 | + <!-- TODO 价格信息 --> | ||
| 23 | + | ||
| 24 | + <!-- TODO 底部：提交订单 --> | ||
| 25 | + </view> | ||
| 26 | +</template> | ||
| 27 | + | ||
| 28 | +<script> | ||
| 29 | +export default { | ||
| 30 | + data() { | ||
| 31 | + return { | ||
| 32 | + address: { // 选中的收货地址 | ||
| 33 | + name: 'test', | ||
| 34 | + mobile: '15601691300', | ||
| 35 | + area: '奥特曼奥特曼' | ||
| 36 | + }, | ||
| 37 | + productList: [{ // 购买的商品列表 | ||
| 38 | + coverUrl: '', | ||
| 39 | + productTitle: '奥特曼', | ||
| 40 | + sellPrice: 1024, | ||
| 41 | + productCount: 2048, | ||
| 42 | + totalPrice: 1024 | ||
| 43 | + }], | ||
| 44 | + remark: '', // 备注 | ||
| 45 | + x | ||
| 46 | + } | ||
| 47 | + } | ||
| 48 | +} | ||
| 49 | +</script> | ||
| 50 | + | ||
| 51 | +<style> | ||
| 52 | + .confirm-con { | ||
| 53 | + overflow: hidden; | ||
| 54 | + padding-bottom: calc(120rpx + env(safe-area-inset-bottom)); | ||
| 55 | + } | ||
| 56 | + | ||
| 57 | + .contain { | ||
| 58 | + border-radius: 14rpx; | ||
| 59 | + margin: 20rpx 20rpx 0; | ||
| 60 | + background-color: #fff; | ||
| 61 | + overflow: hidden; | ||
| 62 | + } | ||
| 63 | +</style> |