[更新]基础框架,登录流程

components/userInfoLayer/userInfoLayer.js

@@ -0,0 +1,38 @@
+
+/**
+ *  Web唐明明
+ *  匆匆数载恍如梦，岁月迢迢华发增。
+ *  碌碌无为枉半生，一朝惊醒万事空。
+ *  explain: userInfoLayer
+ */
+
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        showLayer: {
+            type    : Boolean,
+            value   : false
+        }
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        userInfo(info){
+            if(info.detail.errMsg == "getUserInfo:ok"){
+                this.triggerEvent("updateinfo", {
+                    userInfo : info.detail.userInfo,
+                    auth     : true
+                })
+            }else{
+                this.triggerEvent("updateinfo", {
+                    userInfo : {},
+                    auth     : false
+                })
+            }
+        }
+    }
+})

components/userInfoLayer/userInfoLayer.json

@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}

components/userInfoLayer/userInfoLayer.wxml

@@ -0,0 +1,14 @@
+
+<block wx:if="{{showLayer}}">
+    <view class="layer-back active"></view>
+    <view class="layer-content">
+        <view class="layer-content-block">
+            <image class="layer-content-img" src="./userInfoLayer_img.png" mode="widthFix"></image>
+            <view class="layer-content-mian">
+                <view class="layer-content-title">完善信息</view>
+                <view class="layer-content-text">获取您的公开信息（头像，昵称等），完善平台信息</view>
+                <button class="layer-content-btn" size="default" open-type="getUserInfo" bindgetuserinfo="userInfo">授权微信</button>
+            </view>
+        </view>
+    </view>
+</block>

components/userInfoLayer/userInfoLayer.wxss

@@ -0,0 +1,71 @@
+
+/**
+ *  Web唐明明
+ *  匆匆数载恍如梦，岁月迢迢华发增。
+ *  碌碌无为枉半生，一朝惊醒万事空。
+ */
+
+.layer-back,
+.layer-content{
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.layer-back{
+    z-index: 999;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.layer-content{
+    z-index: 1000;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-box-pack: center;
+    text-align: center;
+    padding-bottom: 100rpx;
+    box-sizing: border-box;
+}
+
+.layer-content-block{
+    background-color: white;
+    width: 500rpx;
+    display: inline-block;
+    border-radius: 8rpx;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+.layer-content-img{
+    width: 100%;
+    vertical-align: top;
+}
+
+.layer-content-mian{
+    padding: 40rpx;
+}
+
+.layer-content-title{
+    font-weight: bold;
+    font-size: 38rpx;
+    line-height: 90rpx;
+}
+
+.layer-content-btn[size="default"]{
+    background-color: #0c0047;
+    color: white;
+    width: 100%;
+    height: 90rpx;
+    line-height: 90rpx;
+    border-radius: 0;
+    font-size: 34rpx;
+    padding: 0;
+}
+
+.layer-content-text{
+    padding-bottom: 40rpx;
+    font-size: 30rpx;
+    color: #afafaf;
+}