增加基本项目配置

2020-03-15 13:59:43 +08:00
commit 397082cdaf
1117 changed files with 105700 additions and 0 deletions
--- a/pages/authorization/index.vue
+++ b/pages/authorization/index.vue
@ -0,0 +1,188 @@
+<template>
+  <div class="container">
+    <div v-if="!isAuthorization">
+      <div class="getUserInfo">
+        <p>您还未允许微信登录授权，请点击下方按钮允许微信授权登录。</p>
+        <vant-button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">允许微信登录授权</vant-button>
+        <div class="sp-cell"></div>
+        <vant-button type="default" @click="back">取消微信登录授权</vant-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState, mapMutations, mapActions } from "vuex";
+// 组件
+// import request from "@//api/request";
+import { wxappAuth, getUser } from "@/api/user";
+import dayjs from "dayjs";
+import cookie from "@/utils/store/cookie";
+import { login } from "@/utils";
+
+export default {
+  data() {
+    return {};
+  },
+  computed: {
+    ...mapState(["isAuthorization"])
+  },
+  onShow() {
+    this.UPDATE_AUTHORIZATIONPAGE(false);
+  },
+  onHide() {
+    this.changeAuthorization(false);
+  },
+  onUnload() {
+    this.changeAuthorization(false);
+  },
+  methods: {
+    ...mapActions(["changeAuthorization", "changeUserInfo"]),
+    ...mapMutations(["UPDATE_AUTHORIZATIONPAGE", "CHANGE_TABTAR"]),
+    back() {
+      // if (this.$yroute.query.redirect) {
+      //   this.$yrouter.replace({
+      //     path: this.$yroute.query.redirect
+      //   });
+      // } else {
+      //   this.$yrouter.replace({
+      //     path: "/pages/launch/main",
+      //     query: { type: 0 }
+      //   });
+      // }
+      this.CHANGE_TABTAR(0);
+      this.$yrouter.replace({
+        path: "/pages/launch/main",
+        query: { type: 0 }
+      });
+    },
+    getUserInfo(data) {
+      wx.showLoading({
+        title: "登录中"
+      });
+      login();
+    }
+  },
+  onUnload() {},
+  mounted() {}
+};
+</script>
+
+<style lang="less">
+.sp-cell {
+  height: 20rpx;
+}
+.getUserInfo {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: 30px;
+
+  p {
+    margin-bottom: 20px;
+  }
+}
+.container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  position: relative;
+}
+
+.tab-bar {
+  font-size: 0;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.9);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 99;
+  border-top: 1px solid rgba(248, 248, 248, 1);
+
+  .tab-bar-item {
+    flex: 1;
+    height: 49px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+
+    &.active {
+      text {
+        color: #ee7559;
+      }
+
+      .tab-bar-pic {
+        display: none;
+        background: #f9f9f9;
+
+        &.active {
+          display: block;
+        }
+      }
+    }
+
+    .tab-bar-pic {
+      display: block;
+      background: #f9f9f9;
+
+      &.active {
+        display: none;
+      }
+    }
+  }
+
+  .tab-bar-pic {
+    width: 25px;
+    height: 25px;
+    background: #f9f9f9;
+
+    image {
+      width: 25px;
+      height: 25px;
+    }
+  }
+
+  .tab-bar-pic-active {
+  }
+
+  text {
+    font-size: 10px;
+    color: rgb(160, 160, 160);
+    line-height: 10px;
+    margin-top: 5px;
+  }
+}
+
+.tab-bar-bg {
+  padding-top: 46px;
+  width: 100%;
+}
+
+.view-item {
+  display: none;
+  width: 100%;
+}
+
+.view-item-active {
+  display: block;
+}
+
+.getUserInfo {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: 30px;
+
+  p {
+    margin-bottom: 20px;
+  }
+}
+
+._van-dialog {
+  z-index: 99999999999;
+}
+</style>
--- a/pages/authorization/main.js
+++ b/pages/authorization/main.js
@ -0,0 +1,5 @@
+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()