diff --git a/README.md b/README.md index e69de29bb..cb6383067 100644 --- a/README.md +++ b/README.md @@ -0,0 +1,35 @@ +## 下载项目 +```bash +git@gitlab.qima-inc.com:fe/oxygen.git +cd oxygen +``` + +## 安装组件依赖库 +```bash +ynpm i +``` + +## 新建组件（以waterfall为例） +新建一个Vue组件，比如 waterfall +```bash +make init waterfall +``` +就可以在 packages目录 里面看到waterfall初始化的组件代码了。记得更新package.json和README.md里的组件描述信息 + +## 示例预览（以waterfall为例） +在 docs/nav.config.json 文件里合适的地方写入组件声明，根据组件类型（JS组件，CSS组件，Form等）进行区分 +在 docs/examples 目录里新建 同名的md文件，如 waterfall.md +在项目的根目录下执行以下命令，启动server +``` +make dev +``` +浏览器访问 http://localhost:8080/#/ 就可以看到所有组件的示例了 + + + + + + + + + diff --git a/docs/examples/button.md b/docs/examples/button.md index e7d0e761c..512e3af6c 100644 --- a/docs/examples/button.md +++ b/docs/examples/button.md @@ -66,7 +66,7 @@ ### 自定义按钮标签 -:::demo 有时按钮需要是一个a标签 +:::demo 按钮默认是button标签，可以使用tag属性修改为一个a标签 ```html
diff --git a/packages/button/src/button.js b/packages/button/src/button.js index b3d912e3c..fa62244c4 100644 --- a/packages/button/src/button.js +++ b/packages/button/src/button.js @@ -42,6 +42,12 @@ export default { } }, + methods: { + handleClick() { + this.$emit('click'); + } + }, + render(h) { let { type, nativeType, size, disabled, loading, block } = this; let Tag = this.tag; @@ -60,6 +66,7 @@ export default { 'is-block': block } ]} + onClick={this.handleClick} > { loading ? : null diff --git a/packages/cell/src/cell.vue b/packages/cell/src/cell.vue index 996bf3a12..8db64129c 100644 --- a/packages/cell/src/cell.vue +++ b/packages/cell/src/cell.vue @@ -1,15 +1,15 @@