uniapp 按钮组件button

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

代码示例:

<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>

你可能感兴趣的:(uniapp,uniapp)