18 changed files with 1073 additions and 130 deletions
Unified View
Diff Options
-
+55 -53components/product/productItem.vue
-
+15 -0pages.json
-
+16 -5pages/index/center.vue
-
+5 -1pages/index/index.vue
-
+1 -1pages_order/components/address/addressList.vue
-
+6 -4pages_order/components/product/submit.vue
-
+0 -44pages_order/home/Worknotice.vue
-
+5 -7pages_order/home/journalism.vue
-
+132 -0pages_order/mine/balance.vue
-
+134 -0pages_order/mine/commission.vue
-
+168 -0pages_order/mine/recharge.vue
-
+10 -3pages_order/mine/recommend.vue
-
+168 -0pages_order/mine/withdraw.vue
-
+288 -0pages_order/order/createOrder.vue
-
+34 -12pages_order/product/productDetail.vue
-
BINpages_order/static/address/icon1.png
-
+16 -0store/store.js
-
+20 -0uni.scss
+ 55
- 53
components/product/productItem.vue
View File
+ 15
- 0
pages.json
View File
+ 16
- 5
pages/index/center.vue
View File
+ 5
- 1
pages/index/index.vue
View File
+ 1
- 1
pages_order/components/address/addressList.vue
View File
+ 6
- 4
pages_order/components/product/submit.vue
View File
+ 0
- 44
pages_order/home/Worknotice.vue
View File
| @ -1,44 +0,0 @@ | |||||
| <template> | |||||
| <!-- 公告 --> | |||||
| <view class="page"> | |||||
| <navbar title="公告" leftClick @leftClick="$utils.navigateBack" /> | |||||
| <view style="padding: 20rpx;"> | |||||
| <uv-parse :content="NewsById.content"></uv-parse> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| NewsById : {}, | |||||
| id : 0, | |||||
| } | |||||
| }, | |||||
| onLoad(args) { | |||||
| this.id = args.id | |||||
| this.queryNewsById() | |||||
| }, | |||||
| methods: { | |||||
| //公告信息-根据id查询公告信息 | |||||
| queryNewsById(){ | |||||
| this.$api('queryNewsById', { | |||||
| newsId : this.id | |||||
| }, res =>{ | |||||
| if(res.code == 200){ | |||||
| this.NewsById = res.result | |||||
| } | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page { | |||||
| } | |||||
| </style> | |||||
+ 5
- 7
pages_order/home/journalism.vue
View File
+ 132
- 0
pages_order/mine/balance.vue
View File
| @ -0,0 +1,132 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <navbar title="余额" | |||||
| bgColor="#A3D250" | |||||
| color="#fff" | |||||
| leftClick | |||||
| @leftClick="$utils.navigateBack" /> | |||||
| <view class="bg"/> | |||||
| <view class="price"> | |||||
| <view class="title"> | |||||
| 我的余额（元） | |||||
| </view> | |||||
| <view class="num"> | |||||
| 16666 | |||||
| </view> | |||||
| </view> | |||||
| <view class="cell"> | |||||
| <view class="cell-top">收支明细</view> | |||||
| <view class="cell-box" | |||||
| :key="index" | |||||
| v-for="(item,index) in list"> | |||||
| <uv-cell-group> | |||||
| <uv-cell | |||||
| :title="item.title" | |||||
| :label="item.createTime" | |||||
| :center="true"> | |||||
| <template #value> | |||||
| <view class="cell-text"> | |||||
| <view class="price-text">-19.9</view> | |||||
| <view class="tips">已到账</view> | |||||
| </view> | |||||
| </template> | |||||
| </uv-cell> | |||||
| </uv-cell-group> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import mixinsList from '@/mixins/list.js' | |||||
| export default { | |||||
| mixins : [mixinsList], | |||||
| data() { | |||||
| return { | |||||
| // mixinsListApi : 'getWaterPageList', | |||||
| list : [ | |||||
| { | |||||
| title : '直播收入', | |||||
| type : 0, | |||||
| createTime : '2021-12-12', | |||||
| } | |||||
| ], | |||||
| type : ['-', '+'], | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page{ | |||||
| .bg{ | |||||
| background-color: $uni-color; | |||||
| height: 300rpx; | |||||
| position: absolute; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| z-index: -1; | |||||
| border-bottom-left-radius: 30rpx; | |||||
| border-bottom-right-radius: 30rpx; | |||||
| } | |||||
| .price{ | |||||
| color: #FFFFFF; | |||||
| padding: 40rpx; | |||||
| .title{ | |||||
| color: #eee; | |||||
| font-size: 28rpx; | |||||
| } | |||||
| .num{ | |||||
| font-size: 50rpx; | |||||
| font-weight: 900; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| } | |||||
| .cell { | |||||
| margin: 20rpx; | |||||
| background-color: #FFFFFF; | |||||
| border-radius: 16rpx; | |||||
| .cell-top { | |||||
| padding: 40rpx 34rpx; | |||||
| color: #474747; | |||||
| font-size: 34rpx; | |||||
| font-weight: 600; | |||||
| position: relative; | |||||
| &::after{ | |||||
| content: ''; | |||||
| display: block; | |||||
| position: absolute; | |||||
| left: 55rpx; | |||||
| bottom: 38rpx; | |||||
| height: 10rpx; | |||||
| width: 120rpx; | |||||
| background: linear-gradient(to right, #fff, $uni-color); | |||||
| } | |||||
| } | |||||
| .cell-text{ | |||||
| text-align: right; | |||||
| .price-text{ | |||||
| color: #f40; | |||||
| font-size: 32rpx; | |||||
| font-weight: 900; | |||||
| } | |||||
| .tips{ | |||||
| font-size: 22rpx; | |||||
| color: #aaa; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 134
- 0
pages_order/mine/commission.vue
View File
| @ -0,0 +1,134 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <navbar title="佣金" | |||||
| bgColor="#A3D250" | |||||
| color="#fff" | |||||
| leftClick | |||||
| @leftClick="$utils.navigateBack" /> | |||||
| <view class="bg"/> | |||||
| <view class="price"> | |||||
| <view class="title"> | |||||
| 我的佣金（元） | |||||
| </view> | |||||
| <view class="num"> | |||||
| 16666 | |||||
| </view> | |||||
| </view> | |||||
| <view class="cell"> | |||||
| <view class="cell-top">收支明细</view> | |||||
| <view class="cell-box" | |||||
| :key="index" | |||||
| v-for="(item,index) in list"> | |||||
| <uv-cell-group> | |||||
| <uv-cell | |||||
| :title="item.title" | |||||
| :label="item.createTime" | |||||
| :center="true"> | |||||
| <template #value> | |||||
| <view class="cell-text"> | |||||
| <view class="price-text">-19.9</view> | |||||
| <view class="tips">已到账</view> | |||||
| </view> | |||||
| </template> | |||||
| </uv-cell> | |||||
| </uv-cell-group> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import mixinsList from '@/mixins/list.js' | |||||
| export default { | |||||
| mixins : [mixinsList], | |||||
| data() { | |||||
| return { | |||||
| // mixinsListApi : 'getWaterPageList', | |||||
| list : [ | |||||
| { | |||||
| title : '直播收入', | |||||
| type : 0, | |||||
| createTime : '2021-12-12', | |||||
| } | |||||
| ], | |||||
| type : ['-', '+'], | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page{ | |||||
| .bg{ | |||||
| background-color: $uni-color; | |||||
| height: 160rpx; | |||||
| position: absolute; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| z-index: -1; | |||||
| border-bottom-left-radius: 30rpx; | |||||
| border-bottom-right-radius: 30rpx; | |||||
| } | |||||
| .price{ | |||||
| background-color: #fff; | |||||
| padding: 40rpx; | |||||
| margin: 20rpx; | |||||
| border-radius: 20rpx; | |||||
| .title{ | |||||
| color: #777; | |||||
| font-size: 28rpx; | |||||
| } | |||||
| .num{ | |||||
| font-size: 50rpx; | |||||
| font-weight: 900; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| } | |||||
| .cell { | |||||
| margin: 20rpx; | |||||
| background-color: #FFFFFF; | |||||
| border-radius: 16rpx; | |||||
| .cell-top { | |||||
| padding: 40rpx 34rpx; | |||||
| color: #474747; | |||||
| font-size: 34rpx; | |||||
| font-weight: 600; | |||||
| position: relative; | |||||
| &::after{ | |||||
| content: ''; | |||||
| display: block; | |||||
| position: absolute; | |||||
| left: 55rpx; | |||||
| bottom: 38rpx; | |||||
| height: 10rpx; | |||||
| width: 120rpx; | |||||
| background: linear-gradient(to right, #fff, $uni-color); | |||||
| } | |||||
| } | |||||
| .cell-text{ | |||||
| text-align: right; | |||||
| .price-text{ | |||||
| color: #f40; | |||||
| font-size: 32rpx; | |||||
| font-weight: 900; | |||||
| } | |||||
| .tips{ | |||||
| font-size: 22rpx; | |||||
| color: #aaa; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 168
- 0
pages_order/mine/recharge.vue
View File
| @ -0,0 +1,168 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <navbar title="提现" | |||||
| bgColor="#A3D250" | |||||
| color="#fff" | |||||
| leftClick | |||||
| @leftClick="$utils.navigateBack" /> | |||||
| <view class="bg"/> | |||||
| <view class="price"> | |||||
| <view class="title"> | |||||
| 请输入提现金额（元） | |||||
| </view> | |||||
| <view class="input-box"> | |||||
| <view class="input"> | |||||
| <input type="text" /> | |||||
| </view> | |||||
| <view class=""> | |||||
| 全部提现 | |||||
| </view> | |||||
| </view> | |||||
| <view class="num"> | |||||
| 可提现金额：16666 | |||||
| </view> | |||||
| </view> | |||||
| <view class="cell"> | |||||
| <view class="cell-top">提现说明</view> | |||||
| <view style="padding: 0 20rpx;"> | |||||
| <uv-parse :content="configList.withdrawal_instructions"></uv-parse> | |||||
| </view> | |||||
| </view> | |||||
| <view class="cell"> | |||||
| <view class="cell-top">提现记录</view> | |||||
| <view class="cell-box" | |||||
| :key="index" | |||||
| v-for="(item,index) in list"> | |||||
| <uv-cell-group> | |||||
| <uv-cell | |||||
| :title="item.title" | |||||
| :label="item.createTime" | |||||
| :center="true"> | |||||
| <template #value> | |||||
| <view class="cell-text"> | |||||
| <view class="price-text">-19.9</view> | |||||
| <view class="tips">已到账</view> | |||||
| </view> | |||||
| </template> | |||||
| </uv-cell> | |||||
| </uv-cell-group> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import mixinsList from '@/mixins/list.js' | |||||
| export default { | |||||
| mixins : [mixinsList], | |||||
| data() { | |||||
| return { | |||||
| // mixinsListApi : 'getWaterPageList', | |||||
| list : [ | |||||
| { | |||||
| title : '直播收入', | |||||
| type : 0, | |||||
| createTime : '2021-12-12', | |||||
| } | |||||
| ], | |||||
| type : ['-', '+'], | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page{ | |||||
| .bg{ | |||||
| background-color: $uni-color; | |||||
| height: 380rpx; | |||||
| position: absolute; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| z-index: -1; | |||||
| border-bottom-left-radius: 30rpx; | |||||
| border-bottom-right-radius: 30rpx; | |||||
| } | |||||
| .price{ | |||||
| color: #FFFFFF; | |||||
| padding: 40rpx; | |||||
| .title{ | |||||
| color: #eee; | |||||
| font-size: 28rpx; | |||||
| } | |||||
| .input-box{ | |||||
| background-color: #FFFFFF; | |||||
| color: $uni-color; | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| border-radius: 30rpx; | |||||
| align-items: center; | |||||
| padding: 10rpx; | |||||
| margin: 20rpx 0; | |||||
| .input{ | |||||
| color: #000; | |||||
| font-size: 40rpx; | |||||
| font-weight: 900; | |||||
| display: flex; | |||||
| flex: 1; | |||||
| input{ | |||||
| flex: 1; | |||||
| padding: 14rpx 20rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| .num{ | |||||
| font-size: 30rpx; | |||||
| font-weight: 900; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| } | |||||
| .cell { | |||||
| margin: 20rpx; | |||||
| background-color: #FFFFFF; | |||||
| border-radius: 16rpx; | |||||
| .cell-top { | |||||
| padding: 40rpx 34rpx; | |||||
| color: #474747; | |||||
| font-size: 34rpx; | |||||
| font-weight: 600; | |||||
| position: relative; | |||||
| &::after{ | |||||
| content: ''; | |||||
| display: block; | |||||
| position: absolute; | |||||
| left: 55rpx; | |||||
| bottom: 38rpx; | |||||
| height: 10rpx; | |||||
| width: 120rpx; | |||||
| background: linear-gradient(to right, #fff, $uni-color); | |||||
| } | |||||
| } | |||||
| .cell-text{ | |||||
| text-align: right; | |||||
| .price-text{ | |||||
| color: #f40; | |||||
| font-size: 32rpx; | |||||
| font-weight: 900; | |||||
| } | |||||
| .tips{ | |||||
| font-size: 22rpx; | |||||
| color: #aaa; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 10
- 3
pages_order/mine/recommend.vue
View File
+ 168
- 0
pages_order/mine/withdraw.vue
View File
| @ -0,0 +1,168 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <navbar title="提现" | |||||
| bgColor="#A3D250" | |||||
| color="#fff" | |||||
| leftClick | |||||
| @leftClick="$utils.navigateBack" /> | |||||
| <view class="bg"/> | |||||
| <view class="price"> | |||||
| <view class="title"> | |||||
| 请输入提现金额（元） | |||||
| </view> | |||||
| <view class="input-box"> | |||||
| <view class="input"> | |||||
| <input type="text" /> | |||||
| </view> | |||||
| <view class=""> | |||||
| 全部提现 | |||||
| </view> | |||||
| </view> | |||||
| <view class="num"> | |||||
| 可提现金额：16666 | |||||
| </view> | |||||
| </view> | |||||
| <view class="cell"> | |||||
| <view class="cell-top">提现说明</view> | |||||
| <view style="padding: 0 20rpx;"> | |||||
| <uv-parse :content="configList.withdrawal_instructions"></uv-parse> | |||||
| </view> | |||||
| </view> | |||||
| <view class="cell"> | |||||
| <view class="cell-top">提现记录</view> | |||||
| <view class="cell-box" | |||||
| :key="index" | |||||
| v-for="(item,index) in list"> | |||||
| <uv-cell-group> | |||||
| <uv-cell | |||||
| :title="item.title" | |||||
| :label="item.createTime" | |||||
| :center="true"> | |||||
| <template #value> | |||||
| <view class="cell-text"> | |||||
| <view class="price-text">-19.9</view> | |||||
| <view class="tips">已到账</view> | |||||
| </view> | |||||
| </template> | |||||
| </uv-cell> | |||||
| </uv-cell-group> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import mixinsList from '@/mixins/list.js' | |||||
| export default { | |||||
| mixins : [mixinsList], | |||||
| data() { | |||||
| return { | |||||
| // mixinsListApi : 'getWaterPageList', | |||||
| list : [ | |||||
| { | |||||
| title : '直播收入', | |||||
| type : 0, | |||||
| createTime : '2021-12-12', | |||||
| } | |||||
| ], | |||||
| type : ['-', '+'], | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page{ | |||||
| .bg{ | |||||
| background-color: $uni-color; | |||||
| height: 380rpx; | |||||
| position: absolute; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| z-index: -1; | |||||
| border-bottom-left-radius: 30rpx; | |||||
| border-bottom-right-radius: 30rpx; | |||||
| } | |||||
| .price{ | |||||
| color: #FFFFFF; | |||||
| padding: 40rpx; | |||||
| .title{ | |||||
| color: #eee; | |||||
| font-size: 28rpx; | |||||
| } | |||||
| .input-box{ | |||||
| background-color: #FFFFFF; | |||||
| color: $uni-color; | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| border-radius: 30rpx; | |||||
| align-items: center; | |||||
| padding: 10rpx; | |||||
| margin: 20rpx 0; | |||||
| .input{ | |||||
| color: #000; | |||||
| font-size: 40rpx; | |||||
| font-weight: 900; | |||||
| display: flex; | |||||
| flex: 1; | |||||
| input{ | |||||
| flex: 1; | |||||
| padding: 14rpx 20rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| .num{ | |||||
| font-size: 30rpx; | |||||
| font-weight: 900; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| } | |||||
| .cell { | |||||
| margin: 20rpx; | |||||
| background-color: #FFFFFF; | |||||
| border-radius: 16rpx; | |||||
| .cell-top { | |||||
| padding: 40rpx 34rpx; | |||||
| color: #474747; | |||||
| font-size: 34rpx; | |||||
| font-weight: 600; | |||||
| position: relative; | |||||
| &::after{ | |||||
| content: ''; | |||||
| display: block; | |||||
| position: absolute; | |||||
| left: 55rpx; | |||||
| bottom: 38rpx; | |||||
| height: 10rpx; | |||||
| width: 120rpx; | |||||
| background: linear-gradient(to right, #fff, $uni-color); | |||||
| } | |||||
| } | |||||
| .cell-text{ | |||||
| text-align: right; | |||||
| .price-text{ | |||||
| color: #f40; | |||||
| font-size: 32rpx; | |||||
| font-weight: 900; | |||||
| } | |||||
| .tips{ | |||||
| font-size: 22rpx; | |||||
| color: #aaa; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 288
- 0
pages_order/order/createOrder.vue
View File
| @ -0,0 +1,288 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <navbar title="下单支付" leftClick @leftClick="$utils.navigateBack" /> | |||||
| <view class="box"> | |||||
| <!-- 地址 --> | |||||
| <view class="address" @click="openAddress"> | |||||
| <image src="../static/address/icon1.png" mode=""></image> | |||||
| <view class=""> | |||||
| {{ address.name }} | |||||
| </view> | |||||
| <view class=""> | |||||
| {{ address.addressDetail }} | |||||
| </view> | |||||
| <view class="icon"> | |||||
| <uv-icon size="30rpx" name="arrow-right"></uv-icon> | |||||
| </view> | |||||
| </view> | |||||
| <view class="productList"> | |||||
| <view class="item" | |||||
| :key="index" | |||||
| v-for="(item, index) in productList"> | |||||
| <view class="item-image"> | |||||
| <image :src="item.image || 'https://img95.699pic.com/photo/50058/1378.jpg_wh860.jpg'" | |||||
| mode="aspectFill"></image> | |||||
| </view> | |||||
| <view class="info"> | |||||
| <view class="title"> | |||||
| {{ item.title }} | |||||
| </view> | |||||
| <view class="desc"> | |||||
| {{ item.sku }} | |||||
| </view> | |||||
| <view class="price"> | |||||
| <view class=""> | |||||
| <uv-number-box | |||||
| v-model="num" | |||||
| ></uv-number-box> | |||||
| </view> | |||||
| <view class=""> | |||||
| ￥{{ item.price }} | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <view class="submit-box"> | |||||
| <view class="peis"> | |||||
| <view class=""> | |||||
| 配送方式 | |||||
| </view> | |||||
| <view class=""> | |||||
| 商家自行配送 | |||||
| </view> | |||||
| </view> | |||||
| <view class="priceInfo"> | |||||
| <view class=""> | |||||
| 付款金额 | |||||
| </view> | |||||
| <view class="totalPrice"> | |||||
| ￥{{ totalPrice }} | |||||
| </view> | |||||
| </view> | |||||
| <view class="remark"> | |||||
| <input type="text" | |||||
| placeholder="请输入备注" | |||||
| v-model="remark"/> | |||||
| </view> | |||||
| </view> | |||||
| <view class="uni-color-btn"> | |||||
| 确认下单 | |||||
| </view> | |||||
| </view> | |||||
| <!-- 地址选择 --> | |||||
| <uv-popup ref="addressPopup" :round="30"> | |||||
| <addressList ref="addressList" height="60vh" @select="selectAddress" /> | |||||
| </uv-popup> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import addressList from '../components/address/addressList.vue' | |||||
| export default { | |||||
| components: { | |||||
| addressList, | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| pids: [], | |||||
| productList: [], | |||||
| address: { | |||||
| name: '请选择地址', | |||||
| addressDetail: '', | |||||
| }, | |||||
| addressTotal: 0, | |||||
| remark : '', | |||||
| num : 1, | |||||
| } | |||||
| }, | |||||
| computed : { | |||||
| totalPrice(){ | |||||
| let price = 0 | |||||
| this.productList.forEach(n => { | |||||
| price += n.price * this.num | |||||
| }) | |||||
| return Number(price).toFixed(2) | |||||
| }, | |||||
| }, | |||||
| onLoad({ | |||||
| pid | |||||
| }) { | |||||
| this.pids = pid ? pid.split(',') : [], | |||||
| this.getRiceProductDetail() | |||||
| }, | |||||
| onShow() { | |||||
| this.getAddressList() | |||||
| }, | |||||
| methods: { | |||||
| // 获取商品 | |||||
| getRiceProductDetail() { | |||||
| this.pids.forEach(id => { | |||||
| this.$api('getRiceProductDetail', { | |||||
| id | |||||
| }, res => { | |||||
| if (res.code == 200) { | |||||
| this.productList.push(res.result) | |||||
| } | |||||
| }) | |||||
| }) | |||||
| }, | |||||
| // 打开 | |||||
| getAddressList() { | |||||
| // 获取地址列表 | |||||
| this.$refs.addressList.getAddressList().then(res => { | |||||
| this.addressTotal = res.total | |||||
| if (this.addressTotal != 0) { | |||||
| this.address = res.records[0] | |||||
| } | |||||
| }) | |||||
| }, | |||||
| // 打开选择地址 | |||||
| openAddress() { | |||||
| if (this.addressTotal == 0) { | |||||
| return uni.navigateTo({ | |||||
| url: '/pages_order/mine/address?type=back' | |||||
| }) | |||||
| } | |||||
| this.$refs.addressPopup.open('bottom') | |||||
| }, | |||||
| // 选择地址 | |||||
| selectAddress(e) { | |||||
| this.address = e | |||||
| this.$refs.addressPopup.close() | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page { | |||||
| .box { | |||||
| padding: 20rpx; | |||||
| .address { | |||||
| display: flex; | |||||
| padding: 20rpx; | |||||
| background-color: #fff; | |||||
| align-items: center; | |||||
| border-radius: 20rpx; | |||||
| image { | |||||
| width: 40rpx; | |||||
| height: 40rpx; | |||||
| margin: 20rpx; | |||||
| } | |||||
| view { | |||||
| margin: 20rpx; | |||||
| overflow: hidden; //超出的文本隐藏 | |||||
| text-overflow: ellipsis; //溢出用省略号显示 | |||||
| white-space: nowrap; //溢出不换行 | |||||
| } | |||||
| .icon { | |||||
| margin-left: auto; | |||||
| } | |||||
| } | |||||
| .productList { | |||||
| margin-top: 20rpx; | |||||
| background-color: #fff; | |||||
| border-radius: 20rpx; | |||||
| .item { | |||||
| padding: 10rpx 20rpx; | |||||
| align-items: center; | |||||
| margin-bottom: 20rpx; | |||||
| display: flex; | |||||
| width: 100%; | |||||
| box-sizing: border-box; | |||||
| .item-image { | |||||
| width: 140rpx; | |||||
| height: 140rpx; | |||||
| flex-shrink: 0; | |||||
| image { | |||||
| height: 100%; | |||||
| width: 100%; | |||||
| border-radius: 20rpx; | |||||
| } | |||||
| } | |||||
| .info { | |||||
| padding: 20rpx; | |||||
| color: #555; | |||||
| flex: 1; | |||||
| .title { | |||||
| font-size: 28rpx; | |||||
| font-weight: 900; | |||||
| } | |||||
| .desc { | |||||
| font-size: 22rpx; | |||||
| color: #777; | |||||
| margin-top: 10rpx; | |||||
| } | |||||
| .price { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| color: #f40; | |||||
| font-size: 30rpx; | |||||
| font-weight: 900; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .submit-box{ | |||||
| background-color: #fff; | |||||
| padding: 20rpx; | |||||
| border-radius: 20rpx; | |||||
| &>view:nth-child(2){ | |||||
| margin-top: 20rpx; | |||||
| } | |||||
| &>view{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| font-size: 28rpx; | |||||
| &>view:nth-child(1){ | |||||
| font-weight: 900; | |||||
| } | |||||
| &>view:nth-child(2){ | |||||
| color: #999; | |||||
| font-size: 24rpx; | |||||
| } | |||||
| .totalPrice{ | |||||
| color: #f40 !important; | |||||
| font-size: 34rpx !important; | |||||
| font-weight: 900; | |||||
| } | |||||
| } | |||||
| .remark{ | |||||
| margin-top: 30rpx; | |||||
| input{ | |||||
| background-color: #f3f3f3; | |||||
| padding: 14rpx 20rpx; | |||||
| border-radius: 20rpx; | |||||
| flex: 1; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 34
- 12
pages_order/product/productDetail.vue
View File
BIN
pages_order/static/address/icon1.png
View File
| Before | After |
|---|---|
|
|
| Width: 101 | Height: 111 | Size: 7.1 KiB |