ruoshui-ui

安装

npm install ruoshui-ui

引入JS

import RuoShuiUi from 'ruoshui-ui'

引入CSS

import 'ruoshui-ui/ruoshui-ui.css'

全局注册

Vue.use(RuoShuiUi)

页面使用

switch组件

可将背景颜色传递给rs-switch

<rs-switch
    bgColor="#383838"
    @change="getValue" v-model='isChecked' />

card面板组件

定义actions和actionMethod[方法名暂时无法修改],并将actions传递给rs-card

<rs-card 
    summary='卡片介绍'
    :actions="actions"
>
    <template #header>
        <div>123</div>
    </template>
    <template #footer>
        <div>asdasdasdasdas</div>
    </template>      
</rs-card>

actions: [
    {
        key:'edit',
        name: "编辑",
    },
    {
        key: 'open',
        name: "打开",
    }
]

actionMethod(type){
    console.log(type);
},

简易progress组件

showNumber:是否展示当前进度，showButton:是否可以暂停/开始

<rs-progress :showNumber="true" :showButton="true" />