|
@@ -0,0 +1,111 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <view class="model" v-if="show">
|
|
|
|
|
+ <view style="color:white;font-size:35upx;">此为花店进货渠道</view>
|
|
|
|
|
+ <view style="color:white;font-size:35upx;margin-top:40upx;">个人请点下方去商城买花哦</view>
|
|
|
|
|
+ <view class="freegoToMall" @click="goToMall">打开商城</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+</template>
|
|
|
|
|
+<script>
|
|
|
|
|
+export default {
|
|
|
|
|
+ props: {
|
|
|
|
|
+ show: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ default: true,
|
|
|
|
|
+ },
|
|
|
|
|
+ title: {
|
|
|
|
|
+ type: String,
|
|
|
|
|
+ default: '',
|
|
|
|
|
+ },
|
|
|
|
|
+ authShow: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ default: false,
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ watch: {
|
|
|
|
|
+ },
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ constant: this.$constant,
|
|
|
|
|
+ experCode: ''
|
|
|
|
|
+ };
|
|
|
|
|
+ },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ goToMall() {
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+};
|
|
|
|
|
+</script>
|
|
|
|
|
+
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+.model {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ z-index: 9999;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ width: 100vw;
|
|
|
|
|
+ height: 100vh;
|
|
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ padding-top:26vh;
|
|
|
|
|
+ & > .noData_img {
|
|
|
|
|
+ width: 318upx;
|
|
|
|
|
+ height: 318upx;
|
|
|
|
|
+ margin: 100upx auto 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ & > .no_data_text {
|
|
|
|
|
+ font-size: 32upx;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ margin: 50upx 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ & > .freegoToMall {
|
|
|
|
|
+ width: 280upx;
|
|
|
|
|
+ height: 110upx;
|
|
|
|
|
+ line-height:110upx;
|
|
|
|
|
+ background: linear-gradient(90deg, #3385ff, #33b0ff);
|
|
|
|
|
+ border-radius: 44upx;
|
|
|
|
|
+ margin: 40upx auto;
|
|
|
|
|
+ font-size: 34upx;
|
|
|
|
|
+ font-weight:bold;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ &>.experience{
|
|
|
|
|
+ margin-top: 40upx;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ font-size: 30upx;
|
|
|
|
|
+ }
|
|
|
|
|
+ &>.experFrame{
|
|
|
|
|
+ margin-top: 50upx;
|
|
|
|
|
+ height: 50upx;
|
|
|
|
|
+ &>view{
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ &>.experInput{
|
|
|
|
|
+ height: 70upx;
|
|
|
|
|
+ width: 250upx;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ vertical-align: middle;
|
|
|
|
|
+ border-radius: 8upx;
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
|
+ border: 1px solid #ccc;
|
|
|
|
|
+ color: #666;
|
|
|
|
|
+ padding-left: 20upx;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ }
|
|
|
|
|
+ &>text{
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ line-height: 70upx;
|
|
|
|
|
+ padding: 0 20upx;
|
|
|
|
|
+ background-color: #3385FF;
|
|
|
|
|
+ vertical-align: middle;
|
|
|
|
|
+ font-size: 30upx;
|
|
|
|
|
+ margin-left: 20upx;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|
shish