0.1.0 • Published 5 years ago

testui03 v0.1.0

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

testui

Project setup

npm install

在main.js文件中引入包

import UI from 'testui03'
import 'testui03/dist/mylib.css'
Vue.use(UI)

直接在想要使用组件的页面使用即可

<!-- 按钮 -->
<my-button></my-button>

<!-- 提示框 -->
<my-alert></my-alert>

<!-- dialog框 -->
<my-dialog
    :showClose = 'true'
    :visible.sync = 'isOpen'
    :num.sync='num'
    >
      我是标题
      <div slot="body">
        <p>这是主体部分</p>
        <p>这是主体部分</p>
        <p>这是主体部分</p>
      </div>
      <div slot="footer">
        <my-button>ok</my-button>
      </div>
    </my-dialog>

<!-- 标题标签 -->
<my-headline></my-headline>
    <my-headline :level='1'>1级标题</my-headline>
    <my-headline :level='2'>2级标题<div slot="sub">副标题</div></my-headline>

<!-- 开关 -->
<MySwitch v-model='isOpen' @input='!isOpen'></MySwitch>

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.