更新记录

1.0.0(2019-08-17) 下载此版本

暂无


平台兼容性

此插件为小型迷你按钮!

目录结构为:

components/mini-button/mini-button //迷你按钮组件文件

使用说明:

<template>
<view>
    <mini-button :size="size" :type="color" :hover="hover">{{title}}</mini-button>
</view>
</template>

参数说明:

type-颜色类型['f90'-橙色|'ff0'-亮黄色|'6cf'-蓝绿色|'0daefe'-浅蓝色|'2fc25b'-浅绿色|'facc14'-黄色|'1890ff'-蓝色]

更多颜色请自行扩充定义,主要复制修改下列css定义

.tui-f90 {/*橙色*/
  background: #f90 !important;
  color: #fff;
}
.fc-f90 {/*橙色*/
  color: #f90 !important;
}

size-按钮大小,可选值[''-28upx|'small'-24upx|'big'-32upx]

hover-控制点击状态,可选值[true|false],可设置不同状态样式不一样,如果不改变其值为true,则点击后按钮样式不变

<script>
    import miniButton from '@/components/mini-button/mini-button'
    export default {
        components: { uCharts },
        data() {
            return {
                hover: true,//false,
                size: '',//'small',//'big',
                color: 'f90',/*橙色*/
                //'ff0',/*亮黄色*/
                //'6cf',/*蓝绿色*/
                //'0daefe',/*浅蓝色*/
                //'2fc25b',/*浅绿色*/
                //'facc14',/*黄色*/
                //'1890ff',/*蓝色*/
            }
        },
    }
</script>

隐私、权限声明

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

暂无

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

暂无

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

暂无

许可协议

MIT协议

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