首页 发现 帮助
登录
lovecoding
/
W260426
8
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

小程序

zheng 16 小时之前
父节点
2cdd6a2c68
当前提交
55aca6331b
共有 21 个文件被更改，包括 469 次插入 和 0 次删除
合并视图 显示文件统计
  1. 二进制
      .DS_Store
  2. 63 0
      11.复习/10.下落的树叶.html
  3. 19 0
      12.小程序/app.js
  4. 16 0
      12.小程序/app.json
  5. 10 0
      12.小程序/app.wxss
  6. 49 0
      12.小程序/pages/index/index.js
  7. 4 0
      12.小程序/pages/index/index.json
  8. 27 0
      12.小程序/pages/index/index.wxml
  9. 62 0
      12.小程序/pages/index/index.wxss
  10. 18 0
      12.小程序/pages/logs/logs.js
  11. 4 0
      12.小程序/pages/logs/logs.json
  12. 6 0
      12.小程序/pages/logs/logs.wxml
  13. 16 0
      12.小程序/pages/logs/logs.wxss
  14. 66 0
      12.小程序/pages/my/my.js
  15. 3 0
      12.小程序/pages/my/my.json
  16. 2 0
      12.小程序/pages/my/my.wxml
  17. 1 0
      12.小程序/pages/my/my.wxss
  18. 41 0
      12.小程序/project.config.json
  19. 36 0
      12.小程序/project.private.config.json
  20. 7 0
      12.小程序/sitemap.json
  21. 19 0
      12.小程序/utils/util.js

二进制
.DS_Store
查看文件


+ 63 - 0
11.复习/10.下落的树叶.html
查看文件 

@@ -0,0 +1,63 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <style>
 
+        img {
 
+            position: absolute;
 
+            /* top: 0; */
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <script>
 
+        const screenWidth = document.documentElement.clientWidth || document.body.clientWidth;
 
+        const screenHeight = document.documentElement.clientHeight || document.body.clientHeight;
 
+
 
+        function Leaf() {
 
+            // 宽度
 
+            this.width = Math.round(Math.random() * 100 + 100);
 
+            // 距离
 
+            this.top = 0;
 
+            this.left = Math.random() * (screenWidth - this.width);
 
+            this.urls = './img/' + Math.floor(Math.random() * 4 + 1) + '.png'
 
+        }
 
+        Leaf.prototype.init = function () {
 
+            var imgs = document.createElement("img");
 
+            imgs.src = this.urls;
 
+            imgs.style.width = this.width + 'px';
 
+            imgs.style.top = this.top;
 
+            imgs.style.left = this.left + 'px';
 
+            document.body.appendChild(imgs);
 
+            this.newImgs = imgs;
 
+        }
 
+        let newArr = [];
 
+        for (let i = 0; i < 20; i++) {
 
+            let leaf = new Leaf();
 
+            leaf.init();
 
+            newArr.push(leaf)
 
+        }
 
+        Leaf.prototype.fail = function () {
 
+            setTimeout(() => {
 
+                var timer = setInterval(() => {
 
+                    if (this.newImgs.offsetTop < screenHeight - this.newImgs.offsetHeight) {
 
+                        this.newImgs.style.top = this.newImgs.offsetTop + 10 + 'px';
 
+                    } else {
 
+                        clearInterval(timer);
 
+                    }
 
+                }, 20)
 
+            }, Math.random() * 2000)
 
+        }
 
+        document.onclick = function () {
 
+            for (let i = 0; i < newArr.length; i++) {
 
+                newArr[i].fail();
 
+            }
 
+        }
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 19 - 0
12.小程序/app.js
查看文件 

@@ -0,0 +1,19 @@
 
+// app.js
 
+App({
 
+  onLaunch() {
 
+    // 展示本地存储能力
 
+    const logs = wx.getStorageSync('logs') || []
 
+    logs.unshift(Date.now())
 
+    wx.setStorageSync('logs', logs)
 
+
 
+    // 登录
 
+    wx.login({
 
+      success: res => {
 
+        // 发送 res.code 到后台换取 openId, sessionKey, unionId
 
+      }
 
+    })
 
+  },
 
+  globalData: {
 
+    userInfo: null
 
+  }
 
+})

+ 16 - 0
12.小程序/app.json
查看文件 

@@ -0,0 +1,16 @@
 
+{
 
+  "pages": [
 
+    "pages/my/my",
 
+    "pages/index/index",
 
+    "pages/logs/logs"
 
+  ],
 
+  "window": {
 
+    "navigationBarTextStyle": "white",
 
+    "navigationBarTitleText": "你好",
 
+    "navigationBarBackgroundColor": "#000"
 
+  },
 
+  "style": "v2",
 
+  "componentFramework": "glass-easel",
 
+  "sitemapLocation": "sitemap.json",
 
+  "lazyCodeLoading": "requiredComponents"
 
+}

+ 10 - 0
12.小程序/app.wxss
查看文件 

@@ -0,0 +1,10 @@
 
+/**app.wxss**/
 
+.container {
 
+  height: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  padding: 200rpx 0;
 
+  box-sizing: border-box;
 
+}

+ 49 - 0
12.小程序/pages/index/index.js
查看文件 

@@ -0,0 +1,49 @@
 
+// index.js
 
+const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
 
+
 
+Page({
 
+  data: {
 
+    motto: 'Hello World',
 
+    userInfo: {
 
+      avatarUrl: defaultAvatarUrl,
 
+      nickName: '',
 
+    },
 
+    hasUserInfo: false,
 
+    canIUseGetUserProfile: wx.canIUse('getUserProfile'),
 
+    canIUseNicknameComp: wx.canIUse('input.type.nickname'),
 
+  },
 
+  bindViewTap() {
 
+    wx.navigateTo({
 
+      url: '../logs/logs'
 
+    })
 
+  },
 
+  onChooseAvatar(e) {
 
+    const { avatarUrl } = e.detail
 
+    const { nickName } = this.data.userInfo
 
+    this.setData({
 
+      "userInfo.avatarUrl": avatarUrl,
 
+      hasUserInfo: nickName && avatarUrl && avatarUrl !== defaultAvatarUrl,
 
+    })
 
+  },
 
+  onInputChange(e) {
 
+    const nickName = e.detail.value
 
+    const { avatarUrl } = this.data.userInfo
 
+    this.setData({
 
+      "userInfo.nickName": nickName,
 
+      hasUserInfo: nickName && avatarUrl && avatarUrl !== defaultAvatarUrl,
 
+    })
 
+  },
 
+  getUserProfile(e) {
 
+    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
 
+    wx.getUserProfile({
 
+      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
 
+      success: (res) => {
 
+        console.log(res)
 
+        this.setData({
 
+          userInfo: res.userInfo,
 
+          hasUserInfo: true
 
+        })
 
+      }
 
+    })
 
+  },
 
+})

+ 4 - 0
12.小程序/pages/index/index.json
查看文件 

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

+ 27 - 0
12.小程序/pages/index/index.wxml
查看文件 

@@ -0,0 +1,27 @@
 
+<!--index.wxml-->
 
+<scroll-view class="scrollarea" scroll-y type="list">
 
+  <view class="container">
 
+    <view class="userinfo">
 
+      <block wx:if="{{canIUseNicknameComp && !hasUserInfo}}">
 
+        <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
 
+          <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
 
+        </button>
 
+        <view class="nickname-wrapper">
 
+          <text class="nickname-label">昵称</text>
 
+          <input type="nickname" class="nickname-input" placeholder="请输入昵称" bind:change="onInputChange" />
 
+        </view>
 
+      </block>
 
+      <block wx:elif="{{!hasUserInfo}}">
 
+        <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>
 
+        <view wx:else> 请使用2.10.4及以上版本基础库 </view>
 
+      </block>
 
+      <block wx:else>
 
+        <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
 
+        <text class="userinfo-nickname">{{userInfo.nickName}}</text>
 
+      </block>
 
+    </view>
 
+    <view class="usermotto">
 
+      <text class="user-motto">{{motto}}</text>
 
+    </view>
 
+  </view>
 
+</scroll-view>

+ 62 - 0
12.小程序/pages/index/index.wxss
查看文件 

@@ -0,0 +1,62 @@
 
+/**index.wxss**/
 
+page {
 
+  height: 100vh;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+.scrollarea {
 
+  flex: 1;
 
+  overflow-y: hidden;
 
+}
 
+
 
+.userinfo {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  color: #aaa;
 
+  width: 80%;
 
+}
 
+
 
+.userinfo-avatar {
 
+  overflow: hidden;
 
+  width: 128rpx;
 
+  height: 128rpx;
 
+  margin: 20rpx;
 
+  border-radius: 50%;
 
+}
 
+
 
+.usermotto {
 
+  margin-top: 200px;
 
+}
 
+
 
+.avatar-wrapper {
 
+  padding: 0;
 
+  width: 56px !important;
 
+  border-radius: 8px;
 
+  margin-top: 40px;
 
+  margin-bottom: 40px;
 
+}
 
+
 
+.avatar {
 
+  display: block;
 
+  width: 56px;
 
+  height: 56px;
 
+}
 
+
 
+.nickname-wrapper {
 
+  display: flex;
 
+  width: 100%;
 
+  padding: 16px;
 
+  box-sizing: border-box;
 
+  border-top: .5px solid rgba(0, 0, 0, 0.1);
 
+  border-bottom: .5px solid rgba(0, 0, 0, 0.1);
 
+  color: black;
 
+}
 
+
 
+.nickname-label {
 
+  width: 105px;
 
+}
 
+
 
+.nickname-input {
 
+  flex: 1;
 
+}

+ 18 - 0
12.小程序/pages/logs/logs.js
查看文件 

@@ -0,0 +1,18 @@
 
+// logs.js
 
+const util = require('../../utils/util.js')
 
+
 
+Page({
 
+  data: {
 
+    logs: []
 
+  },
 
+  onLoad() {
 
+    this.setData({
 
+      logs: (wx.getStorageSync('logs') || []).map(log => {
 
+        return {
 
+          date: util.formatTime(new Date(log)),
 
+          timeStamp: log
 
+        }
 
+      })
 
+    })
 
+  }
 
+})

+ 4 - 0
12.小程序/pages/logs/logs.json
查看文件 

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

+ 6 - 0
12.小程序/pages/logs/logs.wxml
查看文件 

@@ -0,0 +1,6 @@
 
+<!--logs.wxml-->
 
+<scroll-view class="scrollarea" scroll-y type="list">
 
+  <block wx:for="{{logs}}" wx:key="timeStamp" wx:for-item="log">
 
+    <view class="log-item">{{index + 1}}. {{log.date}}</view>
 
+  </block>
 
+</scroll-view>

+ 16 - 0
12.小程序/pages/logs/logs.wxss
查看文件 

@@ -0,0 +1,16 @@
 
+page {
 
+  height: 100vh;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+.scrollarea {
 
+  flex: 1;
 
+  overflow-y: hidden;
 
+}
 
+.log-item {
 
+  margin-top: 20rpx;
 
+  text-align: center;
 
+}
 
+.log-item:last-child {
 
+  padding-bottom: env(safe-area-inset-bottom);
 
+}

+ 66 - 0
12.小程序/pages/my/my.js
查看文件 

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

+ 3 - 0
12.小程序/pages/my/my.json
查看文件 

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

+ 2 - 0
12.小程序/pages/my/my.wxml
查看文件 

@@ -0,0 +1,2 @@
 
+<!--pages/my/my.wxml-->
 
+<text>这是我的页面</text>

+ 1 - 0
12.小程序/pages/my/my.wxss
查看文件 

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

+ 41 - 0
12.小程序/project.config.json
查看文件 

@@ -0,0 +1,41 @@
 
+{
 
+  "compileType": "miniprogram",
 
+  "libVersion": "trial",
 
+  "packOptions": {
 
+    "ignore": [],
 
+    "include": []
 
+  },
 
+  "setting": {
 
+    "coverView": true,
 
+    "es6": true,
 
+    "postcss": true,
 
+    "minified": true,
 
+    "enhance": true,
 
+    "showShadowRootInWxmlPanel": true,
 
+    "packNpmRelationList": [],
 
+    "babelSetting": {
 
+      "ignore": [],
 
+      "disablePlugins": [],
 
+      "outputPath": ""
 
+    },
 
+    "compileWorklet": false,
 
+    "uglifyFileName": false,
 
+    "uploadWithSourceMap": true,
 
+    "packNpmManually": false,
 
+    "minifyWXSS": true,
 
+    "minifyWXML": true,
 
+    "localPlugins": false,
 
+    "condition": false,
 
+    "swc": false,
 
+    "disableSWC": true,
 
+    "disableUseStrict": false,
 
+    "useCompilerPlugins": false
 
+  },
 
+  "condition": {},
 
+  "editorSetting": {
 
+    "tabIndent": "auto",
 
+    "tabSize": 2
 
+  },
 
+  "appid": "wx3bbf84108fdc99d4",
 
+  "simulatorPluginLibVersion": {}
 
+}

+ 36 - 0
12.小程序/project.private.config.json
查看文件 

@@ -0,0 +1,36 @@
 
+{
 
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
 
+  "projectname": "project",
 
+  "setting": {
 
+    "compileHotReLoad": true,
 
+    "urlCheck": true,
 
+    "coverView": true,
 
+    "lazyloadPlaceholderEnable": false,
 
+    "skylineRenderEnable": false,
 
+    "preloadBackgroundData": false,
 
+    "autoAudits": false,
 
+    "useApiHook": true,
 
+    "useApiHostProcess": true,
 
+    "showShadowRootInWxmlPanel": true,
 
+    "useStaticServer": false,
 
+    "useLanDebug": false,
 
+    "showES6CompileOption": false,
 
+    "bigPackageSizeSupport": false,
 
+    "checkInvalidKey": true,
 
+    "ignoreDevUnusedFiles": true
 
+  },
 
+  "libVersion": "3.17.5",
 
+  "condition": {
 
+    "miniprogram": {
 
+      "list": [
 
+        {
 
+          "name": "pages/my/my",
 
+          "pathName": "pages/my/my",
 
+          "query": "",
 
+          "scene": null,
 
+          "launchMode": "default"
 
+        }
 
+      ]
 
+    }
 
+  }
 
+}

+ 7 - 0
12.小程序/sitemap.json
查看文件 

@@ -0,0 +1,7 @@
 
+{
 
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
 
+  "rules": [{
 
+  "action": "allow",
 
+  "page": "*"
 
+  }]
 
+}

+ 19 - 0
12.小程序/utils/util.js
查看文件 

@@ -0,0 +1,19 @@
 
+const formatTime = date => {
 
+  const year = date.getFullYear()
 
+  const month = date.getMonth() + 1
 
+  const day = date.getDate()
 
+  const hour = date.getHours()
 
+  const minute = date.getMinutes()
 
+  const second = date.getSeconds()
 
+
 
+  return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second].map(formatNumber).join(':')}`
 
+}
 
+
 
+const formatNumber = n => {
 
+  n = n.toString()
 
+  return n[1] ? n : `0${n}`
 
+}
 
+
 
+module.exports = {
 
+  formatTime
 
+}