cui-com v0.0.2

cui-com

这是一个基于semantic.css的vue公共组件库 , 崔的第一个npm包

安装

npm install cui-com

导入组件库

//导入组件库
import UI from 'cui-com'
//注册组件
Vue.use(UI)

组件列表

1.MyButton

 <div class="home">
    按钮大小
    <my-button size="large" @click="hClick">买买买large</my-button>
    <my-button size="small">哈哈哈small</my-button>
    <my-button size="mini">按钮mini</my-button>
    <my-button></my-button>
    <hr />
    <hr />动画效果
    <!-- 具名插槽 -->
    <my-button animated>
      <!-- 具名插槽 -->
      <div slot="visible">降价啦!</div>
      <div slot="hidden">$12354元</div>
    </my-button>

    <my-button animated="vertical">
      <!-- 具名插槽 -->
      <div slot="visible">降价啦!</div>
      <div slot="hidden">$12354元</div>
    </my-button>

    <my-button animated="fade">
      <!-- 具名插槽 -->
      <div slot="visible">降价啦!</div>
      <div slot="hidden">$12354元</div>
    </my-button>
  </div>
</template>

如果你想在此基础上开发,可以下载依赖

 "dependencies": {
    "semantic-ui-css": "^2.4.1",
 },

Customize configuration

See Configuration Reference.