小程序 picker-view 自定义

最新推荐文章于 2024-08-01 09:43:57 发布

原创

最新推荐文章于 2024-08-01 09:43:57 发布 · 643 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #javascript #前端

序：接到一个控制选择器30分钟到120分钟的，使用系统自带的picker 的有点不符合，颜色不能自定义，这就很烦，需要亲自动手，也不见丰衣足食呀，没办法只能软饭硬吃啦！

效果图：

组件：

countdown.js

const hours = ['00','01','02'];
var minutes = []
for (let i = 30; i <= 59; i++) {
  minutes.push(i)
}
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    cancelText: {
      type: String,
      value: "取消"
    },
    confirmText: {
      type: String,
      value: "确定"
    },
    hour:{
      type: Number,
      value: 0
    },
    minute:{
      type: Number,
      value: 0
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    hours,
    hour: 0,
    minutes,
    minute: 30,
    value: [0, 0],
    isDialog: false,