暂无开通页面

zhiyangdu
1 parent 03c98899
Showing 4 changed files with 91 additions and 1 deletions
package.json
src/main.js
src/pages/notYetOpened/notYetOpened.less
src/pages/notYetOpened/notYetOpened.vue
@@ -22,6 +22,7 @@
     "vant": "^2.5.8",
     "vue": "^2.6.11",
     "vue-bus": "^1.2.1",
+    "vue-clipboard2": "^0.3.1",
     "vue-head": "^2.1.0",
     "vue-i18n": "^8.15.5",
     "vue-resource": "^1.5.1",
@@ -10,6 +10,7 @@ import { Rate, Popup, Lazyload, Search, PullRefresh, Picker, Image, ImagePreview
 import App from "./App";
 import IdCard from './common/IdCard';
 import VueBus from 'vue-bus';
+import VueClipboard from 'vue-clipboard2'
 Vue.use(Vuex);
 Vue.use(VueResource);
 Vue.use(VueHead, { separator: " " });
@@ -20,6 +21,7 @@ Vue.use(PullRefresh);
 Vue.use(Picker);
 Vue.use(Image);
 Vue.use(ImagePreview);
+Vue.use(VueClipboard)
 Vue.use(Lazyload, {
     preload: 90,
     loading: "static/img/x.jpg",
@@ -46,7 +48,7 @@ import &#39;url-search-params-polyfill&#39;;
 Vue.config.productionTip = false;
 // 部署模式设置（开发模式："dev"，测试模式："test"，生产模式："prod"）
-Vue.prototype.mode = "dev";
+Vue.prototype.mode = "prod";
 // 微信JS-SDK对象
 Vue.prototype.jweixin = {
+.not_yet_opened{
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    .box{
+        text-align: center;
+        margin: 0 auto;
+        img{
+            width: 130px;
+            height: 130px;
+        }
+        .title{
+            height:40px;
+            font-size:28px;
+            font-weight:400;
+            color:rgba(102,102,102,1);
+            line-height:40px;
+        }
+        .desc{
+            width:500px;
+            font-size:24px;
+            font-weight:400;
+            color:rgba(180,180,180,1);
+            line-height:33px;
+            margin: 10px 0 30px 0;
+        }
+        .copy{
+            font-size: 26px;
+            margin: auto;
+            width:140px;
+            height:48px;
+            line-height: 48px;
+            border-radius:26px;
+            border:1px solid rgba(97,196,100,1);
+            font-weight:400;
+            color:rgba(97,196,100,1);
+        }
+    }
+}
+<template>
+  <div class="not_yet_opened">
+   <div class="box">
+       <img src="/static/img/Computer.png" alt=""/>
+       <div class="title">
+           商城/餐厅入驻手机端尚未开通
+       </div>
+       <div class="desc">
+           请前往网家家电商平台进行入驻申请，网址:  <span :title="teamLink" class="invitLink pull-left ellipsis" v-text="teamLink" ></span>
+       </div>
+       <div   class="copy" type="primary" v-clipboard:error="onError"
+              v-clipboard:copy="teamLink"  v-clipboard:success="onCopy">
+           复制链接
+       </div>
+   </div>
+  </div>
+</template>
+
+<script>
+    // 引入组件
+    import { Toast } from "mint-ui";
+  export default {
+    name: 'notYetOpened',
+    data () {
+      return {
+          teamLink:'http://seller.mall.cnlive.com'
+      }
+    },
+    created(){
+
+    },
+    methods: {
+        // 复制成功
+        onCopy(e){
+            Toast('复制成功');
+        },
+        // 复制失败
+        onError(e){
+            Toast('复制失败');
+        },
+    }
+  }
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style rel="stylesheet/less" lang="less" scoped>
+    @import "NotYetOpened";
+</style>