ui-demo-zyr v0.0.2

ui-demo

下载

npm i ui-demo-zyr

使用

import UI from 'ui-demo-zyr'
import 'ui-demo-zyr/lib/ui-demo-zyr.css'
Vue.use(UI)

组件

MyButton

    <my-button animated="vertical">
      <div slot="hidden">$10000</div>
      <div slot="visible">
       <i class="shop icon"></i> 不要错过哦...
      </div>
    </my-button>
    <br>
    <my-button animated="fade">
      <div slot="hidden">$10000</div>
      <div slot="visible">不要错过哈
      </div>
    </my-button>
    <br>
    <!-- 设置按钮大小和自定义内容测试用例 -->
    <my-button size="mini">点个赞再走</my-button>
    <br>
    <my-button></my-button>
    <br>
    <my-button size="huge">hehehehe</my-button>
    <br>
    <!-- 设置图标测试用例 -->
    <my-button icon="wifi icon">带图标的按钮</my-button>
    <br>
    <my-button icon="user icon" size="big">带图标的按钮</my-button>
    <!-- 设置按钮禁用测试用例 -->
    <br>
    <my-button>没有设置禁用的按钮</my-button>
    <br>
    <my-button disabled icon="users icon">被禁用的按钮</my-button>
    <!-- 设置按钮加载效果测试用例 -->
    <br>
    <my-button loading>设置loading的按钮</my-button>
    <!-- 设置按钮的点击事件 -->
    <br>
    <my-button @click="hclick" size="mini">点个赞再走</my-button>

Customize configuration

See Configuration Reference.