更新记录

1.0.0(2022-03-03) 下载此版本

button组件


平台兼容性

HbuilderX/cli最低兼容版本
3.1.2

uni-app

Vue2 Vue3
?
app-vue app-nvue app-android app-ios
? ? ? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?
微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 钉钉小程序 快手小程序 飞书小程序 京东小程序
? ? ? ? ? ? ? ? ?
快应用-华为 快应用-联盟
? ?

uni-app x

app-android app-ios
? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?

本组件是按钮组件

或者在页面script中引入组件,并注册组件

import numberKeyboard from '@/components/number-keyboard/number-keyboard.vue'
import passwordInput from '@/components/password-input/password-input.vue'
export default {
   numberKeyboard,
   passwordInput
}

下面是一个页面只使用一个密码框的完整示例

<template>
  <view>
  <zkml-button bgColor="#5866fa" title="按钮组件" titleColor='#ffffff' @btnClick="click"></zkml-button>
  </view>
</template>
<script>
import zkmlButton from '../../components/zkml-Button/zkml-Button.vue'
  export default {
    components: {
    zkmlButton
    },
    data() {
      return {

      }
    },
    onLoad() {

    },
    methods: {
    click(){
         console.log('按钮组件')
       }
    }
  }
</script>
<style >

</style>

属性

名称 类型 默认值 描述
bgColor String '' 背景颜色

事件 -----暂无

名称 参数 描述
btnClick

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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