微信授权

src/pageSubs/other/wxLogin.vue

@@ -0,0 +1,57 @@
+<!--
+ * @Descripttion: 微信授权登录
+ * @version: 1.0.0
+ * @Author: dream
+ * @Date: 2021-04-12 13:47:37
+ * @LastEditors: dream
+ * @LastEditTime: 2021-04-12 14:03:07
+-->
+<template>
+  <view class="wx-login-main iph-bg-fff">
+    <image class="logo-img" src="~@/static/common/icon_logo.png" />
+    <image class="logo-text" src="~@/static/common/logo_text.png" />
+    <view class="u-m-t-16 desc u-font-24 u-line-34">帮助企业搭建自己的订货平台</view>
+    <button class="author-btn">微信授权</button>
+  </view>
+</template>
+
+<script>
+export default {
+  data () {
+    return {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.wx-login-main {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 96px;
+  height: 100vh;
+  .logo-img {
+    width: 132px;
+    height: 132px;
+  }
+  .logo-text {
+    margin-top: 40px;
+    width: 112px;
+    height: 54px;
+  }
+  .desc {
+    color: $iph-desc-text;
+  }
+  .author-btn {
+    margin-top: 240px;
+    padding: 22px 0;
+    width: 686px;
+    font-size: 32px;
+    line-height: 44px;
+    border-radius: 8px;
+    color: $iph-standby-text;
+    background-color: $u-type-primary;
+  }
+}
+</style>

src/pages.json

@@ -141,6 +141,11 @@
 				"navigationStyle": "custom"
 			}
     }, {
+      "path": "wxLogin",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+    }, {
 			"path": "myInfo",
 			"style": {
 				"navigationBarTitleText": "个人信息"