ayuLiao：做一个比较完整的微信小程序(一)

1
2

picker
从底部弹起的滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通选择器。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

save_btn(e) {
    const date = e.currentTarget.dataset.date
    const a = e.currentTarget.dataset.array
    const a2 = e.currentTarget.dataset.arrayb
    console.log(date, a, a2)
    try {
      //经期长度
      wx.setStorageSync('jinqi', a)
      //周期长度
      wx.setStorageSync('zhouqi', a2)
      //最近一次月经
      wx.setStorageSync('zuijinriqi', date)
    } catch (e) {
    }

    wx.switchTab({
      url: '../calendar/calendar'
    })
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

"tabBar": {
    "backgroundColor": "#343",
    "color": "#fff",
    "list": [
      {
        "pagePath": "pages/calendar/calendar",
        "text": "月经记录",
        "iconPath": "image/1.png",
        "selectedIconPath": "image/2.png"
      },
      {
        "pagePath": "pages/lists/lists",
        "text": "月经知识",
        "iconPath": "image/3.png",
        "selectedIconPath": "image/4.png"
      },
      {
        "pagePath": "pages/picker/picker",
        "text": "月经设置",
        "iconPath": "image/2.png",
        "selectedIconPath": "image/4.png"
      }
    ]
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<view class="days box box-lr box-wrap">
     <!--当月空出的位置-->
     <view wx:if="{{hasEmptyGrid}}" class="grid white-color box box-align-center box-pack-center" wx:for="{{empytGrids}}" wx:key="{{index}}" data-idx="{{index}}">
     </view>
     <!--当月空出的位置-->
     <!--月数-->
     <view class="grid white-color box box-align-center box-pack-center" wx:for="{{days}}" wx:key="{{index}}" data-idx="{{index}}">
       <view wx:for="{{yue}}" wx:for-item="y">
         <view wx:if="{{item == y}}">
           <view class="day box box-align-center box-pack-center border-radius pink-bg">{{item}}</view>
         </view>
       </view>
       <view wx:for="{{weixian}}" wx:for-item="w">
         <view wx:if="{{item == w}}">
           <view class="day box box-align-center box-pack-center border-radius purple-bg">{{item}}</view>
         </view>
       </view>
       <view wx:for="{{anquan}}" wx:for-item="a">
         <view wx:if="{{item == a}}">
           <view class="day box box-align-center box-pack-center border-radius green-bg">{{item}}</view>
<