#5 #102 第五次实验

hzuapps · Dec 12, 2017 · 1db4783 · 1db4783
2 parents 9567e72 + de25e98
commit 1db4783
Show file tree

Hide file tree

Showing 9 changed files with 307 additions and 12 deletions.
diff --git a/1514080901211/app.json b/1514080901211/app.json
@@ -1,19 +1,27 @@
 {
   "pages": [
-    "example/index",
-    "example/navbar/navbar"
+    "pages/index/index",
+    "pages/form/form",
+    "pages/navbar/navbar"
   ],
   "window": {
-    "navigationBarTextStyle": "black",
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#000000",
     "navigationBarTitleText": "考试打卡机",
-    "navigationBarBackgroundColor": "#f8f8f8",
-    "backgroundColor": "#f8f8f8"
+    "navigationBarTextStyle": "white"
   },
-  "networkTimeout": {
-    "request": 10000,
-    "connectSocket": 10000,
-    "uploadFile": 10000,
-    "downloadFile": 10000
-  },
-  "debug": true
+  "tabBar": {
+    "color": "#000000",
+    "selectedColor": "#009444",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/form/form",
+        "text": "每日心情分享"
+      }
+    ]
+  }
 }
diff --git a/1514080901211/pages/demo/scrollView.js b/1514080901211/pages/demo/scrollView.js
@@ -0,0 +1,64 @@
+// pages/demo/scrollView.js
+Page({
+
+  data: {
+    rank: []  
+  },
+
+  onLoad: function (options) {
+    var that = this
+    // 设置窗口大小
+    wx.getSystemInfo({
+      success: (res) => {
+        that.setData({
+          windowHeight: res.windowHeight - 5,
+          windowWidth: res.windowWidth
+        })
+        //console.dir(that.data.windowHeight)
+      }
+    })
+    that.setData({
+      rank: [{
+        text: "吐槽",
+        review: "不读书了？"
+      }, {
+        text: "吐槽",
+        review: "算了算了，开玩笑的。"
+        }, {
+          text: "吐槽",
+          review: "不读书了？"
+        }, {
+          text: "吐槽",
+          review: "算了算了，开玩笑的。"
+        }, {
+          text: "吐槽",
+          review: "不读书了？"
+        }, {
+          text: "吐槽",
+          review: "算了算了，开玩笑的。"
+        }, {
+          text: "吐槽",
+          review: "不读书了？"
+        }, {
+          text: "吐槽",
+          review: "算了算了，开玩笑的。"
+        }]
+    })  
+  },
+  onEnd : function(e) {
+    console.dir(e)
+    var that = this;
+    that.setData({
+      rank: that.data.rank.concat([{
+        text: "评论", 
+        review: "还考不考试？！"
+      }, {
+          text: "评论",
+          review: "人丑多读书！"
+      }])
+    })
+
+  },
+
+
+})
diff --git a/1514080901211/pages/demo/scrollView.json b/1514080901211/pages/demo/scrollView.json
@@ -0,0 +1 @@
+{}
diff --git a/1514080901211/pages/demo/scrollView.wxml b/1514080901211/pages/demo/scrollView.wxml
@@ -0,0 +1,30 @@
+<!--pages/demo/scrollView.wxml-->
+<scroll-view class="page" scroll-y="true" style="height:{{windowHeight}}px;" bindscrolltolower="onEnd" bindscroll="onScroll">
+    <view class="page__hd">
+        <view class="page__title"></view>
+        <view class="page__desc"></view>
+    </view>
+    <view class="page__bd">
+        <view class="weui-panel weui-panel_access">
+            <view class="weui-panel__hd"></view>
+            <view class="weui-panel__bd">
+                <navigator url="" wx:for="{{rank}}" wx:key="text" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
+                        <image class="weui-media-box__thumb" src="../example/images/a.png" />
+                    </view>
+                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
+                        <view class="weui-media-box__title">({{index+1}}) {{item.text}}</view>
+                        <view class="weui-media-box__desc">{{item.review}}</view>
+                    </view>
+                </navigator>
+            </view>
+        </view>
+        <view class="weui-loadmore" wx:if="{{isLower}}">
+            <view class="weui-loading"></view>
+            <view class="weui-loadmore__tips">正在加载</view>
+        </view>
+        <view class="weui-loadmore weui-loadmore_line" wx:if="{{isEnd}}">
+            <view class="weui-loadmore__tips weui-loadmore__tips_in-line">暂无数据</view>
+        </view>
+    </view>
+</scroll-view>
diff --git a/1514080901211/pages/demo/scrollView.wxss b/1514080901211/pages/demo/scrollView.wxss
@@ -0,0 +1 @@
+/* pages/demo/scrollView.wxss */
diff --git a/1514080901211/pages/form/form.js b/1514080901211/pages/form/form.js
@@ -0,0 +1,152 @@
+// pages/form/form.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    text: 'dame',
+    area: 'it',
+    count: 'it'.length  
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    var that = this;
+    wx.getStorage({
+      key: 'input',
+      success: function (res) {
+        console.log(res.data.area.length)
+
+        that.setData({
+          text: res.data.text,
+          area: res.data.area,
+          count: res.data.area.length
+        })
+      }
+    }) 
+    // 从服务器取回来 JSON
+    wx.request({
+      url: 'https://infoaas.com/data/hzc.json', 
+      //仅为示例，并非真实的接口地址
+      data: { },
+      header: {
+        'content-type': 'application/json' // 默认值
+      },
+      success: function (res) {
+        console.log(res.data)
+        /*
+        that.setData({
+          hasError: true,
+          errorText: res.data.name + ',' + res.data.teacher + ' ' + res.data.year
+        })*/
+      }
+    }) 
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+
+  onSubmit : function(event) {
+    console.dir(event)
+    var that = this
+    var text = event.detail.value.text
+    if (!text) {
+      console.dir(text)
+      that.setData({
+        hasError: true,
+        errorText: '文字不能为空！'
+      })
+    } else {
+      that.setData({
+        hasError: false
+      })
+      wx.setStorage({
+        key: "input",
+        data: event.detail.value,
+        success: function(res) {
+          wx.showToast({
+            title: '成功',
+            icon: 'success',
+            duration: 2000
+          })
+
+        }
+      })
+    }
+  },
+
+  onTextChange: function(e) {
+    var that = this;
+    console.dir(e)
+    var text = e.detail.value
+    console.dir(text);
+    if (!text) {
+      that.setData({
+        hasError: true,
+        errorText: '文字不能为空！'
+      })
+    } else {
+      that.setData({
+        hasError: false
+      })
+    }
+  },
+
+  onChange : function(e) {
+    var that = this;
+      var value = e.detail.value;
+      console.dir(value)
+      that.setData({
+        count: value.length
+      })
+  }
+})
diff --git a/1514080901211/pages/form/form.json b/1514080901211/pages/form/form.json
@@ -0,0 +1 @@
+{}
diff --git a/1514080901211/pages/form/form.wxml b/1514080901211/pages/form/form.wxml
@@ -0,0 +1,37 @@
+<!--pages/form/form.wxml-->
+<view class="page" xmlns:wx="http://www.w3.org/1999/xhtml">
+    <view class="page__hd">
+        <view class="page__title">心情分享或吐槽！</view>
+        <view class="page__desc">不会说会死啊？会！</view>
+    </view>
+    <view class="page__bd">
+      <form bindsubmit='onSubmit'>
+        <view class="weui-toptips weui-toptips_warn" 
+        wx:if="{{hasError}}">{{errorText}}</view>
+
+        <view class="weui-cells__title">昵称</view>
+        <view class="weui-cells weui-cells_after-title">
+            <view class="weui-cell weui-cell_input">
+                <view class="weui-cell__bd">
+                    <input class="weui-input" name="text" 
+                    value='{{text}}' placeholder="请输入文本" bindinput='onTextChange'/>
+                </view>
+            </view>
+        </view>
+
+        <view class="weui-cells__title">内容</view>
+        <view class="weui-cells weui-cells_after-title">
+            <view class="weui-cell">
+                <view class="weui-cell__bd">
+                    <textarea class="weui-textarea" name="area" placeholder="请输入文本" style="height: 3.3em" value='{{area}}' bindinput='onChange'/>
+                    <view class="weui-textarea-counter">{{count}}/200</view>
+                </view>
+            </view>
+        </view>
+
+        <view class="weui-btn-area">
+            <button class="weui-btn" type="primary" form-type='submit'>确定</button>
+        </view>
+      </form>
+    </view>
+</view>
diff --git a/1514080901211/pages/form/form.wxss b/1514080901211/pages/form/form.wxss
@@ -0,0 +1 @@
+/* pages/form/form.wxss */