微信登录页面

pages/weixinLogin.vue

+<template>
+  <view class="normal-login-container">
+    <view class="login-top">
+      <image :src="loginLogo" class="loginLogo">
+      </image>
+      <view class="logoName">龙徽文化创意园区</view>
+    </view>
+    <view class="btnView">
+      <button @click="handleLogin" class="login-btn">微信登录</button>
+    </view>
+  </view>
+</template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      loginLogo: require('../static/images/login/denglu_icon_logo.png'),
+    }
+  },
+  created() {
+  },
+  methods: {
+    handleLogin() {
+
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+page {
+  //background-color: #ffffff;
+  background-image: url("../static/images/login/denglu_pic_bg.png");
+  height: 100%;
+}
+
+.normal-login-container {
+  height: 100%;
+  width: 100%;
+  .login-top{
+    text-align: center;
+    padding-top: 90px;
+    .loginLogo{
+      width: 88px;
+      height: 88px;
+    }
+    .logoName{
+      padding-top: 33px;
+      font-size: 22px;
+      font-weight: 500;
+      color: #222222;
+    }
+  }
+  .btnView{
+    position: fixed;
+    width: 100%;
+    bottom: 75px;
+    .login-btn{
+      font-weight: 400;
+      border-radius: 22px 22px 22px 22px;
+      color: #FFFFFF;
+      background-color: #BD1A2D;
+      width: 287px;
+      height: 44px;
+    }
+  }
+}
+
+</style>