0.0.3 • Published 4 years ago

ui-team808 v0.0.3

Weekly downloads
12
License
-
Repository
-
Last release
4 years ago

ui-93

下载

npm i ui-team808

使用

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

组件

MyButton

<my-button animated="vertical">
      <div slot="visible"><i class="shop icon"></i>不要错过哈</div>
    </my-button>
    <br>
    <my-button animated="vertical">
      <div slot="hidden"> ¥90000</div>
      <div slot="visible"><i class="shop icon"></i>不要错过哈</div>
    </my-button>

    <my-button animated="fade" >
      <div slot="hidden">$10000</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>
    <MyButton icon="bug" size="mini">mini小按钮</MyButton>
    <br>
    <br>
    <my-button loading size="huge">loading大按钮</my-button>
    <br>
    <br>
    <my-button size="massive">哈哈哈大按钮</my-button>
    <br>
    <br>
    <my-button disabled size="massive" icon="warning circle">warning circle</my-button>
    <br>

divider

分隔条组件

<my-divider>内容</my-divider><br><br>
<my-divider></my-divider><br><br>
<my-divider icon="setting">设置</my-divider><br><br>
<my-divider icon="user">用户管理</my-divider>
### slider
轮播图

 <my-slider style="width:250px;height:350px;"
               :auto="2000"
               :curIdx="curIdx"
               :list="list"
               @sliderChange="Hslider"
               @click="hClick">
    </my-slider>
     <my-slider style="width:250px;height:350px;"
               :auto="500"
               :curIdx="curIdx"
               :list="list"
               >
    </my-slider>