|
|
@@ -1,59 +1,89 @@
|
|
|
<template>
|
|
|
<view class="model" v-if="show">
|
|
|
- <image :src="`${constant.imgUrl}/ghs/home/deserve.png`" class="noData_img"></image>
|
|
|
- <view class="no_data_text">您还没有花店,无法采购哦~</view>
|
|
|
- <view class="freeApply" @click=" pageTo({url: '/pagesClient/official/index'})">免费申请</view>
|
|
|
+ <image
|
|
|
+ :src="`${constant.imgUrl}/ghs/home/deserve.png`"
|
|
|
+ class="noData_img"
|
|
|
+ ></image>
|
|
|
+ <view class="no_data_text">{{title}}</view>
|
|
|
+ <view class="freeApply" @click="apply">{{btnText}}</view>
|
|
|
+ <view class="experience" v-if="authShow" @click="experienceClick">体验</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
props: {
|
|
|
- show:{
|
|
|
- type:Boolean,
|
|
|
- default: true
|
|
|
+ show: {
|
|
|
+ type: Boolean,
|
|
|
+ default: true,
|
|
|
},
|
|
|
+ btnText: {
|
|
|
+ type: String,
|
|
|
+ default: '222',
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ type: String,
|
|
|
+ default: '111',
|
|
|
+ },
|
|
|
+ authShow: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
+ }
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
constant: this.$constant,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ apply() {
|
|
|
+ this.$emit('bthClick')
|
|
|
+ },
|
|
|
+ experienceClick(){
|
|
|
+ this.$emit('experienceClick')
|
|
|
}
|
|
|
- }
|
|
|
-}
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.model{
|
|
|
+.model {
|
|
|
position: fixed;
|
|
|
z-index: 9999;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
width: 100vw;
|
|
|
height: 100vh;
|
|
|
- background: rgba(0,0,0, 0.6);
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
color: #fff;
|
|
|
+ overflow: hidden;
|
|
|
text-align: center;
|
|
|
- &>.noData_img{
|
|
|
+ & > .noData_img {
|
|
|
width: 318upx;
|
|
|
height: 318upx;
|
|
|
margin: 332upx auto 0;
|
|
|
}
|
|
|
- &>.no_data_text{
|
|
|
+ & > .no_data_text {
|
|
|
font-size: 32px;
|
|
|
- color: #FFFFFF;
|
|
|
+ color: #ffffff;
|
|
|
text-align: center;
|
|
|
margin: 50upx 0;
|
|
|
}
|
|
|
- &>.freeApply{
|
|
|
+ & > .freeApply {
|
|
|
width: 376px;
|
|
|
height: 88px;
|
|
|
line-height: 88upx;
|
|
|
- background: linear-gradient(90deg, #3385FF, #33B0FF);
|
|
|
+ background: linear-gradient(90deg, #3385ff, #33b0ff);
|
|
|
border-radius: 44px;
|
|
|
margin: 0 auto;
|
|
|
font-size: 32px;
|
|
|
- color: #FFFFFF;
|
|
|
+ color: #ffffff;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+ &>.experience{
|
|
|
+ margin-top: 40upx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 30upx;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|