diff --git a/1517060324/form/form.js b/1517060324/form/form.js new file mode 100644 index 0000000..c9195dd --- /dev/null +++ b/1517060324/form/form.js @@ -0,0 +1,91 @@ +// pages/form/form.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + text: "Hello" + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + var that = this; + wx.getStorage({ + key: 'formData', + success: function (res) { + console.log(res.data) + that.setData({ + text: res.data.text, + paragh: res.data.paragh + }); + } + }) + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + }, + + doSubmit: function (e) { + console.dir(e) + var that = this; + var text = e.detail.value.text; + var paragh = e.detail.value.paragh; + + wx.setStorage({ + key: "formData", + data: { + text: text, + paragh: paragh + } + }) + } +}) \ No newline at end of file diff --git a/1517060324/form/form.json b/1517060324/form/form.json new file mode 100644 index 0000000..9e26dfe --- /dev/null +++ b/1517060324/form/form.json @@ -0,0 +1 @@ +{} \ No newline at end of file diff --git a/1517060324/form/form.wxml b/1517060324/form/form.wxml new file mode 100644 index 0000000..3736ce7 --- /dev/null +++ b/1517060324/form/form.wxml @@ -0,0 +1,35 @@ +<!--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> + <form bindsubmit="doSubmit"> + <view class="page__bd"> + <view class="weui-toptips weui-toptips_warn" wx:if="{{paragh}}">{{text + ", " + paragh}}</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" placeholder="请输入文本" name="text" value="{{text}}"/> + </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 name="paragh" class="weui-textarea" placeholder="请输入文本" style="height: 3.3em" value="{{paragh}}"/> + <view class="weui-textarea-counter">0/200</view> + </view> + </view> + </view> + + <view class="weui-btn-area"> + <button class="weui-btn" type="primary" formType="submit">确定</button> + </view> + </view> + </form> +</view> \ No newline at end of file diff --git a/1517060324/form/form.wxss b/1517060324/form/form.wxss new file mode 100644 index 0000000..773650c --- /dev/null +++ b/1517060324/form/form.wxss @@ -0,0 +1 @@ +/* pages/form/form.wxss */ \ No newline at end of file