kui-vue/components/input/demo/theme.md

A high quality UI Toolkit built on Vue.js 2.0

<cn>
#### 主题
使用 `theme` 设定主题 ,`shape` 呈现圆角 
</cn>

```vue
<template>
  <Space vertical style="width:512px;">
    <Checkbox label="Circle" v-model="isShape"/>
    <Input placeholder="请输入内容..." @blur="blur" @focus="focus" @change="change" theme="light" :shape="shape"/>
    <Input placeholder="disabled..." disabled theme="light" :shape="shape"/>
    <Input placeholder="请输入内容..." theme="light" :icon="Search" :shape="shape"/>
    <Input placeholder="请输入内容..." theme="light" @search="focus" clearable :shape="shape"/>
    <TextArea placeholder="请输入内容..." theme="light" :rows="3"/>
  </Space>
</template>
<script>
import { Search } from "kui-icons";
export default{
  data() {
    return {
      Search,
      isShape :false
    }
  },
  computed:{
    shape() { 
      return this.isShape ? 'circle' : null
    }
  },
  methods:{
    blur(){
      console.log('blur')
    },
    focus(){
      console.log('focus')
    },
    change(e){
      console.log('change')
    },
  }
}
</script>
```