更换版本

pages/alert/index.js

@@ -0,0 +1,26 @@
+getApp(),
+  Page({
+    data: { isShow: !1 },
+    onLoad: function (o) {
+      this.show(), wx.login({ success: function (o) {} });
+    },
+    show: function () {
+      this.setData({ isShow: !0 });
+    },
+    hideDialog: function () {
+      this.setData({ isShow: !this.data.isShow });
+    },
+    updateUserInfo: function (o) {
+      getApp().util.getUserInfo(function (o) {
+        console.log(wx.getStorageSync("userInfo")),
+          console.log(o.memberInfo.uid);
+      }, o.detail);
+    },
+    onReady: function () {},
+    onShow: function () {},
+    onHide: function () {},
+    onUnload: function () {},
+    onPullDownRefresh: function () {},
+    onReachBottom: function () {},
+    onShareAppMessage: function () {},
+  });

pages/alert/index.json

@@ -0,0 +1 @@
+{ "usingComponents": {} }

pages/alert/index.wxml

@@ -0,0 +1,13 @@
+<template name="alert">
+    <view class="wx_dialog_container" hidden="{{!isShow}}">
+        <view class="wx-alert-mask"></view>
+        <view class="wx-alert-dialog">
+            <view class="wx-alert-dialog-title">尊敬的用户</view>
+            <view class="wx-alert-dialog-content">尚未获取到您的用户信息，较多功能无法体验，请允许获取用户信息</view>
+            <view class="wx-alert-dialog-footer">
+                <button bindtap="hideDialog" class="wx-alert-dialog-btn">拒绝</button>
+                <button bindgetuserinfo="updateUserInfo" class="wx-alert-dialog-btn" openType="getUserInfo">允许</button>
+            </view>
+        </view>
+    </view>
+</template>

pages/alert/index.wxss

@@ -0,0 +1,81 @@
+.wx-alert-mask {
+  background: rgba(0, 0, 0, 0.3);
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1000;
+}
+.wx-alert-dialog {
+  background-color: #fff;
+  border-radius: 3px;
+  left: 50%;
+  max-width: 600rpx;
+  overflow: hidden;
+  position: fixed;
+  text-align: center;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 80%;
+  z-index: 5000;
+}
+.wx-alert-dialog-title {
+  font-size: 18px;
+  padding: 15px 15px 5px;
+}
+.wx-alert-dialog-content {
+  word-wrap: break-word;
+  color: #999;
+  font-size: 16px;
+  line-height: 1.3;
+  min-height: 40px;
+  padding: 15px 15px 5px;
+  word-break: break-all;
+}
+.wx-alert-dialog-footer {
+  align-items: center;
+  display: -webkit-flex;
+  display: flex;
+  font-size: 17px;
+  line-height: 45px;
+  position: relative;
+}
+.wx-alert-dialog-footer::before {
+  border-top: 1px solid #d5d5d6;
+  color: #d5d5d6;
+  content: "";
+  height: 1px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: scaleY(0.5);
+  transform-origin: 0 0;
+}
+.wx-alert-dialog-btn {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  background-color: #fff;
+  border: 0rpx;
+  display: block;
+  flex: 1;
+  position: relative;
+}
+.wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(1) {
+  color: #353535;
+}
+.wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(2) {
+  color: #3cc51f;
+}
+.wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(2):after {
+  border-left: 1px solid #d5d5d6;
+  bottom: 0;
+  color: #d5d5d6;
+  content: " ";
+  left: 0;
+  position: absolute;
+  top: 0;
+  transform: scaleX(0.5);
+  transform-origin: 0 0;
+  width: 1px;
+}