简要记录一下,这一个月来一边学一遍做的只是收获。
- Page({ })内,
onShareAppMessage() {
return {
title: '当前借阅',
path: '/pages/borrow/borrow'
}
},
表示在小程序界面右上角三个点处,加入转发功能,title是当前页面的标题,desc当前小程序名称,path当前页面的路径,官方文档里要求必须以/开头的完整路径(我没加/试了一下,也没问题)。
- data:{}存放数据,例如时间,数组。
data:{
time:'',
item:[]
}
定义time存放变量,item数组。
- 按钮点击跳转函数
modalTap() {
wx.navigateTo({
url: '../borrow_history/borrow_history'
})
}
wx.navigateTo表示跳转到下一页且不关闭当前页面,简单来说,就是进入下一页面之后,左上角有返回按钮,可以返回上一界面(wx.redirectTo表示关闭当前页面跳转到指定页面,没有返回按钮)。跳转的目的界面是url指定的地址。
注意这里是我主页的设置
关键字bindtap表示点击时调用函数modalTap,也就是上述代码框里的函数。
- 在pages内,子界面文件*.json文件中,
"navigationBarTitleText": "当前借阅",
定义单前页面的标题,否则显示app.json中标题。
- 输出一条分割线
<view style="position:fixed;bottom:0;right:0"></view>
position:fixed表示线的位置相对页面的位置固定,如果页面很长它会被翻上去(不知道这里我讲明白了没有)。
<view class='line-first'></view>
wxss内定义
.line-first{
height: 1px;
background:greenyellow;
margin:0 10px
}
分别是设置线的高度,线的颜色,线距两端的距离。
-页面中的判断
<view wx:if="{{item_now.length==0}}" class='title'>暂无信息</view>
判断数组长度为零,输出暂无信息,否则执行下一句代码。
- 循环输出一个数组
循环数组intem_now,每个数组元素可用itme表示输出。
图中标签中多行是因为我已以字典的形式存多组数据在数组中。 - 程序点击出现提示框
重点在wx.modalTap({})内。 - 接收从另一界面传来的query参数。参数在加在跳转页面地址的后面。
例如
地址后面加 ? ,多个参数传递用 & 连接 。
另一个页面接收函数
注意函数中参数option必不可少。 - 比较日期
start.replace(/-/g,"/")改变时间的格式,把时间格式化。
后续使用
if (end.getTime() - start.getTime() < 0)
等,根据需要判断时间。
- 日期选择。
普通选择
多列选择器
时间选择器
日期选择器
省区选择器
在picker内,mode="date"定义一个日期选择器。value表示选定日期,start有效期的开始时间,end有效期的结束时间,bindchange点击时触发事件。
将选择的时间在js文件中赋值。