Rising UIButton 按钮 #
类型 #
使用 type 来定义按钮的类型
<template>
<div class="example">
<r-button>defaul</r-button>
<r-button type="primary">primary</r-button>
<r-button type="success">success</r-button>
<r-button type="warning">warning</r-button>
<r-button type="error">error</r-button>
<r-button type="info">info</r-button>
</div>
</template>
<script setup lang="ts"></script>
<style lang="less">
.example {
button {
margin-right: 10px;
}
}
</style>
大小 #
使用 size 来定义按钮的大小
<template>
<div class="example">
<r-button>defaul</r-button>
<r-button type="primary">primary</r-button>
<r-button type="success">success</r-button>
<r-button type="warning">warning</r-button>
<r-button type="error">error</r-button>
<r-button type="info">info</r-button>
</div>
</template>
<script setup lang="ts"></script>
<style lang="less">
.example {
button {
margin-right: 10px;
}
}
</style>
禁用状态 #
待开发
链接按钮 #
待开发
加载中 loading #
待开发
按钮组 #
待开发