score
小程序自定义组件
使用此组件需要依赖小程序基础库 2.2.1 以上版本,同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。
1. 使用示例
2. 使用方法
-
安装 小程序控件widgets-wxapp
npm install @feidao-factory/widgets-wxapp
-
在需要使用 score 的页面 page.json 中添加 score 自定义组件配置
{ "usingComponents": { "score": "@feidao-factory/widgets-wxapp/fd-wx000004/index" } }
-
WXML 文件中引用 score
<score id='w0001' wid='w0001' min='1' max='5' score='2' bind:fdwe-choose='choose'></score>
<view></view>
<score id='w0002' wid='w0001' min='2' max='8' score='2' color='red' spacing='40' fontsize='50'></score>
3. 属性
属性名 | 类型 | 默认值 | 是否必须 | 说明 | |
---|---|---|---|---|---|
wid | String | 无 | 是 | 控件的标示 | |
max | Number | 是 | 最多评分 | ||
min | Number | 最小为0 | 否 | 最少评分 | |
score | Number | 无 | 否 | 评分 | 默认 |
height | Numebr | 单位rpx | 否 | 控件高度 | |
spacing | Numebr | 单位rpx | 否 | 星间距 | |
fontsize | Numebr | 单位rpx | 否 | 星大小 | |
color | String | 否 | 星颜色 | ||
disable | Boolean | false | 否 | 默认隐藏 |
4.方法
get_score()
获取分数
5.事件
fdwe-choose
监听选择的评分的变化
返回值类型
{max: 5, min: 1, score: 5, wid: "w0001"}