shish 3 лет назад
Родитель
Сommit
79a78cbe21
1 измененных файлов с 111 добавлено и 0 удалено
  1. 111 0
      hdApp/src/pagesPurchase/components/person.vue

+ 111 - 0
hdApp/src/pagesPurchase/components/person.vue

@@ -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>