uniapp 按钮组件button

明日之后

[JavaScript] 纯文本查看 复制代码

属性
type='primary/default/warn'   颜色分别为蓝色/灰白色/红色
size='mini/default'  按钮大小
plain  是否背景为空,只有边框,默认为否
loading 文本前是否有加载动画,默认为否
disable 是否禁用,默认为否
hover-class="类名"   按下的样式
hover-stop-propagation          是否阻止冒泡,默认不阻止
hover-start-time=毫秒    按下的时间显示样式
hover-stay-time=毫秒         松开后样式的保留时间

[JavaScript] 纯文本查看 复制代码

<template>
        <view>
                <button type="warn" plain>按钮</button>
                <button loading disabled>嗷嗷</button>
        </view>
</template>

<script>
</script>

<style scoped>
        .box{
                height: 100px;
                width: 100px;
                background-color: #4CD964;
        }
        .box1{
                background-color: #007AFF;
        }
</style>

9898989

buttonbuttonbuttonbutton