|
@@ -7,138 +7,115 @@
|
|
<view class="moveBar" :style="{ left: MIXIN_MoveBarLeft + 'px', width: 100 / typeList.length + '%' }"><text></text></view>
|
|
<view class="moveBar" :style="{ left: MIXIN_MoveBarLeft + 'px', width: 100 / typeList.length + '%' }"><text></text></view>
|
|
</view>
|
|
</view>
|
|
<view class="swiper-area">
|
|
<view class="swiper-area">
|
|
- <pulldown-refresher ref="pulldownRefresher" @pulldownRefresh="MIXIN_pulldownrefresh">
|
|
|
|
- <swiper class="swiper" :current="MIXIN_NowIndex" :duration="234" @transition="MIXIN_transition" @change="MIXIN_change" @animationfinish="MIXIN_animationfinish">
|
|
|
|
- <swiper-item>
|
|
|
|
- <scroll-view scroll-y :style="{ height: MIXIN_ScrollViewHeight + 'px' }" @scrolltolower="MIXIN_scrolltolower">
|
|
|
|
- <view class="order-item" v-for="(orderItem) in lists[0]" :key="orderItem.order_num">
|
|
|
|
- <view class="order-num">
|
|
|
|
- <text>订单编号:{{ orderItem.order_num }}</text>
|
|
|
|
- <text class="basecolor">未付款</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="good-item" v-for="(goodItem, goodIndex) in orderItem.goodList" :key="goodIndex">
|
|
|
|
- <image :src="goodItem.img"></image>
|
|
|
|
- <view class="info">
|
|
|
|
- <text class="name">{{ goodItem.name }}</text>
|
|
|
|
- <text class="num">数量:{{ goodItem.num }}件</text>
|
|
|
|
- <text class="price">金额:¥{{ goodItem.price * goodItem.num + '.00' }}</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="totalPrice">
|
|
|
|
- <text>合计:<text class="basecolor">{{ orderItem | total }}</text></text>
|
|
|
|
- <view class="right">
|
|
|
|
- <text class="small-btn" @tap="toDetail(orderItem.order_num)">查看订单</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <swiper class="swiper" :current="MIXIN_NowIndex" :duration="234" @transition="MIXIN_transition" @change="MIXIN_change" @animationfinish="MIXIN_animationfinish">
|
|
|
|
+ <swiper-item v-for="(typeValue, typeKey) in lists" :key="typeKey">
|
|
|
|
+ <scroll-view scroll-y :style="{ height: MIXIN_ScrollViewHeight + 'px' }" @scrolltolower="MIXIN_scrolltolower">
|
|
|
|
+ <view class="order-item" v-for="(orderItem) in lists[typeKey]" :key="orderItem.order_num" @click="toDetail(orderItem)">
|
|
|
|
+ <view class="order-num">
|
|
|
|
+ <text>订单编号:{{ orderItem.order_num }}</text>
|
|
|
|
+ <text :class="orderItem | orderStatus | orderStatusClass">{{ orderItem | orderStatus }}</text>
|
|
</view>
|
|
</view>
|
|
- <custom-reach-bottom v-if="lists[0].length" :nomore="page[0] === 0" />
|
|
|
|
- <swiper-status v-else :page="page[0]" />
|
|
|
|
- </scroll-view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <scroll-view scroll-y :style="{ height: MIXIN_ScrollViewHeight + 'px' }" @scrolltolower="MIXIN_scrolltolower">
|
|
|
|
- <view class="order-item" v-for="(orderItem, orderIndex) in lists[1]" :key="orderItem.order_num">
|
|
|
|
- <view class="order-num">
|
|
|
|
- <text>订单编号:{{ orderItem.order_num }}</text>
|
|
|
|
|
|
+ <view class="good-item">
|
|
|
|
+ <view class="imgs">
|
|
|
|
+ <image v-for="(item, index) in orderItem.order" :key="index" :src="item.main_img"></image>
|
|
</view>
|
|
</view>
|
|
- <view class="good-item" v-for="(goodItem, goodIndex) in orderItem.goodList" :key="goodIndex">
|
|
|
|
- <image :src="goodItem.img"></image>
|
|
|
|
- <view class="info">
|
|
|
|
- <text class="name">{{ goodItem.name }}</text>
|
|
|
|
- <text class="num">数量:{{ goodItem.num }}件</text>
|
|
|
|
- <text class="price">金额:¥{{ goodItem.price * goodItem.num + '.00' }}</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="totalPrice">
|
|
|
|
- <text>合计:<text class="basecolor">{{ orderItem | total }}</text></text>
|
|
|
|
- <view class="right">
|
|
|
|
- <text class="small-btn" @tap="confirmReceive(orderItem.order_num, orderIndex)">确认收货</text>
|
|
|
|
- <text v-if="orderItem.forward" class="small-btn" @tap="toForward(orderItem.order_num)">查看转单</text>
|
|
|
|
- <text class="small-btn" @tap="toDetail(orderItem.order_num)">查看订单</text>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="info">
|
|
|
|
+ <text class="name">种类:{{ orderItem.type }}{{ ', ' }}</text>
|
|
|
|
+ <text class="num">数量:{{ orderItem.total }}{{ ', ' }}</text>
|
|
|
|
+ <text class="price">共计金额:<text class="basecolor">¥{{ orderItem.money }}.00</text></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <custom-reach-bottom v-if="lists[1].length" :nomore="page[1] === 0" />
|
|
|
|
- <swiper-status v-else :page="page[1]" />
|
|
|
|
- </scroll-view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <scroll-view scroll-y :style="{ height: MIXIN_ScrollViewHeight + 'px' }" @scrolltolower="MIXIN_scrolltolower">
|
|
|
|
- <view class="order-item" v-for="(orderItem) in lists[2]" :key="orderItem.order_num">
|
|
|
|
- <view class="order-num">
|
|
|
|
- <text>订单编号:{{ orderItem.order_num }}</text>
|
|
|
|
- <text v-if="orderItem.status == 3" class="basecolor">已完成</text>
|
|
|
|
- <text v-if="orderItem.status == 4" >已取消</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="good-item" v-for="(goodItem, goodIndex) in orderItem.goodList" :key="goodIndex">
|
|
|
|
- <image :src="goodItem.img"></image>
|
|
|
|
- <view class="info">
|
|
|
|
- <text class="name">{{ goodItem.name }}</text>
|
|
|
|
- <text class="num">数量:{{ goodItem.num }}件</text>
|
|
|
|
- <text class="price">金额:¥{{ goodItem.price * goodItem.num + '.00' }}</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="totalPrice">
|
|
|
|
- <text>合计:<text class="basecolor">{{ orderItem | total }}</text></text>
|
|
|
|
- <view class="right">
|
|
|
|
- <text v-if="orderItem.forward" class="small-btn" @tap="toForward(orderItem.order_num)">查看转单</text>
|
|
|
|
- <text class="small-btn" @tap="toDetail(orderItem.order_num)">查看订单</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="bottom-bar">
|
|
|
|
+ <view class="btn" v-if="!orderItem.is_deleted && !orderItem.pay_status" @click.stop="changeOrder(orderItem)">修改订单</view>
|
|
|
|
+ <view class="btn" @click.stop="buyAgain(orderItem)">再次购买</view>
|
|
|
|
+ <view class="btn bg" v-if="!orderItem.is_deleted && !orderItem.pay_status" @click.stop="payNow(orderItem)">立即付款</view>
|
|
|
|
+ <view class="btn border" v-if="!orderItem.is_deleted && orderItem.status == 3" @click.stop="received(orderItem)">确认收货</view>
|
|
</view>
|
|
</view>
|
|
- <custom-reach-bottom v-if="lists[2].length" :nomore="page[2] === 0" />
|
|
|
|
- <swiper-status v-else :page="page[2]" />
|
|
|
|
- </scroll-view>
|
|
|
|
- </swiper-item>
|
|
|
|
- </swiper>
|
|
|
|
- </pulldown-refresher>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <custom-reach-bottom v-if="lists[typeKey].length" :nomore="page[typeKey] === 0" />
|
|
|
|
+ <swiper-status v-else :page="page[typeKey]" />
|
|
|
|
+ </scroll-view>
|
|
|
|
+ </swiper-item>
|
|
|
|
+ </swiper>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+ import { _API_GoodList } from '@/apis/good.js'
|
|
import { deepClone } from '@/common/util/index.js'
|
|
import { deepClone } from '@/common/util/index.js'
|
|
import MIXIN from '@/mixin/swiper-list.js'
|
|
import MIXIN from '@/mixin/swiper-list.js'
|
|
import swiperStatus from '@/components/public/swiper-status.vue'
|
|
import swiperStatus from '@/components/public/swiper-status.vue'
|
|
import pulldownRefresher from '@/components/public/pulldown-refresher.vue'
|
|
import pulldownRefresher from '@/components/public/pulldown-refresher.vue'
|
|
import customReachBottom from '@/components/public/custom-reach-bottom.vue'
|
|
import customReachBottom from '@/components/public/custom-reach-bottom.vue'
|
|
- import { _API_OrderMyExamine, _API_OrderMySended, _API_OrderMyCompleted, _API_OrderReceiveGoods } from '@/apis/order.js'
|
|
|
|
|
|
+ // import { _API_OrderMyExamine, _API_OrderMySended, _API_OrderMyCompleted, _API_OrderReceiveGoods } from '@/apis/order.js'
|
|
|
|
+ import { _API_OrderMy1, _API_OrderMy2, _API_OrderMy3, _API_OrderMy4, _API_OrderMy5, _API_OrderAgain, _API_OrderDel, _API_OrderDetail1 } from '@/apis/order.js'
|
|
export default {
|
|
export default {
|
|
mixins: [MIXIN],
|
|
mixins: [MIXIN],
|
|
components: { swiperStatus, customReachBottom, pulldownRefresher },
|
|
components: { swiperStatus, customReachBottom, pulldownRefresher },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
title: '我的订单',
|
|
title: '我的订单',
|
|
- page: [1, 1, 1], // 每种类型的页数 当页数为 0 时表示当前类型没有更多了 -1 表示请求失败
|
|
|
|
- lists: { 0: [], 1: [], 2: [] }, // 数据
|
|
|
|
- typeList: ['待审核', '待收货', '已完成'],
|
|
|
|
- apis: [_API_OrderMyExamine, _API_OrderMySended, _API_OrderMyCompleted]
|
|
|
|
|
|
+ page: [1, 1, 1, 1, 1], // 每种类型的页数 当页数为 0 时表示当前类型没有更多了 -1 表示请求失败
|
|
|
|
+ lists: { 0: [], 1: [], 2: [], 3: [], 4: {} }, // 数据
|
|
|
|
+ typeList: ['全部', '待付款', '待审核', '待收货', '已完成'],
|
|
|
|
+ apis: [_API_OrderMy1, _API_OrderMy2, _API_OrderMy3, _API_OrderMy4, _API_OrderMy5]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
filters: {
|
|
filters: {
|
|
- total(orderItem) { // 计算订单总金额过滤器
|
|
|
|
- return '¥ ' + orderItem.goodList.reduce((t, e) => t + (+e.num * +e.price), 0) + '.00'
|
|
|
|
|
|
+ orderStatus(orderItem) { // 计算订单总金额过滤器
|
|
|
|
+ if (orderItem.is_deleted) {
|
|
|
|
+ return '已删除'
|
|
|
|
+ } else if (!orderItem.pay_status) {
|
|
|
|
+ return '待支付订单'
|
|
|
|
+ } else if (orderItem.status == 3) {
|
|
|
|
+ return '待收货'
|
|
|
|
+ } else if (orderItem.status == 4) {
|
|
|
|
+ return '已完成'
|
|
|
|
+ } else {
|
|
|
|
+ return '待审核订单'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ orderStatusClass(status) {
|
|
|
|
+ if (status == '已删除' || status == '已完成') {
|
|
|
|
+ return ''
|
|
|
|
+ } else {
|
|
|
|
+ return 'basecolor'
|
|
|
|
+ }
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(opt) {
|
|
onLoad(opt) {
|
|
- uni.navigateBack()
|
|
|
|
- setTimeout(() => uni.$emit('noopening'))
|
|
|
|
- return
|
|
|
|
- if (opt.type === '0') {
|
|
|
|
- this.MIXIN_NowIndex = 0
|
|
|
|
|
|
+ if (this.$store.state.userinfo.level !== '代理公司') {
|
|
|
|
+ uni.navigateBack()
|
|
|
|
+ setTimeout(() => uni.$emit('noopening'))
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (opt.type === '1') {
|
|
|
|
+ this.MIXIN_NowIndex = this.MIXIN_ActiveIndex = this.MIXIN_FinishedIndex = 1
|
|
this.MIXIN_MoveBarLeft = this.MIXIN_NowIndex * (this.MIXIN_ScreenWidth / this.typeList.length)
|
|
this.MIXIN_MoveBarLeft = this.MIXIN_NowIndex * (this.MIXIN_ScreenWidth / this.typeList.length)
|
|
- }
|
|
|
|
- else if (opt.type === '1') {
|
|
|
|
- this.MIXIN_NowIndex = 1
|
|
|
|
|
|
+ } else if (opt.type === '2') {
|
|
|
|
+ this.MIXIN_NowIndex = this.MIXIN_ActiveIndex = this.MIXIN_FinishedIndex = 2
|
|
this.MIXIN_MoveBarLeft = this.MIXIN_NowIndex * (this.MIXIN_ScreenWidth / this.typeList.length)
|
|
this.MIXIN_MoveBarLeft = this.MIXIN_NowIndex * (this.MIXIN_ScreenWidth / this.typeList.length)
|
|
- }
|
|
|
|
- else if (opt.type === '2') {
|
|
|
|
- this.MIXIN_NowIndex = 2
|
|
|
|
|
|
+ } else if (opt.type === '3') {
|
|
|
|
+ this.MIXIN_NowIndex = this.MIXIN_ActiveIndex = this.MIXIN_FinishedIndex = 3
|
|
|
|
+ this.MIXIN_MoveBarLeft = this.MIXIN_NowIndex * (this.MIXIN_ScreenWidth / this.typeList.length)
|
|
|
|
+ } else if (opt.type === '4') {
|
|
|
|
+ this.MIXIN_NowIndex = this.MIXIN_ActiveIndex = this.MIXIN_FinishedIndex = 4
|
|
this.MIXIN_MoveBarLeft = this.MIXIN_NowIndex * (this.MIXIN_ScreenWidth / this.typeList.length)
|
|
this.MIXIN_MoveBarLeft = this.MIXIN_NowIndex * (this.MIXIN_ScreenWidth / this.typeList.length)
|
|
}
|
|
}
|
|
this.MIXIN_request()
|
|
this.MIXIN_request()
|
|
},
|
|
},
|
|
|
|
+ onPullDownRefresh() {
|
|
|
|
+ this.page[this.MIXIN_NowIndex] = 1
|
|
|
|
+ this.MIXIN_request()
|
|
|
|
+ },
|
|
|
|
+ created() {
|
|
|
|
+ uni.$on('PAYSUCCESS', (order_num) => {
|
|
|
|
+ this.lists[0].splice(this.lists[0].findIndex(e => e.order_num == order_num), 1)
|
|
|
|
+ this.lists[1].splice(this.lists[1].findIndex(e => e.order_num == order_num), 1)
|
|
|
|
+ })
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
confirmReceive(order_num, index) { // 点击确认收货
|
|
confirmReceive(order_num, index) { // 点击确认收货
|
|
this.$refs.ltm.modal('提示', ['确定收到商品?']).then(() => {
|
|
this.$refs.ltm.modal('提示', ['确定收到商品?']).then(() => {
|
|
@@ -157,14 +134,69 @@
|
|
uni.toast('取消确认')
|
|
uni.toast('取消确认')
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- MIXIN_requestHandle(res) {
|
|
|
|
|
|
+ MIXIN_requestHandle(res) { // 请求 handler
|
|
console.log(res)
|
|
console.log(res)
|
|
|
|
+ uni.stopPullDownRefresh()
|
|
},
|
|
},
|
|
- toDetail(order_num) { // 点击查看订单
|
|
|
|
- uni.navigateTo({ url: `../order-detail/order-detail?order_num=${order_num}` })
|
|
|
|
|
|
+ toDetail(gooItem) { // 点击查看订单
|
|
|
|
+ const { order_num, is_deleted, pay_status } = gooItem
|
|
|
|
+ let str = ''
|
|
|
|
+ if (!is_deleted && !pay_status) {
|
|
|
|
+ str = '&nopay=1'
|
|
|
|
+ }
|
|
|
|
+ uni.navigateTo({ url: `../order-detail1/order-detail1?status=${this.$options.filters.orderStatus(gooItem)}&order_num=${order_num}${str}` })
|
|
},
|
|
},
|
|
toForward(order_num) { // 点击查看转单
|
|
toForward(order_num) { // 点击查看转单
|
|
uni.navigateTo({ url: `../order-detail/order-detail?order_num=${order_num}&forward=1` })
|
|
uni.navigateTo({ url: `../order-detail/order-detail?order_num=${order_num}&forward=1` })
|
|
|
|
+ },
|
|
|
|
+ changeOrder({ order_num }) { // 取消订单
|
|
|
|
+ uni.showModal({
|
|
|
|
+ title: '',
|
|
|
|
+ content: '修改订单后会作废此订单,然后复制此订单的商品到购物车中重新下单,确定作废?',
|
|
|
|
+ success: (res) => {
|
|
|
|
+ if (res.confirm) {
|
|
|
|
+ uni.loading()
|
|
|
|
+ _API_GoodList().then(({ data: { list: list1 } }) => {
|
|
|
|
+ uni.loading()
|
|
|
|
+ list1.forEach(e => e.cart = Array(e.size.length).fill(0))
|
|
|
|
+ _API_OrderDetail1({ order_num }).then(({ data: { list: list2 } }) => {
|
|
|
|
+ // uni.loading()
|
|
|
|
+ list1.forEach((item, index) => {
|
|
|
|
+ if (item.id == list2[index].id) {
|
|
|
|
+ list2[index].size.forEach((size, sizeIndex) => {
|
|
|
|
+ const goodItemSizeIndex = list1[index].size.findIndex(e => e === size)
|
|
|
|
+ list1[index].cart[goodItemSizeIndex] = list2[index].num[sizeIndex]
|
|
|
|
+ })
|
|
|
|
+ item.choosed = true
|
|
|
|
+ item.sizeChoosed = Array(item.size.length).fill(true)
|
|
|
|
+ this.$store.commit('cart/ADD', item)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ buyAgain({ order_num, money }) { // 点击再次购买
|
|
|
|
+ uni.showModal({
|
|
|
|
+ title: '提示',
|
|
|
|
+ content: '确定要再次购买?',
|
|
|
|
+ success: (res) => {
|
|
|
|
+ if (res.confirm) {
|
|
|
|
+ uni.loading()
|
|
|
|
+ _API_OrderAgain({ order_num }).then(({ data: { order_num } }) => {
|
|
|
|
+ uni.navigateTo({ url: `../comfirm-order-success/comfirm-order-success?order_num=${order_num}&money=${money}` })
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ payNow({ order_num, money }) { // 点击立即付款
|
|
|
|
+ uni.navigateTo({ url: `../pay-order/pay-order?order_num=${order_num}&money=${money}` })
|
|
|
|
+ },
|
|
|
|
+ received(orderItem) { // 点击确认收货
|
|
|
|
+ console.log(orderItem)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -175,11 +207,6 @@
|
|
@include page();
|
|
@include page();
|
|
.content {
|
|
.content {
|
|
@include flex(column);
|
|
@include flex(column);
|
|
- .swiper-nav {
|
|
|
|
- text {
|
|
|
|
- width: 56rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
.swiper-area {
|
|
.swiper-area {
|
|
scroll-view {
|
|
scroll-view {
|
|
.order-item {
|
|
.order-item {
|
|
@@ -190,58 +217,63 @@
|
|
}
|
|
}
|
|
.order-num {
|
|
.order-num {
|
|
@include flex();
|
|
@include flex();
|
|
- height: 60rpx;
|
|
|
|
- font-size: 26rpx;
|
|
|
|
|
|
+ height: 90rpx;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-weight: bold;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
- border-top: 10rpx solid $app-base-bg;
|
|
|
|
|
|
+ border-top: 20rpx solid $app-base-bg;
|
|
border-bottom: 1rpx solid $app-base-bg;
|
|
border-bottom: 1rpx solid $app-base-bg;
|
|
}
|
|
}
|
|
.good-item {
|
|
.good-item {
|
|
- @include flex();
|
|
|
|
- height: 180rpx;
|
|
|
|
|
|
+ min-height: 240rpx;
|
|
padding: 0 30rpx;
|
|
padding: 0 30rpx;
|
|
- margin-bottom: 1rpx;
|
|
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- justify-content: space-between;
|
|
|
|
border-bottom: 1rpx solid $app-base-bg;
|
|
border-bottom: 1rpx solid $app-base-bg;
|
|
- image {
|
|
|
|
- width: 140rpx;
|
|
|
|
- height: 140rpx;
|
|
|
|
|
|
+ .imgs {
|
|
|
|
+ min-height: 140rpx;
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-top: 28rpx;
|
|
|
|
+ image {
|
|
|
|
+ width: 140rpx;
|
|
|
|
+ height: 140rpx;
|
|
|
|
+ margin-right: 10rpx;
|
|
|
|
+ border-radius: 6rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.info {
|
|
.info {
|
|
- @include flex(column);
|
|
|
|
- flex: 1;
|
|
|
|
- height: 100%;
|
|
|
|
- margin: 0 30rpx;
|
|
|
|
- align-items: flex-start;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- .name {
|
|
|
|
- font-size: 32rpx;
|
|
|
|
- margin-top: 20rpx;
|
|
|
|
- }
|
|
|
|
- .num {
|
|
|
|
- font-size: 26rpx;
|
|
|
|
- margin-top: 10rpx;
|
|
|
|
- color: $app-sec-text-color;
|
|
|
|
- }
|
|
|
|
- .price {
|
|
|
|
- font-size: 26rpx;
|
|
|
|
- margin-top: 10rpx;
|
|
|
|
- color: $app-base-color;
|
|
|
|
- }
|
|
|
|
|
|
+ margin-top: 4rpx;
|
|
|
|
+ text-align: right;
|
|
|
|
+ height: 64rpx;
|
|
|
|
+ line-height: 64rpx;
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .totalPrice {
|
|
|
|
|
|
+ .bottom-bar {
|
|
@include flex();
|
|
@include flex();
|
|
- height: 100rpx;
|
|
|
|
|
|
+ height: 90rpx;
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
- justify-content: space-between;
|
|
|
|
- .right {
|
|
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ .btn {
|
|
@include flex();
|
|
@include flex();
|
|
- flex: 1;
|
|
|
|
- height: 100%;
|
|
|
|
- justify-content: flex-end;
|
|
|
|
|
|
+ width: 156rpx;
|
|
|
|
+ height: 54rpx;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ margin-left: 24rpx;
|
|
|
|
+ color: #181818;
|
|
|
|
+ border-radius: 54rpx;
|
|
|
|
+ border: 1px solid rgba(24,24,24,1);
|
|
|
|
+ &.bg {
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ border-color: $app-base-color;
|
|
|
|
+ background: $app-base-color;
|
|
|
|
+ }
|
|
|
|
+ &.border {
|
|
|
|
+ color: $app-base-color;
|
|
|
|
+ border-color: $app-base-color;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|