更新记录

1.0.0(2023-05-19) 下载此版本

首次发布


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

mos-popup-ruler

属性:

属性 说明 类型 默认值
title 标题 String -
unit 单位 String 厘米
themeColor 主题颜色 String #0CC782
value 绑定数值 Number -
defaultValue 默认数值 Number -
min 最小值 Number 100
max 最大值 Number 230
point 是否小数(该属性为true时保留一位小数) Boolean false

事件:

事件 说明 返回值 示列
@onConfirm 确认按钮返回值 Number 150

方法:

方法 说明 返回值 示列
show 打开 - -
hide 关闭 - -

实例:

<template>
    <view class="content">
        <button @click="openMosPopupRuler(1)">打开整数选择</button>
        <button @click="openMosPopupRuler(2)">打开小数选择</button>
        <mos-popup-ruler title="整数" unit="厘米" :max='235' @onConfirm="onHeightConfirm" :value="form.height" ref="pickerHeightRef"></mos-popup-ruler>
        <mos-popup-ruler title="小数" unit="厘米" :min="0" :max="10" point @onConfirm="onWeightConfirm" :value="form.weight" ref="pickerWeightRef"></mos-popup-ruler>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                form:{
                    height:'',
                    weight:''
                }
            }
        },
        onLoad() {

        },
        methods: {
            openMosPopupRuler(n){
                let ref = this.$refs[n==1?'pickerHeightRef':'pickerWeightRef']
                if(ref){
                    ref.show()
                }
            },
            onHeightConfirm(h){
                console.log(h)
            },
            onWeightConfirm(w){
                console.log(w)
            }
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问