@@ -2,16 +2,16 @@
<div class="demo">
<h2>{{ translate('title1') }}</h2>
<nut-category :category="category" @change="change">
- <nut-categorypane :categoryChild="categoryChild" @onChange="onChange"> </nut-categorypane>
+ <nut-category-pane :categoryChild="categoryChild" @onChange="onChange"> </nut-category-pane>
</nut-category>
<h2>{{ translate('title2') }}</h2>
<nut-category :category="category" @change="changeText">
- <nut-categorypane type="text" :categoryChild="categoryChild" @onChange="onChange"> </nut-categorypane
+ <nut-category-pane type="text" :categoryChild="categoryChild" @onChange="onChange"> </nut-category-pane
></nut-category>
<h2>{{ translate('title3') }}</h2>
<nut-category
- ><nut-categorypane type="custom" :customCategory="customCategory" @onChange="changeCustom"> </nut-categorypane
+ ><nut-category-pane type="custom" :customCategory="customCategory" @onChange="changeCustom"> </nut-category-pane
</div>
</template>
@@ -22,8 +22,8 @@ app.use(CategoryPane);
```html
<template>
- <nut-categorypane :categoryChild="categoryChild" @onChange="onChange">
- </nut-categorypane>
+ <nut-category-pane :categoryChild="categoryChild" @onChange="onChange">
+ </nut-category-pane>
<script lang="ts">
@@ -78,12 +78,12 @@ export default {
- <nut-categorypane
+ <nut-category-pane
type="text"
:categoryChild="categoryChild"
@onChange="onChange"
>
- </nut-categorypane
+ </nut-category-pane
@@ -140,12 +140,12 @@ export default {
<nut-category @change="changeCustom"
- ><nut-categorypane
+ ><nut-category-pane
type="custom"
:customCategory="customCategory"
@onChange="changeCustom"
@@ -48,7 +48,7 @@
import { Ref, ref, toRefs, warn, watch, onMounted } from 'vue';
import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('categorypane');
+const { componentName, create } = createComponent('category-pane');
//经典分类
//商品池
@@ -2,17 +2,17 @@
<div class="demo full">
<h2>经典分类模式</h2>
<h2>只显示文字</h2>
<h2>自定义</h2>