ui-learn v0.0.4

ui-learn

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

<!-- 使用模板 -->
<my-button>标准按钮</my-button>
    <br>
    <my-button :size="size">mini大小的按钮</my-button>
    <br>
    <my-button size="huge">huge大小的按钮</my-button>
    <br>
    <my-button icon="user">icon为user的按钮</my-button>
    <br>
    <my-button icon="history">icon为history的按钮</my-button>
    <br>
    <my-button size="massive" icon="warning circle">warning circle</my-button>
    <br>
    <my-button disabled size="massive" icon="warning circle">禁用状态</my-button>
    <br>
    <my-button  icon="history" loading>icon为history的loading按钮</my-button>
    <br>
    <my-button animated="vertical">
    <div slot="hidden">$10000</div>
    <div slot="visible"><i class="shop icon"></i>不要错过哈123</div>
    </my-button>
    <br>
    <my-button animated="fade">
    <div slot="hidden">$10000</div>
    <div slot="visible"><i class="shop icon"></i>不要错过哈</div>
    </my-button>
    <br>
     <my-button @click="hClick">点击事件</my-button>


    <h1>测试MyDivider-（一条线包住内容）</h1>
    <my-divider>夹杂一些内容</my-divider>
    <br>
    <br>
    <my-divider icon="user">标题说明1</my-divider>
    <br>
    <br>
    <my-divider icon="setting">标题说明2</my-divider>


    <h1>标题</h1>
    <my-headline :level="1" icon="user" size="tiny">
      tiny
      <div slot="sub">tiny子标题</div>
    </my-headline>


    <h1>轮播图</h1>
    <my-slider
      style="width:500px;height:700px;"
      :auto="2000"
      :curIdx="curIdx"
      :list="list"
      @click="hClick"
    ></my-slider>

    <h1>弹出框</h1>
    <button @click="isShow=!isShow">点击打开</button>
    <my-dialog v-model="isShow"></my-dialog>