小程序笔记

简要记录一下，这一个月来一边学一遍做的只是收获。

• 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文件中赋值。