wxc-select

select - 小程序组件

Install

$ min install @minui/wxc-select

Demos

自定义

<template>
  <wxc-select items="{{items}}" color="#28a745" checked="1" bind:change="onChange"></wxc-select>
</template>
<script>
export default {
  config: {
    usingComponents: {
      'wxc-select': '@minui/wxc-select'
    }
  },
  data: {
    items: [
      {value: '1', title: '火箭'},
      {value: '2', title: '勇士'},
      {value: '3', title: '开拓者'},
      {value: '4', title: '雷霆'},
      {value: '5', title: '马刺'},
    ]
  },
  /** note: 在 wxp 文件或者页面文件中请去掉 methods 包装 */
  methods: {
    onChange(e) {
      console.log(e.detail.value);
    }
  }
}
</script>
<style>
</style>

基础用法

<template>
  <wxc-select items="{{items}}"></wxc-select>
</template>
<script>
export default {
  config: {
    usingComponents: {
      'wxc-select': '@minui/wxc-select'
    }
  },
  data: {
    items: [
      {value: '1', title: '功能异常', desc: '不能正常使用现有功能'},
      {value: '2', title: '使用建议', desc: '用的不满意的地方都踢过来吧'},
      {value: '3', title: '功能需求', desc: '现有功能不能满足'},
      {value: '4', title: '推送频繁', desc: '推送太频繁要禁止推送'},
    ]
  },
  methods: { }
}
</script>
<style>
</style>

API

Select

items 数据格式

ChangeLog

v1.0.0（2018-4-12）

• 初始版本