更新记录

1.0.4(2024-12-12) 下载此版本

  1. 修改默认插槽内容垂直居中布局。

1.0.3(2024-12-11) 下载此版本

  1. 在App下的bug修复。

1.0.2(2024-12-11) 下载此版本

  1. 在App下的bug修复。
查看更多

平台兼容性

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

cook-slider-verify 是从 cook-uni 组件库抽离出来的一个组件,区别于市场上同类型组件,本组件不采用内置movable-area(nvue下存在屏幕断触的问题),在App端采用bindingx,全端动画性能丝滑流畅,没有屏幕断触的问题。

本组件支持高度定制样式,且全端兼容(nvue,小程序,H5)。

使用方法

<template>
  <cook-slider-verify @change="onSliderChange">
    <template #handle="{active}">
      <text v-if="!active" style="font-size: 16px">右滑</text>
      <icon v-else type="success" color="#67c23a" />
    </template>
  </cook-slider-verify>
</template>
<script setup>
function onSliderChange({state,count}){
    if(state === 'success'){
        console.log('验证成功')
    }
}
</script>

属性

属性名 类型 默认值 说明 平台
height Number,String 100rpx 组件高度,单位rpx All
text String 拖动滑块验证 未激活文字提示 All
textStyle Object {} 未激活文字样式 All
activeText String 验证成功 激活文字提示 All
activeTextStyle Object {} 激活文字样式 All
textOffset Number,String 0 文本位置的偏移量,单位px All
bgStyle Object {} 未激活背景框样式 All
activeBgStyle Object {} 激活背景框样式 All
handleStyle Object {} 未激活手柄的样式 All
activeHandleStyle Object {} 未激活手柄的样式 All
disabled Boolean false 是否禁用 All
cClass String,Array,Object null 组件类 All
cStyle String,Array,Object null 组件样式 All

事件

事件名 说明 平台
change {state,count}
state 状态:start,cancel,success
count 重试次数
All

插槽

插槽名 说明
default 背景插槽,参数active:是否激活
text 文本插槽,参数active:是否激活
handle 手柄插槽,参数active:是否激活

方法

方法名 说明
reset 重置

Cook-uni

Cook uni是基于uni-app的多平台快速开发UI框架,历经多个大小型的项目实践,已形成一套更适合uni-app多平台开发的UI框架。

查看cook-uniUi组件库。

这些项目都使用了cook-uni:项目案例

功能预览:查看示例

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT License

Copyright (c) 2024 www.zhuyanjun.cn

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

暂无用户评论。

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