|
|
@@ -1,9 +1,13 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <image src="https://apps.yiqucbb.cn/h5/tipImg1.png" style="width: 750rpx;height: 100%;" mode="widthFix"></image>
|
|
|
- <image src="https://apps.yiqucbb.cn/h5/tipImg2.png" style="width: 750rpx;height: 100%;" mode="widthFix"></image>
|
|
|
- <image src="https://apps.yiqucbb.cn/h5/tipImg3.png" style="width: 750rpx;height: 100%;" mode="widthFix"></image>
|
|
|
- <image src="https://apps.yiqucbb.cn/h5/tipImg4.png" style="width: 750rpx;height: 100%;" mode="widthFix"></image>
|
|
|
+ <image :src="appConfig.appRequestUrl+`/h5/tipImg1.png`" style="width: 750rpx;height: 100%;" mode="widthFix">
|
|
|
+ </image>
|
|
|
+ <image :src="appConfig.appRequestUrl+`/h5/tipImg2.png`" style="width: 750rpx;height: 100%;" mode="widthFix">
|
|
|
+ </image>
|
|
|
+ <image :src="appConfig.appRequestUrl+`/h5/tipImg3.png`" style="width: 750rpx;height: 100%;" mode="widthFix">
|
|
|
+ </image>
|
|
|
+ <image :src="appConfig.appRequestUrl+`/h5/tipImg4.png`" style="width: 750rpx;height: 100%;" mode="widthFix">
|
|
|
+ </image>
|
|
|
<!-- <view class="app-bg">
|
|
|
<image src="/static/img/tream_bg.png"></image>
|
|
|
</view>
|
|
|
@@ -41,10 +45,7 @@
|
|
|
<view class="count">{{ user != null ? user.anticipate : 0 }}</view>
|
|
|
<view class="label">易趣卷</view>
|
|
|
</view>
|
|
|
-
|
|
|
-
|
|
|
</view>
|
|
|
-
|
|
|
<view class="team-buy" v-if="data.guData != null">
|
|
|
|
|
|
<view class="team-show">
|
|
|
@@ -223,68 +224,74 @@
|
|
|
<view class="nbtn ihover" @tap="isBooking = false">取消</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
-
|
|
|
</u-modal> -->
|
|
|
-
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import appConfig from '../../config/global.js'
|
|
|
import countdown from "@/components/cz-countdown/cz-countdown.vue";
|
|
|
import uParse from '@/components/gaoyia-parse/parse.vue';
|
|
|
- import { mapState, mapMutations } from 'vuex';
|
|
|
+ import {
|
|
|
+ mapState,
|
|
|
+ mapMutations
|
|
|
+ } from 'vuex';
|
|
|
export default {
|
|
|
components: {
|
|
|
countdown,
|
|
|
uParse
|
|
|
},
|
|
|
- computed: mapState(['user','sysData']),
|
|
|
+ computed: mapState(['user', 'sysData']),
|
|
|
data() {
|
|
|
return {
|
|
|
- barheight : 0,
|
|
|
- data : {
|
|
|
- guData : null,
|
|
|
- auction : null
|
|
|
+ appConfig,
|
|
|
+ barheight: 0,
|
|
|
+ data: {
|
|
|
+ guData: null,
|
|
|
+ auction: null
|
|
|
+ },
|
|
|
+ topData: {
|
|
|
+ banner: [],
|
|
|
+ content: ""
|
|
|
},
|
|
|
- topData :{
|
|
|
- banner : [],
|
|
|
- content : ""
|
|
|
- } ,
|
|
|
- isShowContent : false,
|
|
|
- itemData : null,
|
|
|
- actionType : "",
|
|
|
- isBooking : false,
|
|
|
- isSubmit : false,
|
|
|
+ isShowContent: false,
|
|
|
+ itemData: null,
|
|
|
+ actionType: "",
|
|
|
+ isBooking: false,
|
|
|
+ isSubmit: false,
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
this.initView();
|
|
|
- setInterval(this.interval,1000);
|
|
|
+ setInterval(this.interval, 1000);
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
onShow() {
|
|
|
- this.checkUserLogin({ page: this,isLogion: false,fn:this.uInit});
|
|
|
+ this.checkUserLogin({
|
|
|
+ page: this,
|
|
|
+ isLogion: false,
|
|
|
+ fn: this.uInit
|
|
|
+ });
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
methods: {
|
|
|
...mapMutations(['checkUserLogin']),
|
|
|
initView: function() {
|
|
|
-
|
|
|
+
|
|
|
this.$nextTick(() => {
|
|
|
- uni.createSelectorQuery().select("#app-top").boundingClientRect(res=>{
|
|
|
+ uni.createSelectorQuery().select("#app-top").boundingClientRect(res => {
|
|
|
this.barheight = res.height;
|
|
|
}).exec();
|
|
|
});
|
|
|
// #ifdef H5
|
|
|
- this.footHeight = 60;
|
|
|
+ this.footHeight = 60;
|
|
|
// #endif
|
|
|
-
|
|
|
+
|
|
|
this
|
|
|
.request
|
|
|
.get("guInit")
|
|
|
.then(res => {
|
|
|
- if(res.code == 200) {
|
|
|
+ if (res.code == 200) {
|
|
|
this.topData = res.data;
|
|
|
}
|
|
|
});
|
|
|
@@ -292,7 +299,7 @@
|
|
|
/**
|
|
|
* 获取其他信息
|
|
|
*/
|
|
|
- uInit:function(){
|
|
|
+ uInit: function() {
|
|
|
this
|
|
|
.request
|
|
|
.post("getUserGu")
|
|
|
@@ -311,54 +318,58 @@
|
|
|
/**
|
|
|
* 预约操作
|
|
|
*/
|
|
|
- tapBooking:function(item){
|
|
|
- if(this.user == null) {
|
|
|
+ tapBooking: function(item) {
|
|
|
+ if (this.user == null) {
|
|
|
uni.navigateTo({
|
|
|
- url:"/pages/login/index"
|
|
|
+ url: "/pages/login/index"
|
|
|
});
|
|
|
- return ;
|
|
|
+ return;
|
|
|
}
|
|
|
//是否认证
|
|
|
- if(this.user.is_auth != 1 ) {
|
|
|
- this.utils.showModal("您还未认证，点击进行认证",()=>{
|
|
|
+ if (this.user.is_auth != 1) {
|
|
|
+ this.utils.showModal("您还未认证，点击进行认证", () => {
|
|
|
uni.navigateTo({
|
|
|
- url:"/pages/user/approve"
|
|
|
+ url: "/pages/user/approve"
|
|
|
});
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
//是否填写银行信息
|
|
|
- if(this.user.is_bank != 1) {
|
|
|
- this.utils.showModal("您还配置收款信息，点击配置",()=>{
|
|
|
+ if (this.user.is_bank != 1) {
|
|
|
+ this.utils.showModal("您还配置收款信息，点击配置", () => {
|
|
|
uni.navigateTo({
|
|
|
- url:"/pages/user/bank/bank"
|
|
|
+ url: "/pages/user/bank/bank"
|
|
|
});
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
this.isShowContent = true;
|
|
|
this.itemData = item;
|
|
|
this.actionType = "booking";
|
|
|
},
|
|
|
-
|
|
|
- tapAction:function(){
|
|
|
+
|
|
|
+ tapAction: function() {
|
|
|
this.isShowContent = false;
|
|
|
- if(this.actionType == "booking") {
|
|
|
+ if (this.actionType == "booking") {
|
|
|
this.isBooking = true;
|
|
|
}
|
|
|
},
|
|
|
/**
|
|
|
* 预约单
|
|
|
*/
|
|
|
- tapBookAc:function(){
|
|
|
+ tapBookAc: function() {
|
|
|
this.isBooking = false;
|
|
|
- if(this.isSubmit) return ;
|
|
|
+ if (this.isSubmit) return;
|
|
|
this.isSubmit = true;
|
|
|
- uni.showLoading({ title: '提交数据..' });
|
|
|
+ uni.showLoading({
|
|
|
+ title: '提交数据..'
|
|
|
+ });
|
|
|
this
|
|
|
.request
|
|
|
- .post("auctionSubscribe",{id : this.itemData.id})
|
|
|
+ .post("auctionSubscribe", {
|
|
|
+ id: this.itemData.id
|
|
|
+ })
|
|
|
.then(res => {
|
|
|
uni.hideLoading();
|
|
|
this.isSubmit = false;
|
|
|
@@ -375,25 +386,23 @@
|
|
|
uni.hideLoading();
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
/**
|
|
|
*
|
|
|
*/
|
|
|
- tapLogin:function(){
|
|
|
+ tapLogin: function() {
|
|
|
uni.navigateTo({
|
|
|
- url:"../login/index"
|
|
|
+ url: "../login/index"
|
|
|
});
|
|
|
},
|
|
|
- tapAdver:function(){
|
|
|
-
|
|
|
+ tapAdver: function() {
|
|
|
+
|
|
|
},
|
|
|
/**
|
|
|
* 详情页面
|
|
|
*/
|
|
|
- tapItem:function(item){
|
|
|
+ tapItem: function(item) {
|
|
|
uni.navigateTo({
|
|
|
- url:"./rush?id=" + item.id
|
|
|
+ url: "./rush?id=" + item.id
|
|
|
})
|
|
|
},
|
|
|
/**
|
|
|
@@ -404,38 +413,37 @@
|
|
|
let url = ev.currentTarget.dataset.url;
|
|
|
this.utils.navigateTo(url);
|
|
|
},
|
|
|
-
|
|
|
- interval:function(){
|
|
|
- if(this.data.auction != null) {
|
|
|
+ interval: function() {
|
|
|
+ if (this.data.auction != null) {
|
|
|
let time = this.utils.strtotime();
|
|
|
- for(let i in this.data.auction) {
|
|
|
+ for (let i in this.data.auction) {
|
|
|
let d = this.data.auction[i];
|
|
|
//判断是否预约时间
|
|
|
- if(time >= d.add_time && time < d.end_time ) {
|
|
|
- this.$set(this.data.auction[i],'showType',1);
|
|
|
+ if (time >= d.add_time && time < d.end_time) {
|
|
|
+ this.$set(this.data.auction[i], 'showType', 1);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
//入场时间
|
|
|
- if(time >= d.end_time && time < d.radd_time) {
|
|
|
- this.$set(this.data.auction[i],'showType',2);
|
|
|
+ if (time >= d.end_time && time < d.radd_time) {
|
|
|
+ this.$set(this.data.auction[i], 'showType', 2);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
//判断是否入场-判断是不是到预约时间-是否已预约
|
|
|
- if(d.booking_count > 0 && time >= d.radd_time && time < d.rend_time) {
|
|
|
- this.$set(this.data.auction[i],'showType',3);
|
|
|
+ if (d.booking_count > 0 && time >= d.radd_time && time < d.rend_time) {
|
|
|
+ this.$set(this.data.auction[i], 'showType', 3);
|
|
|
}
|
|
|
-
|
|
|
- if(d.booking_count <= 0 && time >= d.radd_time && time < d.rend_time && time > d.end_time) {
|
|
|
- this.$set(this.data.auction[i],'showType',3);
|
|
|
+
|
|
|
+ if (d.booking_count <= 0 && time >= d.radd_time && time < d.rend_time && time > d.end_time) {
|
|
|
+ this.$set(this.data.auction[i], 'showType', 3);
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
- if(time > d.rend_time) {
|
|
|
- this.$set(this.data.auction[i],'showType',4);
|
|
|
+
|
|
|
+
|
|
|
+ if (time > d.rend_time) {
|
|
|
+ this.$set(this.data.auction[i], 'showType', 4);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -444,94 +452,168 @@
|
|
|
|
|
|
<style lang="scss">
|
|
|
@import url("/components/gaoyia-parse/parse.css");
|
|
|
- .app-bg{
|
|
|
+
|
|
|
+ .app-bg {
|
|
|
position: absolute;
|
|
|
- image{width: 100vw;height: 45vw;}
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100vw;
|
|
|
+ height: 45vw;
|
|
|
+ }
|
|
|
}
|
|
|
- .app-body{
|
|
|
+
|
|
|
+ .app-body {
|
|
|
position: relative;
|
|
|
z-index: 9;
|
|
|
padding: 0px 30rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
//业绩通道
|
|
|
- .pannel{
|
|
|
+ .pannel {
|
|
|
background: #fff;
|
|
|
border-radius: 20rpx;
|
|
|
margin-top: 20rpx;
|
|
|
padding: 60rpx 0;
|
|
|
- .item{
|
|
|
+
|
|
|
+ .item {
|
|
|
width: calc(33% - 1px);
|
|
|
+
|
|
|
.label {
|
|
|
- font-size: 14px;
|
|
|
- color: #666666;
|
|
|
- margin-top: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ margin-top: 5px;
|
|
|
}
|
|
|
- .count{
|
|
|
- font-weight: bold;
|
|
|
- font-size: 21px;
|
|
|
- color: #0C1732;
|
|
|
+
|
|
|
+ .count {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 21px;
|
|
|
+ color: #0C1732;
|
|
|
}
|
|
|
}
|
|
|
- .line{
|
|
|
+
|
|
|
+ .line {
|
|
|
width: 1px;
|
|
|
height: 45px;
|
|
|
background: #DCDCDC;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
//抢货通道
|
|
|
- .team-buy{
|
|
|
+ .team-buy {
|
|
|
background: #F8F8FA;
|
|
|
- .top{
|
|
|
- .label{color:#DB292B;font-size: 30rpx;font-weight: bold;}
|
|
|
- .sbtn{border: 2rpx solid #DB292B;border-radius: 10rpx;color: #DB292B;font-size: 24rpx;padding: 14rpx 16rpx;}
|
|
|
+
|
|
|
+ .top {
|
|
|
+ .label {
|
|
|
+ color: #DB292B;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sbtn {
|
|
|
+ border: 2rpx solid #DB292B;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ color: #DB292B;
|
|
|
+ font-size: 24rpx;
|
|
|
+ padding: 14rpx 16rpx;
|
|
|
+ }
|
|
|
}
|
|
|
- .team-show{
|
|
|
+
|
|
|
+ .team-show {
|
|
|
width: 100%;
|
|
|
height: 260rpx;
|
|
|
border-radius: 20rpx;
|
|
|
margin-top: 20rpx;
|
|
|
position: relative;
|
|
|
- .bg{
|
|
|
+
|
|
|
+ .bg {
|
|
|
width: 100%;
|
|
|
height: 260rpx;
|
|
|
position: absolute;
|
|
|
- image{
|
|
|
+
|
|
|
+ image {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
border-radius: 20rpx;
|
|
|
}
|
|
|
- .h{background-color: rgba(0, 0, 0, 0.2);position: absolute;z-index: 9;width: 100%;height: 100%;border-radius: 20rpx;top: 0;}
|
|
|
+
|
|
|
+ .h {
|
|
|
+ background-color: rgba(0, 0, 0, 0.2);
|
|
|
+ position: absolute;
|
|
|
+ z-index: 9;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
}
|
|
|
- .body{
|
|
|
+
|
|
|
+ .body {
|
|
|
position: relative;
|
|
|
z-index: 10;
|
|
|
height: 100%;
|
|
|
- .top-input{
|
|
|
+
|
|
|
+ .top-input {
|
|
|
position: relative;
|
|
|
- .tbg{width: 250rpx;height: 70rpx;}
|
|
|
- .inner{
|
|
|
+
|
|
|
+ .tbg {
|
|
|
+ width: 250rpx;
|
|
|
+ height: 70rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .inner {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
position: absolute;
|
|
|
- top: 0;left: 0;
|
|
|
- image{width: 28rpx;height: 28rpx;}
|
|
|
- .label{color: #fff;font-weight: bold;font-size: 36rpx;margin-left: 6rpx;}
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .label {
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36rpx;
|
|
|
+ margin-left: 6rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .info{
|
|
|
+
|
|
|
+ .info {
|
|
|
width: 100%;
|
|
|
- .item{
|
|
|
+
|
|
|
+ .item {
|
|
|
width: calc(33% - 1px);
|
|
|
- .name{color: #fff;font-size: 30rpx;margin-top: 24rpx;}
|
|
|
- .label{color: #fff;width:80%;font-size: 30rpx;font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;}
|
|
|
- .people{
|
|
|
- image{width: 26rpx;height: 34rpx;}
|
|
|
+
|
|
|
+ .name {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 30rpx;
|
|
|
+ margin-top: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .label {
|
|
|
+ color: #fff;
|
|
|
+ width: 80%;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .people {
|
|
|
+ image {
|
|
|
+ width: 26rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .halving{
|
|
|
+
|
|
|
+ .halving {
|
|
|
width: 2rpx;
|
|
|
height: 80rpx;
|
|
|
background: #fff;
|
|
|
@@ -540,83 +622,176 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .venue-list{
|
|
|
- .item{
|
|
|
+
|
|
|
+ .venue-list {
|
|
|
+ .item {
|
|
|
background: #fff;
|
|
|
border-radius: 20rpx;
|
|
|
padding: 30rpx;
|
|
|
margin-top: 20rpx;
|
|
|
- .top-info{
|
|
|
- .avatar{
|
|
|
+
|
|
|
+ .top-info {
|
|
|
+ .avatar {
|
|
|
width: 100rpx;
|
|
|
height: 100rpx;
|
|
|
border-radius: 10rpx;
|
|
|
background: #f1f1f1;
|
|
|
- image{
|
|
|
+
|
|
|
+ image {
|
|
|
width: 100rpx;
|
|
|
height: 100rpx;
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
}
|
|
|
- .info{
|
|
|
+
|
|
|
+ .info {
|
|
|
width: calc(100% - 120rpx);
|
|
|
margin-left: 20rpx;
|
|
|
- .title{color: #081734;font-size: 34rpx;font-weight: bold;}
|
|
|
- .time{
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: #081734;
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .time {
|
|
|
font-size: 22rpx;
|
|
|
color: #666666;
|
|
|
- image{width: 30rpx;height: 28rpx;margin-right: 8rpx;}
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 30rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
margin-top: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .yinfo{
|
|
|
+
|
|
|
+ .yinfo {
|
|
|
padding: 40rpx 0;
|
|
|
- .y-time{
|
|
|
+
|
|
|
+ .y-time {
|
|
|
color: #666666;
|
|
|
font-size: 26rpx;
|
|
|
- text{color: #081734;}
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: #081734;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
border-bottom: 1px solid #f1f1f1;
|
|
|
}
|
|
|
-
|
|
|
- .yfoot{
|
|
|
+
|
|
|
+ .yfoot {
|
|
|
padding-top: 10px;
|
|
|
- .time1{font-size: 14px;}
|
|
|
- .sbtn{background: #d13737;color: #fff;font-size: 14px;border-radius: 20rpx;padding: 4px 10px;}
|
|
|
- .sbtn-no{background: #f1f1f1;color: #787878;font-size: 14px;border-radius: 20rpx;padding: 4px 10px}
|
|
|
+
|
|
|
+ .time1 {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sbtn {
|
|
|
+ background: #d13737;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 4px 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sbtn-no {
|
|
|
+ background: #f1f1f1;
|
|
|
+ color: #787878;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 4px 10px
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
- .user-bann{
|
|
|
- .tips{font-size: 14px;color: #787878;}
|
|
|
- .btn{background: $ic-appcolor;font-size: 14px;color: #fff;width: 160px;border-radius: 20px;height: 40px;text-align:center;line-height: 40px;}
|
|
|
-
|
|
|
+
|
|
|
+ .user-bann {
|
|
|
+ .tips {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #787878;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ background: $ic-appcolor;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ width: 160px;
|
|
|
+ border-radius: 20px;
|
|
|
+ height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
-/**弹出框 **/
|
|
|
- .popwin{position:fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 88;}
|
|
|
- .popwin .bg{background: rgba(0, 0, 0, 0.5);height: 100%;width: 100%;position: absolute;left: 0;top: 0;}
|
|
|
- .popwin .body{padding: 20px;width: 80%;background: #fff;position: relative;border-radius: 8px;
|
|
|
+
|
|
|
+ /**弹出框 **/
|
|
|
+ .popwin {
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 88;
|
|
|
}
|
|
|
- .max-he{height: 60vh;}
|
|
|
- .popwin .btn{margin-top: 6px;border-radius: 4px;background: #dc262b;font-size:14px;color: #fff;width: 100px;text-align: center;padding: 6px 2px;}
|
|
|
- .popwin .btn.no{background: #f1f1f1;color: #ccc}
|
|
|
-
|
|
|
-
|
|
|
- .booking{
|
|
|
- .booking-content{
|
|
|
+
|
|
|
+ .popwin .bg {
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popwin .body {
|
|
|
+ padding: 20px;
|
|
|
+ width: 80%;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .max-he {
|
|
|
+ height: 60vh;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popwin .btn {
|
|
|
+ margin-top: 6px;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: #dc262b;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ width: 100px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 6px 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popwin .btn.no {
|
|
|
+ background: #f1f1f1;
|
|
|
+ color: #ccc
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .booking {
|
|
|
+ .booking-content {
|
|
|
font-size: 26px;
|
|
|
padding: 10px 0;
|
|
|
- text{color: #d13737;}
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: #d13737;
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
- .foot{
|
|
|
+
|
|
|
+ .foot {
|
|
|
padding: 20rpx 0;
|
|
|
- .btn{
|
|
|
+
|
|
|
+ .btn {
|
|
|
height: 40px;
|
|
|
background: #dc262b;
|
|
|
border-radius: 5px;
|
|
|
@@ -627,8 +802,8 @@
|
|
|
width: 30vw;
|
|
|
margin-right: 4vw;
|
|
|
}
|
|
|
-
|
|
|
- .nbtn{
|
|
|
+
|
|
|
+ .nbtn {
|
|
|
height: 40px;
|
|
|
border: 1px solid #dc262b;
|
|
|
border-radius: 5px;
|
|
|
@@ -641,5 +816,4 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
</style>
|
