【小程序】小程序组件-2

一. 滚轮选框

说真的，感谢微信开发者工具，让我这种笨比能够轻松学会这种看起来相当复杂的组件

picker组件的mode有几种模式，region啦，date啦，time啦，可以自行尝试

针对想要自己定义滚轮内容的人来说，可以使用range提交滚轮内容的数组。

和上回说到的checkbox，radio一样，触发函数都可以用bindchange，至于究竟想实现什么功能就十分自由了。

这次为了和手上的项目相配合，修改了box的样式，添加了box-shadow，看起来还不错。

 

  
    姓名
    
  
  
    
      性别
    
    
    
      {{sex}}
    
    
  


  
    
      籍贯
    
    
      {{regions}}
    
  
  
    
      生日
    
    
      {{dates}}
    
  

提交

const app=getApp()
var C;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    gender:['男','女'],
    sex:'男',
    my_name:'',
    flag:true,
    regions:'北京市，北京市，东城区',
    dates:'2021-01-01'
  },
  setName:function(e){
    this.setData({
      my_name:e.detail.value
    })
  },
  setSex:function(e){
    this.setData({
      sex:this.data.gender[e.detail.value]
    })
  },
  setPlace:function(e){
    this.setData({
      regions:e.detail.value
    })
  },
  setDate:function(e){
    this.setData({
      dates:e.detail.value
    })
  },
  touchOut:function(e){
    this.setData({
      flag:false
    })
  }
})

剩下的明后天有空再更～