yyr-93 v0.0.3

ui-93

下载

npm i yyr-93

使用

import UI from 'yyr-93'
import 'ui-93/lib/demo_vue_ui.css'
Vue.use(UI)

组件

MyButton

<template>
  <div class="about">
    <h1>This is an about page</h1>
    <br>
    <my-button animated="vertical" >
      <div slot="hidden">$10000</div>
      <div slot="visible"><i class="shop icon"></i>不要错过哈</div>
      </my-button>
      <my-button animated="fade" >
      <div slot="hidden">￥20000</div>
      <div slot="visible">不要!!!!</div>
    </my-button>
    <br>
    <br>
    <my-button disabled>点赞再走</my-button>
    <br>
    <br>
    <my-button icon="user">带图标的按钮</my-button>
    <br>
    <br>
    <my-button icon="bug">带图标的按钮</my-button>
    <br>
    <br>
    <my-button icon="user">带图标的按钮</my-button>
    <br>
    <br>
    <my-button icon="bug" size="mini">mini小按钮</my-button>
    <br>
    <br>
    <my-button loading size="huge">loading大按钮</my-button>
    <br>
    <br>
    <my-button disabled size="massive" icon="warning circle">warning circle</my-button>
    <br>
    <br>
    <!-- 对于原生的dom可以直接加@click
         对于组件是不能直接加@click, 可以使用@click.native
     -->
    <button @click="hClick">button</button>
    <my-button @click="hClick" disabled size="massive" icon="wifi">带点击事件</my-button>
  </div>
</template>