uiccc v0.1.2

基本介绍

• 初始化vue项目

  vue create demo

• 全局导入

  import jeejioUI from 'v-jeejio' import 'jeejioUI/lib/v-jeejio.css' Vue.use(jeejioUI)

• 使用组件

button组件

前置知识

组件通讯
组件插槽
props校验

参数支持

参数名 参数描述 参数类型 默认值
type 按钮类型(primary / success / warning / danger / info) string default plain 是否是朴素按钮 boolean false
round 是否是圆角按钮 boolean false
circle 是否是圆形按钮 boolean false
disabled 是否禁用按钮 boolean false
icon 图标类名 string 无

事件支持

事件名 事件描述 click 点击事件

基本结构

<template>
  <button class="jee-button">
    <span><slot></slot></span>
  </button>
</template>

type属性

禁用按钮

• props

  disabled: Boolean

• 结构

  <button class="hm-button" :class="[`hm-button--${type}`, {
    'is-plain': plain,
    'is-round': round,
    'is-circle': circle,
    'is-disabled': disabled
    }]"
    :disabled="disabled"
    @click="handleClick"
  >