18 changed files with 1073 additions and 130 deletions
Split 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 |