浏览代码

fix(fixed-nav): use demo edit

richard1015 3 年之前
父节点
当前提交
0b10264ae0
共有 2 个文件被更改,包括 13 次插入7 次删除
  1. 5 1
      src/packages/__VUE/fixednav/demo.vue
  2. 8 6
      src/sites/mobile-taro/vue/src/nav/pages/fixednav/index.vue

+ 5 - 1
src/packages/__VUE/fixednav/demo.vue

@@ -34,7 +34,7 @@
         </ul>
       </template>
       <template v-slot:btn>
-        <nut-icon name="retweet" color="#fff"> </nut-icon>
+        <Retweet color="#fff" />
         <span class="text">{{ myActive ? translate('cus1') : translate('cus2') }}</span>
       </template>
     </nut-fixed-nav>
@@ -56,6 +56,7 @@ import { computed, onMounted, reactive, ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { createDemo, translate } = createComponent('fixednav');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
+import { Retweet } from '@nutui/icons-vue';
 const initTranslate = () =>
   useTranslate({
     'zh-CN': {
@@ -85,6 +86,9 @@ const initTranslate = () =>
   });
 export default createDemo({
   props: {},
+  components: {
+    Retweet
+  },
   setup() {
     initTranslate();
     const visible = ref(false);

+ 8 - 6
src/sites/mobile-taro/vue/src/nav/pages/fixednav/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="demo">
-    <nut-fixednav
+    <nut-fixed-nav
       active-text="基础用法"
       :position="{ top: '70px' }"
       v-model:visible="visible"
       :nav-list="navList"
       @selected="selected"
     />
-    <nut-fixednav
+    <nut-fixed-nav
       type="left"
       :position="{ top: '140px' }"
       v-model:visible="visible1"
@@ -16,7 +16,7 @@
       :nav-list="navList"
       @selected="selected"
     />
-    <nut-fixednav
+    <nut-fixed-nav
       :position="{ top: '210px' }"
       :overlay="false"
       v-model:visible="visible2"
@@ -24,7 +24,7 @@
       @selected="selected"
     />
 
-    <nut-fixednav :position="{ top: '280px' }" type="left" v-model:visible="myActive" @selected="selected">
+    <nut-fixed-nav :position="{ top: '280px' }" type="left" v-model:visible="myActive" @selected="selected">
       <template v-slot:list>
         <ul class="nut-fixednav__list">
           <li class="nut-fixednav__list-item">1</li>
@@ -35,17 +35,19 @@
         </ul>
       </template>
       <template v-slot:btn>
-        <nut-icon name="retweet" color="#fff"> </nut-icon>
+        <Retweet color="#fff" />
         <span class="text">{{ myActive ? '自定义开' : '自定义关' }}</span>
       </template>
-    </nut-fixednav>
+    </nut-fixed-nav>
   </div>
 </template>
 
 <script lang="ts">
 import { onMounted, reactive, ref } from 'vue';
+import { Retweet } from '@nutui/icons-vue';
 export default {
   props: {},
+  components: { Retweet },
   setup() {
     const visible = ref(false);
     const visible1 = ref(false);