|
@@ -1,28 +1,30 @@
|
|
|
<template>
|
|
|
<view class="center">
|
|
|
+ <!-- #ifdef APP -->
|
|
|
+ <view class="height">
|
|
|
+ </view>
|
|
|
+ <!-- #endif -->
|
|
|
<view class="content-money">
|
|
|
- <view class="status_bar"><!-- 这里是状态栏 --></view>
|
|
|
+ <view class="status_bar">
|
|
|
+ <!-- 这里是状态栏 -->
|
|
|
+ </view>
|
|
|
<view class="money-box">
|
|
|
- <view class="goback-box" @click="toBack"><image class="goback" src="../../static/img/fanhui.png" mode=""></image></view>
|
|
|
- <view class="header">商品认购体验馆</view>
|
|
|
- <image class="money_bg" src="../../static/img/hinfo-bg.png"></image>
|
|
|
+ <view class="goback-box" @click="toBack">
|
|
|
+ <image class="goback" src="../../static/img/fanhui.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="header">{{name}}</view>
|
|
|
+ <!-- <image class="money_bg" src="../../static/img/hinfo-bg.png"></image> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
<swiper class="hallist-bg" autoplay="true" duration="400" interval="5000">
|
|
|
- <swiper-item v-for="(item, index) in images" :key="index" class="carousel-item"><image :src="item" /></swiper-item>
|
|
|
+ <swiper-item v-for="(item, index) in images" :key="index" class="carousel-item">
|
|
|
+ <image :src="item" />
|
|
|
+ </swiper-item>
|
|
|
</swiper>
|
|
|
<view class="message flex">
|
|
|
<image class="message-left" src="../../static/img/hinco.png" mode=""></image>
|
|
|
- <u-notice-bar
|
|
|
- style="width: 100%;"
|
|
|
- mode="vertical"
|
|
|
- type="none"
|
|
|
- :volume-icon="false"
|
|
|
- :more-icon="true"
|
|
|
- :list="text"
|
|
|
- @click="goDetails"
|
|
|
- @getMore="navTo('/pages/index/message?type = 1')"
|
|
|
- ></u-notice-bar>
|
|
|
+ <u-notice-bar style="width: 100%;" mode="vertical" type="none" :volume-icon="false" :more-icon="true"
|
|
|
+ :list="text" @click="goDetails" @getMore="navTo('/pages/index/message?type = 1')"></u-notice-bar>
|
|
|
</view>
|
|
|
<view class="navbar">
|
|
|
<view class="navbar-item" @click="navTo('/pages/money/qudou')">
|
|
@@ -46,7 +48,7 @@
|
|
|
<image class="navbar-image" src="../../static/money/m04.png" mode=""></image>
|
|
|
<view class="font">广告值</view>
|
|
|
</view>
|
|
|
- <view class="navbar-num">{{ userInfo.anticipate }}</view>
|
|
|
+ <view class="navbar-num">{{ userInfo.anticipate ||'0.00'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="main" v-for="(item, index) in list" :key="index">
|
|
@@ -56,42 +58,40 @@
|
|
|
<view class="mmain-title">
|
|
|
<image class="mmaint-left" :src="item.time_image" mode=""></image>
|
|
|
<view class="mmaint-font">{{ item.nickname }}</view>
|
|
|
- <view class="mmaint-time">{{ item.radd_time }}开售</view>
|
|
|
+ <view class="mmaint-time">{{ item.add_time }}认购</view>
|
|
|
+ </view>
|
|
|
+ <view class="mmain-time" style="margin-top: 28rpx;">认购时间:{{ item.add_time }}-{{ item.end_time }}
|
|
|
</view>
|
|
|
- <view class="mmain-time" style="margin-top: 28rpx;">预约时间:{{ item.add_time }}-{{ item.end_time }}</view>
|
|
|
- <view class="mmain-time">付款时间:{{ item.radd_time | ahead }}-{{ item.rend_time }}</view>
|
|
|
+ <view class="mmain-time">付款时间:{{ item.radd_time }}-{{ item.rend_time }}</view>
|
|
|
<view class="mmain-time flex">
|
|
|
- <view class="mmain-font">距预约结束:</view>
|
|
|
+ <view class="mmain-font">距认购结束:</view>
|
|
|
|
|
|
- <view class="lyy-b-jz flex" v-if="item.daotime == 1" style="font-size: 30rpx; color: #d13737;">已结束</view>
|
|
|
+ <view class="lyy-b-jz flex" v-if="item.daotime == 1" style="font-size: 30rpx; color: #d13737;">
|
|
|
+ 已结束</view>
|
|
|
<view class="lyy-b-jz flex" v-else>
|
|
|
- <uni-countdowns
|
|
|
- color="#FFFFFF"
|
|
|
- splitor-color="#FECD57"
|
|
|
- background-color="#FECD57"
|
|
|
- border-color="#FECD57"
|
|
|
- :show-day="false"
|
|
|
- :hour="item.hours"
|
|
|
- :minute="item.minutes"
|
|
|
- :second="item.seconds"
|
|
|
- :index="index"
|
|
|
- @timeover="isTime"
|
|
|
- ></uni-countdowns>
|
|
|
+ <uni-countdowns color="#FFFFFF" splitor-color="#FECD57" background-color="#FECD57"
|
|
|
+ border-color="#FECD57" :show-day="false" :hour="item.hours" :minute="item.minutes"
|
|
|
+ :second="item.seconds" :index="index" @timeover="isTime"></uni-countdowns>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mmain-image"><image :src="item.image" mode=""></image></view>
|
|
|
+ <view class="mmain-image">
|
|
|
+ <image :src="item.image" mode=""></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="bottom" :style="{'background-color': (item.str=='预约'?'#d13737':'#808080') ,'color': (item.str=='预约'?'#d13737':'#808080')}" @click="open(item)">
|
|
|
- <view class="bottom-font" v-if="item.str == '预约'">立即{{ item.str }}</view>
|
|
|
- <view class="bottom-font" v-else>{{ item.daotime == 1 ? '立即进入' : '您已预约' }}</view>
|
|
|
+ <view class="bottom"
|
|
|
+ :style="{'background-color': (item.str=='预约'&&item.isShow?'#d13737':'#808080') ,'color': (item.str=='预约'?'#d13737':'#808080')}"
|
|
|
+ @click="item.isShow?open(item):cloo()">
|
|
|
+ <view class="bottom-font" v-if="item.str == '预约'">立即认购</view>
|
|
|
+
|
|
|
+ <view class="bottom-font" v-else>{{ item.daotime == 1 ? '立即进入' : '您已认购' }}</view>
|
|
|
<image class="bottom-image" src="../../static/img/jt.png" mode=""></image>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
<uni-popup ref="popup" type="center">
|
|
|
<view class="popup">
|
|
|
- <view class="popup-title">预约需要{{ price }}广告值是否立即预约?</view>
|
|
|
+ <view class="popup-title">认购需要{{ price }}广告值是否立即认购?</view>
|
|
|
<view class="btn-box">
|
|
|
<view class="btn-left" @click="close()">取消</view>
|
|
|
<view class="btn-right" @click="appointment()">确定</view>
|
|
@@ -100,7 +100,7 @@
|
|
|
</uni-popup>
|
|
|
<uni-popup ref="navPopup" type="center">
|
|
|
<view class="popup">
|
|
|
- <view class="popup-title">预约成功,是否跳转至订单页?</view>
|
|
|
+ <view class="popup-title">认购成功,是否跳转至订单页?</view>
|
|
|
<view class="btn-box">
|
|
|
<view class="btn-left" @click="close()">取消</view>
|
|
|
<view class="btn-right" @click="navTodd()">确定</view>
|
|
@@ -111,574 +111,709 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import uniCountdowns from '@/components/uni-countdown/uni-countdowns.vue';
|
|
|
-import { pay_list } from '../../api/wallet.js';
|
|
|
-import { article } from '@/api/user.js';
|
|
|
-import { getUserInfo, rate } from '@/api/user.js';
|
|
|
-import { mapState, mapMutations } from 'vuex';
|
|
|
-import { auction_list, subscribe, advance } from '@/api/hall.js';
|
|
|
-import { timeComputed } from '@/utils/rocessor.js';
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- uniCountdowns
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- images: [], //轮播图
|
|
|
- name: '', //馆名字
|
|
|
- peoplename: '', //馆长名字
|
|
|
- price: '', //预约的价格
|
|
|
- id: '', //预约会场id
|
|
|
- oid: '', //馆id
|
|
|
- page: 1,
|
|
|
- limit: 10,
|
|
|
- loadingType: 'more',
|
|
|
- text: [],
|
|
|
- article: [],
|
|
|
- list: [],
|
|
|
- aliData: {},
|
|
|
- bankData: {},
|
|
|
- wx: {},
|
|
|
- sm: 0,
|
|
|
- sbly: ''
|
|
|
- };
|
|
|
- },
|
|
|
- filters: {
|
|
|
- ahead(provider) {
|
|
|
- let time = provider.split(':');
|
|
|
- console.log(time);
|
|
|
- if (time[1] * 1 - 6 < 0) {
|
|
|
- time[1] = time[1] * 1 + 54;
|
|
|
- if (time[0] * 1 == 0) {
|
|
|
- time[0] = '23';
|
|
|
- } else {
|
|
|
- time[0] = time[0] * 1 - 1;
|
|
|
- }
|
|
|
- } else {
|
|
|
- time[1] = time[1] * 1 - 6;
|
|
|
- if (time[1] < 10) {
|
|
|
- time[1] = '0' + time[1];
|
|
|
- }
|
|
|
- }
|
|
|
- return time[0] + ':' + time[1] + ':' + time[2];
|
|
|
- }
|
|
|
- },
|
|
|
- onLoad(option) {
|
|
|
- this.oid = option.id;
|
|
|
- this.name = option.name;
|
|
|
- this.peoplename = option.peoplename;
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- this.list = [];
|
|
|
- this.page = 1;
|
|
|
- this.limit = 10;
|
|
|
- this.loadingType = 'more';
|
|
|
- pay_list({}).then(({ data }) => {
|
|
|
- this.wx = data.wx;
|
|
|
- this.aliData = data.zfb;
|
|
|
- this.bankData = data.bank;
|
|
|
- });
|
|
|
- this.loadData();
|
|
|
- this.isSm();
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
|
|
|
- },
|
|
|
- methods: {
|
|
|
- ...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
|
|
|
- isSm() {
|
|
|
- rate({}).then(e => {
|
|
|
- this.sm = e.data.is_auth;
|
|
|
- if (e.data.is_auth == 3) {
|
|
|
- this.sbly = e.data.off;
|
|
|
- }
|
|
|
- });
|
|
|
+ import uniCountdowns from '@/components/uni-countdown/uni-countdowns.vue';
|
|
|
+ import {
|
|
|
+ pay_list
|
|
|
+ } from '../../api/wallet.js';
|
|
|
+ import {
|
|
|
+ article
|
|
|
+ } from '@/api/user.js';
|
|
|
+ import {
|
|
|
+ getUserInfo,
|
|
|
+ rate
|
|
|
+ } from '@/api/user.js';
|
|
|
+ import {
|
|
|
+ mapState,
|
|
|
+ mapMutations
|
|
|
+ } from 'vuex';
|
|
|
+ import {
|
|
|
+ auction_list,
|
|
|
+ subscribe,
|
|
|
+ advance
|
|
|
+ } from '@/api/hall.js';
|
|
|
+ import {
|
|
|
+ timeComputed
|
|
|
+ } from '@/utils/rocessor.js';
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ uniCountdowns
|
|
|
},
|
|
|
- loadData() {
|
|
|
- const obj = this;
|
|
|
- if (obj.loadingType == 'nomore' || obj.loadingType == 'loading') {
|
|
|
- return;
|
|
|
- }
|
|
|
- obj.loadingType = 'loading';
|
|
|
- auction_list({
|
|
|
- page: obj.page,
|
|
|
- limit: obj.limit,
|
|
|
- auction_gu_id: obj.oid
|
|
|
- }).then(({ data }) => {
|
|
|
- obj.images = data.slider_image;
|
|
|
- console.log(data,'场馆');
|
|
|
- data.data.forEach(e => {
|
|
|
- let now_time = timeComputed(e.time);
|
|
|
- console.log(e.time, now_time);
|
|
|
- e.hours = now_time.hours;
|
|
|
- e.minutes = now_time.minutes;
|
|
|
- e.seconds = now_time.seconds;
|
|
|
- if (now_time.hours < 0 || now_time.minutes < 0 || now_time.seconds < 0) {
|
|
|
- e.daotime = 1;
|
|
|
- } else {
|
|
|
- e.daotime = 0;
|
|
|
- }
|
|
|
- let jcsj = e.radd_time.split(':');
|
|
|
- if (jcsj[0] * 1 >= 8 && jcsj[0] * 1 < 12) {
|
|
|
- e.time_image = '../../static/img/morningicon.png';
|
|
|
- e.show = 'MORNING SHOWS';
|
|
|
- } else if (jcsj[0] * 1 >= 12 && jcsj[0] * 1 < 18) {
|
|
|
- e.show = 'AFTERNOON SHOWS';
|
|
|
- e.time_image = '../../static/img/afternoonicon.png';
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ images: [], //轮播图
|
|
|
+ name: '', //馆名字
|
|
|
+ peoplename: '', //馆长名字
|
|
|
+ price: '', //预约的价格
|
|
|
+ id: '', //预约会场id
|
|
|
+ oid: '', //馆id
|
|
|
+ page: 1,
|
|
|
+ limit: 10,
|
|
|
+ loadingType: 'more',
|
|
|
+ text: [],
|
|
|
+ article: [],
|
|
|
+ list: [],
|
|
|
+ aliData: {},
|
|
|
+ bankData: {},
|
|
|
+ wx: {},
|
|
|
+ sm: 0,
|
|
|
+ sbly: '',
|
|
|
+
|
|
|
+
|
|
|
+ };
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+ ahead(provider) {
|
|
|
+ let time = provider.split(':');
|
|
|
+ console.log(time);
|
|
|
+ if (time[1] * 1 - 6 < 0) {
|
|
|
+ time[1] = time[1] * 1 + 54;
|
|
|
+ if (time[0] * 1 == 0) {
|
|
|
+ time[0] = '23';
|
|
|
} else {
|
|
|
- e.time_image = '../../static/img/eveningicon.png';
|
|
|
- e.show = 'EVENING SHOWS';
|
|
|
+ time[0] = time[0] * 1 - 1;
|
|
|
}
|
|
|
- });
|
|
|
- obj.list = obj.list.concat(data.data);
|
|
|
- if (data.data.length == obj.limit) {
|
|
|
- obj.loadingType = 'more';
|
|
|
- obj.page++;
|
|
|
} else {
|
|
|
- obj.loadingType = 'nomore';
|
|
|
+ time[1] = time[1] * 1 - 6;
|
|
|
+ if (time[1] < 10) {
|
|
|
+ time[1] = '0' + time[1];
|
|
|
+ }
|
|
|
}
|
|
|
+ return time[0] + ':' + time[1] + ':' + time[2];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(option) {
|
|
|
+ this.oid = option.id;
|
|
|
+ console.log(option, "欧赔tion");
|
|
|
+ this.name = option.name;
|
|
|
+ this.peoplename = option.peoplename;
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.list = [];
|
|
|
+ this.page = 1;
|
|
|
+ this.limit = 10;
|
|
|
+ this.loadingType = 'more';
|
|
|
+ pay_list({}).then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ this.wx = data.wx;
|
|
|
+ this.aliData = data.zfb;
|
|
|
+ this.bankData = data.bank;
|
|
|
});
|
|
|
+ this.loadData();
|
|
|
+ this.isSm();
|
|
|
},
|
|
|
- open(item) {
|
|
|
- if (this.sm == 0) {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '您未实名认证无法参与,是否前去实名认证?',
|
|
|
- success: function(res) {
|
|
|
- if (res.confirm) {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/user/approve'
|
|
|
- });
|
|
|
- } else if (res.cancel) {
|
|
|
- console.log('用户点击取消');
|
|
|
- }
|
|
|
+ computed: {
|
|
|
+ ...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
|
|
|
+ isSm() {
|
|
|
+ rate({}).then(e => {
|
|
|
+ this.sm = e.data.is_auth;
|
|
|
+ if (e.data.is_auth == 3) {
|
|
|
+ this.sbly = e.data.off;
|
|
|
}
|
|
|
});
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.sm == 1) {
|
|
|
- return this.$api.msg('实名认证正在审核中请耐心等待');
|
|
|
- }
|
|
|
- if (this.sm == 3) {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '申请失败,原因' + this.sbly + '是否重新申请',
|
|
|
- success: function(res) {
|
|
|
- if (res.confirm) {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/user/approve'
|
|
|
- });
|
|
|
- } else if (res.cancel) {
|
|
|
- console.log('用户点击取消');
|
|
|
+ },
|
|
|
+ cloo(){
|
|
|
+ this.$api.msg('开场时间未到!')
|
|
|
+ },
|
|
|
+ loadData() {
|
|
|
+ const obj = this;
|
|
|
+ if (obj.loadingType == 'nomore' || obj.loadingType == 'loading') {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ obj.loadingType = 'loading';
|
|
|
+ auction_list({
|
|
|
+ page: obj.page,
|
|
|
+ limit: obj.limit,
|
|
|
+ auction_gu_id: obj.oid
|
|
|
+ }).then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ obj.images = data.slider_image;
|
|
|
+ console.log(data, '场馆');
|
|
|
+ data.data.forEach(e => {
|
|
|
+ let ee = e
|
|
|
+ // console.log(e,'e');
|
|
|
+ let arr = Array.from(e.site.split(',').join(""))
|
|
|
+ let day = new Date().getDay()
|
|
|
+ arr.forEach(e=>{
|
|
|
+ console.log(e,day,'eee');
|
|
|
+ if (e == day) {
|
|
|
+ obj.isShow = true
|
|
|
+ this.$set(ee,'isShow',true)
|
|
|
+ console.log(ee.isShow, day, e == day ? '等于' : '不等于');
|
|
|
+ }
|
|
|
+ // }else{
|
|
|
+ // // obj.isShow = false
|
|
|
+ // this.$set(ee,'isShow',false)
|
|
|
+ // console.log(ee, day, e == day ? '等于' : '不等于');
|
|
|
+ // }
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+ // console.log(day, arr, 'datyyyyyyyyyyyy');
|
|
|
+ // console.log(new Date().getDay(),'arr');
|
|
|
+ // arr.forEach(e=>{
|
|
|
+ // if(day==e){
|
|
|
+ // obj.isShow = true
|
|
|
+ // console.log(day,e,obj.isShow,'今日是申购日');
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // obj.isShow = false
|
|
|
+ // console.log(day,e,obj.isShow,'今日不是申购日');
|
|
|
+
|
|
|
+ // })
|
|
|
+ // arr.forEach(e=>{
|
|
|
+ // console.log(e,'eeeeee');
|
|
|
+ // let day = new Date().getDay()
|
|
|
+ // if (e == day) {
|
|
|
+
|
|
|
+ // obj.isShow = true
|
|
|
+ // this.$set(e,'isShow',true)
|
|
|
+ // console.log(e, day, e == day ? '等于' : '不等于');
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // obj.isShow = false
|
|
|
+ // this.$set(e,'isShow',false)
|
|
|
+ // console.log(e, day, e == day ? '等于' : '不等于');
|
|
|
+ // })
|
|
|
+
|
|
|
}
|
|
|
- }
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.wx == '' && this.aliData == '' && this.bankData == '') {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '您未填写收款信息无法参与,是否前去填写收款信息?',
|
|
|
- success: function(res) {
|
|
|
- if (res.confirm) {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/collection/collection'
|
|
|
- });
|
|
|
- } else if (res.cancel) {
|
|
|
- console.log('用户点击取消');
|
|
|
+
|
|
|
+ )
|
|
|
+
|
|
|
+ data.data.forEach(e => {
|
|
|
+ let now_time = timeComputed(e.time);
|
|
|
+ console.log(e.time, now_time);
|
|
|
+ e.hours = now_time.hours;
|
|
|
+ e.minutes = now_time.minutes;
|
|
|
+ e.seconds = now_time.seconds;
|
|
|
+ if (now_time.hours < 0 || now_time.minutes < 0 || now_time.seconds < 0) {
|
|
|
+ e.daotime = 1;
|
|
|
+ } else {
|
|
|
+ e.daotime = 0;
|
|
|
+ }
|
|
|
+ let jcsj = e.radd_time.split(':');
|
|
|
+ if (jcsj[0] * 1 >= 8 && jcsj[0] * 1 < 12) {
|
|
|
+ e.time_image = '../../static/img/morningicon.png';
|
|
|
+ e.show = 'MORNING SHOWS';
|
|
|
+ } else if (jcsj[0] * 1 >= 12 && jcsj[0] * 1 < 18) {
|
|
|
+ e.show = 'AFTERNOON SHOWS';
|
|
|
+ e.time_image = '../../static/img/afternoonicon.png';
|
|
|
+ } else {
|
|
|
+ e.time_image = '../../static/img/eveningicon.png';
|
|
|
+ e.show = 'EVENING SHOWS';
|
|
|
}
|
|
|
+ });
|
|
|
+ obj.list = obj.list.concat(data.data);
|
|
|
+ // console.log(obj.list,'list');
|
|
|
+ if (data.data.length == obj.limit) {
|
|
|
+ obj.loadingType = 'more';
|
|
|
+ obj.page++;
|
|
|
+ } else {
|
|
|
+ obj.loadingType = 'nomore';
|
|
|
}
|
|
|
});
|
|
|
- return;
|
|
|
- }
|
|
|
- if (item.sta != 1) {
|
|
|
- this.id = item.id;
|
|
|
- advance({ id: item.id })
|
|
|
- .then(e => {
|
|
|
- console.log(e, 'success');
|
|
|
- uni.navigateTo({
|
|
|
- url:'../order/order'
|
|
|
+ },
|
|
|
+ open(item) {
|
|
|
+ if (this.sm == 0) {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '您未实名认证无法参与,是否前去实名认证?',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/user/approve'
|
|
|
+ });
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.sm == 1) {
|
|
|
+ return this.$api.msg('实名认证正在审核中请耐心等待');
|
|
|
+ }
|
|
|
+ if (this.sm == 3) {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '申请失败,原因' + this.sbly + '是否重新申请',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/user/approve'
|
|
|
+ });
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.wx == '' && this.aliData == '' && this.bankData == '') {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '您未填写收款信息无法参与,是否前去填写收款信息?',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/collection/collection'
|
|
|
+ });
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (item.sta != 1) {
|
|
|
+ this.id = item.id;
|
|
|
+ advance({
|
|
|
+ id: item.id
|
|
|
+ })
|
|
|
+ .then(e => {
|
|
|
+ console.log(e, 'success');
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '../order/order'
|
|
|
+ })
|
|
|
})
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e, 'fail');
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.price = item.anticipate;
|
|
|
+ this.id = item.id;
|
|
|
+ this.$refs.popup.open();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ goDetails(e) {
|
|
|
+ console.log(e, '123456');
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/index/messageInfo?id=' + this.article[e].id
|
|
|
+ });
|
|
|
+ },
|
|
|
+ close() {
|
|
|
+ this.price = '';
|
|
|
+ this.id = '';
|
|
|
+ this.$refs.popup.close();
|
|
|
+ this.$refs.navPopup.close();
|
|
|
+ },
|
|
|
+ navTodd() {
|
|
|
+ this.$refs.navPopup.close()
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '../order/order'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ nav() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/hall/hallinfo?id=' + this.id + '&name=' + this.name + '&peoplename=' + this
|
|
|
+ .peoplename
|
|
|
+ });
|
|
|
+ },
|
|
|
+ navTo(url) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url
|
|
|
+ });
|
|
|
+ },
|
|
|
+ toBack() {
|
|
|
+ uni.navigateBack({});
|
|
|
+ },
|
|
|
+ appointment() {
|
|
|
+ subscribe({
|
|
|
+ id: this.id
|
|
|
+ })
|
|
|
+ .then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ this.$api.msg('认购成功');
|
|
|
+ console.log(data);
|
|
|
+ this.price = '';
|
|
|
+ this.$refs.popup.close();
|
|
|
+ this.page = 1;
|
|
|
+ this.limit = 10;
|
|
|
+ this.loadingType = 'more';
|
|
|
+ this.list = [];
|
|
|
+ this.loadData();
|
|
|
+ this.updata();
|
|
|
+ this.$refs.navPopup.open()
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ this.price = '';
|
|
|
+ this.$refs.popup.close();
|
|
|
+ console.log(e);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ updata() {
|
|
|
+ getUserInfo({})
|
|
|
+ .then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ this.setUserInfo(data);
|
|
|
})
|
|
|
.catch(e => {
|
|
|
- console.log(e, 'fail');
|
|
|
+ console.log(e);
|
|
|
});
|
|
|
- } else {
|
|
|
- this.price = item.anticipate;
|
|
|
- this.id = item.id;
|
|
|
- this.$refs.popup.open();
|
|
|
+ },
|
|
|
+ isTime(index) {
|
|
|
+ console.log(index, '123');
|
|
|
+ this.list[index].daotime = 1;
|
|
|
}
|
|
|
- },
|
|
|
- goDetails(e) {
|
|
|
- console.log(e, '123456');
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/index/messageInfo?id=' + this.article[e].id
|
|
|
- });
|
|
|
- },
|
|
|
- close() {
|
|
|
- this.price = '';
|
|
|
- this.id = '';
|
|
|
- this.$refs.popup.close();
|
|
|
- this.$refs.navPopup.close();
|
|
|
- },
|
|
|
- navTodd(){
|
|
|
- this.$refs.navPopup.close()
|
|
|
- uni.navigateTo({
|
|
|
- url:'../order/order'
|
|
|
- })
|
|
|
- },
|
|
|
- nav() {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/hall/hallinfo?id=' + this.id + '&name=' + this.name + '&peoplename=' + this.peoplename
|
|
|
- });
|
|
|
- },
|
|
|
- navTo(url) {
|
|
|
- uni.navigateTo({
|
|
|
- url
|
|
|
- });
|
|
|
- },
|
|
|
- toBack() {
|
|
|
- uni.navigateBack({});
|
|
|
- },
|
|
|
- appointment() {
|
|
|
- subscribe({ id: this.id })
|
|
|
- .then(({ data }) => {
|
|
|
- this.$api.msg('预约成功');
|
|
|
- console.log(data);
|
|
|
- this.price = '';
|
|
|
- this.$refs.popup.close();
|
|
|
- this.page = 1;
|
|
|
- this.limit = 10;
|
|
|
- this.loadingType = 'more';
|
|
|
- this.list = [];
|
|
|
- this.loadData();
|
|
|
- this.updata();
|
|
|
- this.$refs.navPopup.open()
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- this.price = '';
|
|
|
- this.$refs.popup.close();
|
|
|
- console.log(e);
|
|
|
- });
|
|
|
- },
|
|
|
- updata() {
|
|
|
- getUserInfo({})
|
|
|
- .then(({ data }) => {
|
|
|
- this.setUserInfo(data);
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- console.log(e);
|
|
|
- });
|
|
|
- },
|
|
|
- isTime(index) {
|
|
|
- console.log(index, '123');
|
|
|
- this.list[index].daotime = 1;
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
+ };
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
-page,
|
|
|
-.center {
|
|
|
- height: auto;
|
|
|
- min-height: 100%;
|
|
|
- background: #f2f5f4;
|
|
|
-}
|
|
|
-.money-box {
|
|
|
- color: #ffffff;
|
|
|
- text-align: center;
|
|
|
- position: relative;
|
|
|
- .header {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- width: 100%;
|
|
|
- height: 80rpx;
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: 700;
|
|
|
- z-index: 99;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
+ page,
|
|
|
+ .center {
|
|
|
+ height: auto;
|
|
|
+ min-height: 100%;
|
|
|
+ background: #f2f5f4;
|
|
|
}
|
|
|
- .goback-box {
|
|
|
- position: absolute;
|
|
|
- left: 18rpx;
|
|
|
- top: 0;
|
|
|
+
|
|
|
+ .height {
|
|
|
+ width: 100%;
|
|
|
height: 80rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
- .goback {
|
|
|
- z-index: 100;
|
|
|
- width: 34rpx;
|
|
|
- height: 34rpx;
|
|
|
- }
|
|
|
- .money_bg {
|
|
|
- width: 100%;
|
|
|
+
|
|
|
+ .money-box {
|
|
|
height: 382rpx;
|
|
|
- display: block;
|
|
|
- }
|
|
|
-}
|
|
|
-.shingle-mmain {
|
|
|
- position: relative;
|
|
|
- z-index: 2;
|
|
|
- margin: -90rpx auto 0;
|
|
|
- width: 690rpx;
|
|
|
- height: 176rpx;
|
|
|
- background: #ffffff;
|
|
|
- box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
- border-radius: 20rpx;
|
|
|
- background-color: #ffffff;
|
|
|
- .smmain-item {
|
|
|
- width: 33%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- .red {
|
|
|
- color: #fd3b39 !important;
|
|
|
- }
|
|
|
- .smitem-top {
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bolder;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .header {
|
|
|
color: #0c1732;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 80rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ z-index: 99;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
- .smitem-bottom {
|
|
|
- margin-top: 10rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #0c1732;
|
|
|
+
|
|
|
+ .goback-box {
|
|
|
+ position: absolute;
|
|
|
+ left: 18rpx;
|
|
|
+ top: 0;
|
|
|
+ height: 80rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
- .people {
|
|
|
- justify-content: center;
|
|
|
- .peopleitem {
|
|
|
- width: 24rpx;
|
|
|
- height: 34rpx;
|
|
|
- image {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+
|
|
|
+ .goback {
|
|
|
+ z-index: 100;
|
|
|
+ width: 34rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .money_bg {
|
|
|
+ width: 100%;
|
|
|
+ height: 382rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .shingle-mmain {
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+ margin: -90rpx auto 0;
|
|
|
+ width: 690rpx;
|
|
|
+ height: 176rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
+ border-radius: 20rpx;
|
|
|
+ background-color: #ffffff;
|
|
|
+
|
|
|
+ .smmain-item {
|
|
|
+ width: 33%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .red {
|
|
|
+ color: #fd3b39 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .smitem-top {
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bolder;
|
|
|
+ color: #0c1732;
|
|
|
+ }
|
|
|
+
|
|
|
+ .smitem-bottom {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #0c1732;
|
|
|
+ }
|
|
|
+
|
|
|
+ .people {
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ .peopleitem {
|
|
|
+ width: 24rpx;
|
|
|
+ height: 34rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .shu {
|
|
|
+ width: 2rpx;
|
|
|
+ height: 70rpx;
|
|
|
+ background: #dcdcdc;
|
|
|
+ }
|
|
|
}
|
|
|
- .shu {
|
|
|
- width: 2rpx;
|
|
|
- height: 70rpx;
|
|
|
- background: #dcdcdc;
|
|
|
- }
|
|
|
-}
|
|
|
-.main {
|
|
|
- margin: 30rpx auto 0;
|
|
|
- padding: 50rpx 50rpx 36rpx 50rpx;
|
|
|
- width: 690rpx;
|
|
|
- background: #ffffff;
|
|
|
- box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
- border-radius: 20rpx;
|
|
|
- .mtitle-english {
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #9ea6ba;
|
|
|
- }
|
|
|
- .mmain {
|
|
|
- margin-top: 24rpx;
|
|
|
- .mmain-info {
|
|
|
- .mmain-title {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- .mmaint-left {
|
|
|
- width: 52rpx;
|
|
|
- height: 40rpx;
|
|
|
- }
|
|
|
- .mmaint-font {
|
|
|
- margin-left: 10rpx;
|
|
|
- font-size: 32rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #0c1732;
|
|
|
+
|
|
|
+ .main {
|
|
|
+ margin: 30rpx auto 0;
|
|
|
+ padding: 50rpx 50rpx 36rpx 50rpx;
|
|
|
+ width: 690rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
+ border-radius: 20rpx;
|
|
|
+
|
|
|
+ .mtitle-english {
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #9ea6ba;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mmain {
|
|
|
+ margin-top: 24rpx;
|
|
|
+
|
|
|
+ .mmain-info {
|
|
|
+ .mmain-title {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .mmaint-left {
|
|
|
+ width: 52rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mmaint-font {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #0c1732;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mmaint-time {
|
|
|
+ margin-left: 20rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #0c1732;
|
|
|
+ }
|
|
|
}
|
|
|
- .mmaint-time {
|
|
|
- margin-left: 20rpx;
|
|
|
- font-size: 28rpx;
|
|
|
+
|
|
|
+ .mmain-time {
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
|
color: #0c1732;
|
|
|
+
|
|
|
+ .lyy-b-jz {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .mmain-time {
|
|
|
- justify-content: flex-start;
|
|
|
- margin-top: 10rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #0c1732;
|
|
|
- .lyy-b-jz {
|
|
|
- margin-left: 10rpx;
|
|
|
+
|
|
|
+ .mmain-image {
|
|
|
+ padding-top: 14rpx;
|
|
|
+ width: 182rpx;
|
|
|
+ height: 182rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .mmain-image {
|
|
|
- padding-top: 14rpx;
|
|
|
- width: 182rpx;
|
|
|
- height: 182rpx;
|
|
|
- image {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+
|
|
|
+ .bottom {
|
|
|
+ margin-top: 32rpx;
|
|
|
+ width: 380rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ background: #d13737;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .bottom-font {
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottom-image {
|
|
|
+ margin-left: 12rpx;
|
|
|
+ width: 24rpx;
|
|
|
+ height: 22rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .bottom {
|
|
|
- margin-top: 32rpx;
|
|
|
- width: 380rpx;
|
|
|
- height: 64rpx;
|
|
|
- background: #d13737;
|
|
|
+
|
|
|
+ .popup {
|
|
|
+ width: 582rpx;
|
|
|
+ background: #ffffff;
|
|
|
border-radius: 20rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- .bottom-font {
|
|
|
- font-size: 28rpx;
|
|
|
+ padding: 118rpx 20rpx 30rpx;
|
|
|
+
|
|
|
+ .popup-title {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 42rpx;
|
|
|
font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #ffffff;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #0c1732;
|
|
|
}
|
|
|
- .bottom-image {
|
|
|
- margin-left: 12rpx;
|
|
|
- width: 24rpx;
|
|
|
- height: 22rpx;
|
|
|
+
|
|
|
+ .btn-box {
|
|
|
+ padding-top: 90rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .btn-left {
|
|
|
+ width: 248rpx;
|
|
|
+ height: 78rpx;
|
|
|
+ border: 2rpx solid #dc262b;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #dc262b;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 78rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-right {
|
|
|
+ width: 248rpx;
|
|
|
+ height: 78rpx;
|
|
|
+ background: #dc262b;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 78rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-.popup {
|
|
|
- width: 582rpx;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 20rpx;
|
|
|
- padding: 118rpx 20rpx 30rpx;
|
|
|
- .popup-title {
|
|
|
- text-align: center;
|
|
|
- font-size: 42rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #0c1732;
|
|
|
- }
|
|
|
- .btn-box {
|
|
|
- padding-top: 90rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- .btn-left {
|
|
|
- width: 248rpx;
|
|
|
- height: 78rpx;
|
|
|
- border: 2rpx solid #dc262b;
|
|
|
- border-radius: 10rpx;
|
|
|
- font-size: 34rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #dc262b;
|
|
|
- text-align: center;
|
|
|
- line-height: 78rpx;
|
|
|
+
|
|
|
+ .message {
|
|
|
+ justify-content: space-around;
|
|
|
+ margin: 20rpx auto 0;
|
|
|
+ padding: 16rpx 40rpx 16rpx 50rpx;
|
|
|
+ width: 690rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
+ border-radius: 20rpx;
|
|
|
+
|
|
|
+ .message-left {
|
|
|
+ width: 52rpx;
|
|
|
+ height: 52rpx;
|
|
|
+ flex-shrink: 0;
|
|
|
}
|
|
|
- .btn-right {
|
|
|
- width: 248rpx;
|
|
|
- height: 78rpx;
|
|
|
- background: #dc262b;
|
|
|
- border-radius: 10rpx;
|
|
|
- font-size: 34rpx;
|
|
|
+
|
|
|
+ .message-font {
|
|
|
+ margin: 0 40rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
|
- color: #ffffff;
|
|
|
- text-align: center;
|
|
|
- line-height: 78rpx;
|
|
|
+ color: #0c1732;
|
|
|
+ }
|
|
|
+
|
|
|
+ .message-right {
|
|
|
+ width: 18rpx;
|
|
|
+ height: 30rpx;
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-.message {
|
|
|
- justify-content: space-around;
|
|
|
- margin: 20rpx auto 0;
|
|
|
- padding: 16rpx 40rpx 16rpx 50rpx;
|
|
|
- width: 690rpx;
|
|
|
- background: #ffffff;
|
|
|
- box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
- border-radius: 20rpx;
|
|
|
- .message-left {
|
|
|
- width: 52rpx;
|
|
|
- height: 52rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
- .message-font {
|
|
|
- margin: 0 40rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #0c1732;
|
|
|
- }
|
|
|
- .message-right {
|
|
|
- width: 18rpx;
|
|
|
- height: 30rpx;
|
|
|
- }
|
|
|
-}
|
|
|
-.hallist-bg {
|
|
|
- position: relative;
|
|
|
- z-index: 10;
|
|
|
- margin: -280rpx auto 0;
|
|
|
- width: 702rpx;
|
|
|
- height: 300rpx;
|
|
|
- border-radius: 14rpx;
|
|
|
- image {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-}
|
|
|
-.navbar {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-around;
|
|
|
- width: 700rpx;
|
|
|
- background: #ffffff;
|
|
|
- box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
- border-radius: 20rpx;
|
|
|
- margin: 40rpx auto 0;
|
|
|
- padding: 40rpx 0 50rpx;
|
|
|
-
|
|
|
- .vvv {
|
|
|
- width: 2rpx;
|
|
|
- height: 74rpx;
|
|
|
- background: #dcdcdc;
|
|
|
+
|
|
|
+ .hallist-bg {
|
|
|
+ position: relative;
|
|
|
+ z-index: 10;
|
|
|
+ margin: -280rpx auto 0;
|
|
|
+ width: 702rpx;
|
|
|
+ height: 300rpx;
|
|
|
+ border-radius: 14rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .navbar-item {
|
|
|
+ .navbar {
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
align-items: center;
|
|
|
+ justify-content: space-around;
|
|
|
+ width: 700rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
+ border-radius: 20rpx;
|
|
|
+ margin: 40rpx auto 0;
|
|
|
+ padding: 40rpx 0 50rpx;
|
|
|
+
|
|
|
+ .vvv {
|
|
|
+ width: 2rpx;
|
|
|
+ height: 74rpx;
|
|
|
+ background: #dcdcdc;
|
|
|
+ }
|
|
|
|
|
|
- .navbar-font {
|
|
|
- margin-bottom: 10rpx;
|
|
|
+ .navbar-item {
|
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
align-items: center;
|
|
|
|
|
|
- image {
|
|
|
- margin-right: 10rpx;
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
+ .navbar-font {
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ image {
|
|
|
+ margin-right: 10rpx;
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .font {
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #0c1732;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .font {
|
|
|
- font-size: 30rpx;
|
|
|
+ .navbar-num {
|
|
|
+ font-size: 34rpx;
|
|
|
font-weight: bold;
|
|
|
color: #0c1732;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .navbar-num {
|
|
|
- font-size: 34rpx;
|
|
|
- font-weight: bold;
|
|
|
- color: #0c1732;
|
|
|
- }
|
|
|
}
|
|
|
-}
|
|
|
</style>
|