121

app.json

@@ -6,7 +6,9 @@
     "pages/session/session",
     "pages/websocket/websocket",
     "pages/game/game",
-    "pages/shouquan/shouquan"
+    "pages/shouquan/shouquan",
+    "pages/outside",
+    "pages/outside/outside"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/outside.js

@@ -0,0 +1,66 @@
+// pages/outside.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/outside.json

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

pages/outside.wxml

@@ -0,0 +1,2 @@
+<!--pages/outside.wxml-->
+<text>pages/outside.wxml</text>

pages/outside.wxss

@@ -0,0 +1 @@
+/* pages/outside.wxss */

pages/outside/outside.js

@@ -0,0 +1,74 @@
+// pages/outside/outside.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    name: 'Hello World',
+    src: '/images/weixin.jpg'
+  },
+  getMyInfo: function (e) {
+    console.log(e.detail.userInfo)
+    let info = e.detail.userInfo;
+    this.setData({
+      name: info.nickName,//更新名称
+      src: info.avatarUrl//更新图片来源
+    })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/outside/outside.json

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

pages/outside/outside.wxml

@@ -0,0 +1,7 @@
+<view class='container'>
+  <image src='{{src}}' class='abc'></image>
+  <text>{{name}}</text>
+  <button open-type='getUserInfo' bindgetuserinfo='getMyInfo'>点击登录积分教室</button>
+  <!-- open-type='getUserInfo 表示激活获取微信用户信息功能' -->
+  <!-- bindgetuserinfo='getMyInfo' 表示获得的数据将传递给自定义函数getMyInfo,可以自己取-->
+</view>

pages/outside/outside.wxss

@@ -0,0 +1,18 @@
+/* 样式设计 */
+.container{
+  height: 90vh; /*高100视窗，这里写100%无效的*/
+  display: flex; /*flex布局方法*/
+  flex-direction: column;/*垂直布局*/
+  align-items: center;/*水平方向居中*/
+  justify-content: space-around;/*垂直方向分散布局*/
+}
+.abc{
+  width: 400rpx;/*图片宽度*/
+  border-radius: 50%;/*4个角变为圆角形状*/
+}
+text{
+  font-size: 50rpx;/*字体大小*/
+  color: red;
+  background-color: blue;
+  border:5rpx solid paleturquoise;
+}