|
@@ -0,0 +1,603 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view class="wrap">
|
|
|
+ <view class="uv-tabs-box">
|
|
|
+ <uv-tabs ref="tabs" :list="list" :current="current" @change="change" :scrollable="false">
|
|
|
+ </uv-tabs>
|
|
|
+ </view>
|
|
|
+ <swiper class="swiper-box" :current="swiperCurrent" @animationfinish="animationfinish">
|
|
|
+ <swiper-item class="swiper-item">
|
|
|
+ <scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
|
|
|
+ <view class="no-data" v-if="orders[0].length ===0 ">
|
|
|
+ <uv-empty
|
|
|
+ icon="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/fa57e25b38c442ebb0ba023cace796bb"
|
|
|
+ :isImg="true" textSize="14" width="180" text="暂无订单">
|
|
|
+ </uv-empty>
|
|
|
+ </view>
|
|
|
+ <view class="page-box" v-else>
|
|
|
+ <view class="order" v-for="(res, index) in orders[0]" :key="res.id">
|
|
|
+ <view class="top" @click="toDetail(res.orderSn)">
|
|
|
+ <view class="left">
|
|
|
+ <uv-icon name="home" :size="30" color="rgb(94,94,94)"></uv-icon>
|
|
|
+ <view class="store">{{ res.orderSn }}</view>
|
|
|
+ <uv-icon name="arrow-right" color="rgb(203,203,203)" :size="26"></uv-icon>
|
|
|
+ </view>
|
|
|
+ <view class="right">{{ res.statusName }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="item" v-for="(item, index) in res.items" :key="index"
|
|
|
+ @click="toDetail(res.orderSn)">
|
|
|
+ <view class="left">
|
|
|
+ <image :src="shopImage(item.goods.pic)" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="title uv-line-2">{{ item.goods.name }} </view>
|
|
|
+ <view class="type">{{ item.title }}</view>
|
|
|
+ <view class="delivery-time">付款后5天内发货</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="price">
|
|
|
+ ¥{{ formatPrice(item.price) }}
|
|
|
+ </view>
|
|
|
+ <view class="number">x{{ item.count }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="total" @click="toDetail(res.orderSn)">
|
|
|
+ 共{{ totalNum(res.items) }}件商品 合计:
|
|
|
+ <text class="total-price">
|
|
|
+ ¥{{ formatPrice(res.totalPrice) }}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="bottom">
|
|
|
+ <view class="more">
|
|
|
+ <!-- <uv-icon name="more-dot-fill" color="rgb(203,203,203)"></uv-icon> -->
|
|
|
+ </view>
|
|
|
+ <view class="logistics btn" @click="cancel(res.orderSn)">取消订单</view>
|
|
|
+ <view class="evaluate btn" @click="pay(res.orderSn,totalPrice(res.items)*100)">立即付款
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <uv-loadmore :status="loadStatus[0]" bgColor="#f2f2f2"></uv-loadmore>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ <swiper-item class="swiper-item">
|
|
|
+ <scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
|
|
|
+ <view class="no-data" v-if="orders[1].length ===0 ">
|
|
|
+ <uv-empty
|
|
|
+ icon="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/fa57e25b38c442ebb0ba023cace796bb"
|
|
|
+ :isImg="true" textSize="14" width="180" text="暂无订单">
|
|
|
+ </uv-empty>
|
|
|
+ </view>
|
|
|
+ <view class="page-box" v-else>
|
|
|
+ <view class="order" v-for="(res, index) in orders[1]" :key="res.id">
|
|
|
+ <view class="top" @click="toDetail(res.orderSn)">
|
|
|
+ <view class="left">
|
|
|
+ <uv-icon name="home" :size="30" color="rgb(94,94,94)"></uv-icon>
|
|
|
+ <view class="store">{{ res.orderSn }}</view>
|
|
|
+ <uv-icon name="arrow-right" color="rgb(203,203,203)" :size="26"></uv-icon>
|
|
|
+ </view>
|
|
|
+ <view class="right">{{ res.statusName }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="item" v-for="(item, index) in res.items" :key="index"
|
|
|
+ @click="toDetail(res.orderSn)">
|
|
|
+ <view class="left">
|
|
|
+ <image :src="shopImage(item.goods.pic)" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="title uv-line-2">{{ item.goods.name }} </view>
|
|
|
+ <view class="type">{{ item.title }}</view>
|
|
|
+ <view class="delivery-time">付款后5天内发货</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="price">
|
|
|
+ ¥{{ formatPrice(item.price) }}
|
|
|
+ </view>
|
|
|
+ <view class="number">x{{ item.count }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="total" @click="toDetail(res.orderSn)">
|
|
|
+ 共{{ totalNum(res.items) }}件商品 合计:
|
|
|
+ <text class="total-price">
|
|
|
+ ¥{{ totalPrice(res.items) }}
|
|
|
+
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="bottom">
|
|
|
+ <view class="more">
|
|
|
+ <!-- <uv-icon name="more-dot-fill" color="rgb(203,203,203)"></uv-icon> -->
|
|
|
+ </view>
|
|
|
+ <view class="evaluate btn" @click="notify(res.orderSn)">提醒发货</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <uv-loadmore :status="loadStatus[1]" bgColor="#f2f2f2"></uv-loadmore>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ <swiper-item class="swiper-item">
|
|
|
+ <scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
|
|
|
+ <view class="no-data" v-if="orders[2].length ===0 ">
|
|
|
+ <uv-empty
|
|
|
+ icon="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/fa57e25b38c442ebb0ba023cace796bb"
|
|
|
+ :isImg="true" textSize="14" width="180" text="暂无订单">
|
|
|
+ </uv-empty>
|
|
|
+ </view>
|
|
|
+ <view class="page-box" v-else>
|
|
|
+ <view class="order" v-for="(res, index) in orders[2]" :key="res.id">
|
|
|
+ <view class="top" @click="toDetail(res.orderSn)">
|
|
|
+ <view class="left">
|
|
|
+ <uv-icon name="home" :size="30" color="rgb(94,94,94)"></uv-icon>
|
|
|
+ <view class="store">{{ res.orderSn }}</view>
|
|
|
+ <uv-icon name="arrow-right" color="rgb(203,203,203)" :size="26"></uv-icon>
|
|
|
+ </view>
|
|
|
+ <view class="right">{{ res.statusName }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="item" v-for="(item, index) in res.items" :key="index"
|
|
|
+ @click="toDetail(res.orderSn)">
|
|
|
+ <view class="left">
|
|
|
+ <image :src="shopImage(item.goods.pic)" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="title uv-line-2">{{ item.goods.name }} </view>
|
|
|
+ <view class="type">{{ item.title }}</view>
|
|
|
+ <view class="delivery-time">付款后5天内发货</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="price">
|
|
|
+ ¥{{ formatPrice(item.price) }}
|
|
|
+ </view>
|
|
|
+ <view class="number">x{{ item.count }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="total" @click="toDetail(res.orderSn)">
|
|
|
+ 共{{ totalNum(res.items) }}件商品 合计:
|
|
|
+ <text class="total-price">
|
|
|
+ ¥{{ totalPrice(res.items) }}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="bottom">
|
|
|
+ <view class="more">
|
|
|
+ <!-- <uv-icon name="more-dot-fill" color="rgb(203,203,203)"></uv-icon> -->
|
|
|
+ </view>
|
|
|
+ <view class="logistics btn" @click="expressInfo(res.orderSn)">查看物流</view>
|
|
|
+ <view class="evaluate btn" @click="confirm(res.orderSn)">确认收货</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <uv-loadmore :status="loadStatus[2]" bgColor="#f2f2f2"></uv-loadmore>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ <swiper-item class="swiper-item">
|
|
|
+ <scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
|
|
|
+ <view class="no-data" v-if="orders[3].length ===0 ">
|
|
|
+ <uv-empty
|
|
|
+ icon="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/fa57e25b38c442ebb0ba023cace796bb"
|
|
|
+ :isImg="true" textSize="14" width="180" text="暂无订单">
|
|
|
+ </uv-empty>
|
|
|
+ </view>
|
|
|
+ <view class="page-box" v-else>
|
|
|
+ <view class="order" v-for="(res, index) in orders[3]" :key="res.id">
|
|
|
+ <view class="top" @click="toDetail(res.orderSn)">
|
|
|
+ <view class="left">
|
|
|
+ <uv-icon name="home" :size="30" color="rgb(94,94,94)"></uv-icon>
|
|
|
+ <view class="store">{{ res.orderSn }}</view>
|
|
|
+ <uv-icon name="arrow-right" color="rgb(203,203,203)" :size="26"></uv-icon>
|
|
|
+ </view>
|
|
|
+ <view class="right">{{ res.statusName }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="item" v-for="(item, index) in res.items" :key="index"
|
|
|
+ @click="toDetail(res.orderSn)">
|
|
|
+ <view class="left">
|
|
|
+ <image :src="shopImage(item.goods.pic)" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="title uv-line-2">{{ item.goods.name }} </view>
|
|
|
+ <view class="type">{{ item.title }}</view>
|
|
|
+ <view class="delivery-time">已确认收货</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="price">
|
|
|
+ ¥{{ formatPrice(item.price) }}
|
|
|
+ </view>
|
|
|
+ <view class="number">x{{ item.count }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="total" @click="toDetail(res.orderSn)">
|
|
|
+ 共{{ totalNum(res.items) }}件商品 合计:
|
|
|
+ <text class="total-price">
|
|
|
+ ¥{{ totalPrice(res.items) }}
|
|
|
+
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="bottom">
|
|
|
+ <view class="more">
|
|
|
+ <!-- <uv-icon name="more-dot-fill" color="rgb(203,203,203)" ></uv-icon> -->
|
|
|
+ </view>
|
|
|
+ <view class="logistics btn" @click="expressInfo(res.orderSn)">查看物流</view>
|
|
|
+ <view class="evaluate btn" @click="comment(res.orderSn)">评价</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <uv-loadmore :status="loadStatus[3]" bgColor="#f2f2f2"></uv-loadmore>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <uv-modal v-model="showCancel" content="确认取消该订单?" :show-cancel-button="true" @confirm="cancelOrder"></uv-modal>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ getRequest
|
|
|
+ } from '@/request/api/shop.js'
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ showCancel: false,
|
|
|
+ cancelOrderSn: '',
|
|
|
+ orders: [
|
|
|
+ [],
|
|
|
+ [],
|
|
|
+ [],
|
|
|
+ []
|
|
|
+ ],
|
|
|
+ listQuery: {
|
|
|
+ page: 1,
|
|
|
+ limit: 20
|
|
|
+ },
|
|
|
+ list: [{
|
|
|
+ name: '待付款'
|
|
|
+ }, {
|
|
|
+ name: '待发货'
|
|
|
+ }, {
|
|
|
+ name: '待收货'
|
|
|
+ }, {
|
|
|
+ name: '待评价'
|
|
|
+ }],
|
|
|
+ current: 0,
|
|
|
+ swiperCurrent: 0,
|
|
|
+ tabsHeight: 0,
|
|
|
+ dx: 0,
|
|
|
+ loadStatus: ['loadmore', 'loadmore', 'loadmore', 'loadmore'],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ //待付款
|
|
|
+ this.getOrders(1);
|
|
|
+ //待发货
|
|
|
+ this.getOrders(2);
|
|
|
+ //已发货
|
|
|
+ this.getOrders(3);
|
|
|
+ //已完成
|
|
|
+ this.getOrders(4);
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // 价格小数
|
|
|
+ priceDecimal() {
|
|
|
+ return val => {
|
|
|
+ if (val !== parseInt(val)) {
|
|
|
+ return val.slice(-2)
|
|
|
+ } else {
|
|
|
+ return '00'
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ // 价格整数
|
|
|
+ priceInt() {
|
|
|
+ return val => {
|
|
|
+ if (val !== parseInt(val)) return val.split('.')[0]
|
|
|
+ else return val
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ reachBottom() {
|
|
|
+ const current = this.current
|
|
|
+ if (this.loadStatus[current] == 'nomore') {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.listQuery.page++
|
|
|
+ this.getOrders(current + 1)
|
|
|
+ },
|
|
|
+ getOrders(status) {
|
|
|
+ const page = this.listQuery.page
|
|
|
+ const limit = this.listQuery.limit
|
|
|
+ this.orders[status - 1] = new Array()
|
|
|
+ this.loadStatus.splice(status - 1, 1, "loading")
|
|
|
+ getRequest('user/order/getOrders?page=' + page + '&limit=' + limit + '&status=' + status).then(res => {
|
|
|
+ if (res.state) {
|
|
|
+ let orderList = res.data.records
|
|
|
+ for (let index in orderList) {
|
|
|
+ let order = orderList[index]
|
|
|
+ order.title = '' + order.createTime
|
|
|
+ order.descript = '' + order.orderSn
|
|
|
+ this.orders[status - 1].push(order)
|
|
|
+ }
|
|
|
+ if (orderList.length < limit) {
|
|
|
+ this.loadStatus.splice(status - 1, 1, "nomore");
|
|
|
+ } else {
|
|
|
+ this.loadStatus.splice(status - 1, 1, "more");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ formatPrice(val) {
|
|
|
+ return (val / 100).toFixed(2)
|
|
|
+ },
|
|
|
+ // 总价
|
|
|
+ totalPrice(item) {
|
|
|
+ let price = 0
|
|
|
+ item.map(val => {
|
|
|
+ price += val.price
|
|
|
+ });
|
|
|
+ return this.formatPrice(price)
|
|
|
+ },
|
|
|
+ // 总件数
|
|
|
+ totalNum(item) {
|
|
|
+ let num = 0;
|
|
|
+ if (item) {
|
|
|
+ item.map(val => {
|
|
|
+ if (val.number) {
|
|
|
+ num += val.number
|
|
|
+ }
|
|
|
+ if (val.count) {
|
|
|
+ num += val.count
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return num;
|
|
|
+ },
|
|
|
+ // tab栏切换
|
|
|
+ change(index) {
|
|
|
+ this.swiperCurrent = index
|
|
|
+ },
|
|
|
+ transition({
|
|
|
+ detail: {
|
|
|
+ dx
|
|
|
+ }
|
|
|
+ }) {
|
|
|
+ this.$refs.tabs.setDx(dx)
|
|
|
+ },
|
|
|
+ animationfinish({
|
|
|
+ detail: {
|
|
|
+ current
|
|
|
+ }
|
|
|
+ }) {
|
|
|
+ this.swiperCurrent = current;
|
|
|
+ this.current = current;
|
|
|
+ },
|
|
|
+ toHome() {
|
|
|
+ this.$u.route({
|
|
|
+ type: 'switchTab',
|
|
|
+ url: '/pages/shop/index'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ toDetail(orderSn) {
|
|
|
+ this.$u.route({
|
|
|
+ url: '/pages/order/detail',
|
|
|
+ params: {
|
|
|
+ orderSn: orderSn
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ cancel(orderNo) {
|
|
|
+ this.showCancel = true
|
|
|
+ this.cancelOrderSn = orderNo
|
|
|
+ },
|
|
|
+ cancelOrder() {
|
|
|
+ this.$u.post('user/order/cancel/' + this.cancelOrderSn).then(res => {
|
|
|
+ this.getOrders(1)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ expressInfo(orderNo) {
|
|
|
+ console.log('查看物流信息', orderNo)
|
|
|
+ this.$u.route({
|
|
|
+ url: '/pages/order/express',
|
|
|
+ params: {
|
|
|
+ orderSn: orderNo
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ confirm(orderNo) {
|
|
|
+ console.log('确认收货', orderNo)
|
|
|
+ this.$u.post('user/order/confirm/' + orderNo).then(res => {
|
|
|
+ this.getOrders(3)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ notify(orderSn) {
|
|
|
+ console.log('提醒发货', orderSn)
|
|
|
+ this.$u.toast('敬请期待')
|
|
|
+ },
|
|
|
+ pay(orderNo, totalPrice) {
|
|
|
+ this.$u.route({
|
|
|
+ url: '/pages/order/payment/payment',
|
|
|
+ params: {
|
|
|
+ orderSn: orderNo,
|
|
|
+ totalPrice: totalPrice
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ comment(orderSn) {
|
|
|
+ console.log('评论', orderSn)
|
|
|
+ this.$u.toast('敬请期待')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+ /* #ifndef H5 */
|
|
|
+ page {
|
|
|
+ height: 100%;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* #endif */
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .uv-tabs-box {
|
|
|
+ background: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order {
|
|
|
+ width: 98%;
|
|
|
+ background-color: #ffffff;
|
|
|
+ margin: 1%;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 20rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+
|
|
|
+ .top {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .left {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .store {
|
|
|
+ margin: 0 10rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ color: $uv-error-dark;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ margin: 20rpx 0 0;
|
|
|
+
|
|
|
+ .left {
|
|
|
+ margin-right: 20rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ flex: 1;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 28rpx;
|
|
|
+ line-height: 50rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .type {
|
|
|
+ margin: 10rpx 0;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: $uv-tips-color;
|
|
|
+ }
|
|
|
+
|
|
|
+ .delivery-time {
|
|
|
+ color: #e5d001;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ padding-top: 20rpx;
|
|
|
+ text-align: right;
|
|
|
+
|
|
|
+ .decimal {
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin-top: 4rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .number {
|
|
|
+ color: $uv-tips-color;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .total {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ text-align: right;
|
|
|
+ font-size: 24rpx;
|
|
|
+
|
|
|
+ .total-price {
|
|
|
+ font-size: 32rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottom {
|
|
|
+ display: flex;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ padding: 0 10rpx;
|
|
|
+ justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ margin-left: 20rpx;
|
|
|
+ line-height: 52rpx;
|
|
|
+ width: 160rpx;
|
|
|
+ border-radius: 26rpx;
|
|
|
+ border: 2rpx solid $uv-border-color;
|
|
|
+ font-size: 26rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: $uv-info-dark;
|
|
|
+ }
|
|
|
+
|
|
|
+ .evaluate {
|
|
|
+ color: $uv-warning-dark;
|
|
|
+ border-color: $uv-warning-dark;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .centre {
|
|
|
+ text-align: center;
|
|
|
+ margin: 200rpx auto;
|
|
|
+ font-size: 32rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 164rpx;
|
|
|
+ height: 164rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tips {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999999;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ margin: 80rpx auto;
|
|
|
+ width: 200rpx;
|
|
|
+ border-radius: 32rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 26rpx;
|
|
|
+ background: linear-gradient(270deg, rgba(249, 116, 90, 1) 0%, rgba(255, 158, 1, 1) 100%);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .wrap {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ height: calc(100vh - var(--window-top));
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .swiper-box {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .swiper-item {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+</style>
|