Browse Source

docs: taro 环境组件引入 icon 修改

richard1015 3 years ago
parent
commit
af2d60c996

+ 1 - 1
src/packages/__VUE/address/doc.taro.md

@@ -335,7 +335,7 @@ app.use(Address);
 </template>
 <script>
   import { ref,reactive,toRefs } from 'vue';
-  import { HeartFill, Heart1} from '@nutui/icons-vue';
+  import { HeartFill, Heart1} from '@nutui/icons-vue-taro';
   export default {
     components:{HeartFill, Heart1 },
     setup() {

+ 7 - 7
src/packages/__VUE/badge/doc.taro.md

@@ -37,7 +37,7 @@ app.use(Badge);
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .demo{
   padding: 30px 17px 0 17px;
 }
@@ -67,7 +67,7 @@ app.use(Badge);
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .demo{
   padding: 30px 17px 0 17px;
 }
@@ -100,7 +100,7 @@ app.use(Badge);
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .demo{
   padding: 30px 17px 0 17px;
 }
@@ -140,10 +140,10 @@ app.use(Badge);
 </template>
 
 <script setup>
-import { Check, Link, Download } from '@nutui/icons-vue';
+import { Check, Link, Download } from '@nutui/icons-vue-taro';
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .demo{
   padding: 30px 17px 0 17px;
 }
@@ -173,7 +173,7 @@ import { Check, Link, Download } from '@nutui/icons-vue';
    </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .demo{
   padding: 30px 17px 0 17px;
 }
@@ -197,7 +197,7 @@ import { Check, Link, Download } from '@nutui/icons-vue';
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .demo{
   padding: 30px 17px 0 17px;
 }

+ 1 - 1
src/packages/__VUE/collapse/doc.taro.md

@@ -124,7 +124,7 @@ export default {
 </template>
 <script>
 import { reactive, ref, toRefs } from 'vue';
-import { Notice, Follow } from '@nutui/icons-vue';
+import { Notice, Follow } from '@nutui/icons-vue-taro';
 export default {
   setup() {
     const activeName = ref(1);

+ 1 - 1
src/packages/__VUE/comment/doc.taro.md

@@ -41,7 +41,7 @@ app.use(Comment);
 </template>
 <script>
 import { reactive, ref,onMounted } from 'vue';
-import { Dongdong } from '@nutui/icons-vue';
+import { Dongdong } from '@nutui/icons-vue-taro';
 export default {
   setup() {
     let cmt = ref({});

+ 0 - 1
src/packages/__VUE/countdown/doc.taro.md

@@ -290,7 +290,6 @@ app.use(Countdown);
         Countdown.value.reset();
       };
       return {
-          toggle,
           onpaused,
           onrestart,
         ...toRefs(state)

+ 1 - 1
src/packages/__VUE/elevator/doc.taro.md

@@ -385,7 +385,7 @@ app.use(Elevator);
 </template>
 <script lang="ts">
   import { reactive, toRefs } from 'vue';
-  import { Jd } from '@nutui/icons-vue'
+  import { Jd } from '@nutui/icons-vue-taro'
   export default {
     components: {
       Jd,

+ 1 - 1
src/packages/__VUE/menu/doc.taro.md

@@ -230,7 +230,7 @@ export default {
 
 <script>
 import { reactive, ref } from 'vue';
-import { TriangleDown, Checked } from '@nutui/icons-vue';
+import { TriangleDown, Checked } from '@nutui/icons-vue-taro';
 
 export default {
   setup() {

+ 3 - 3
src/packages/__VUE/navbar/doc.taro.md

@@ -60,7 +60,7 @@ app.use(TabPane);
 
 <script lang="ts">
   import { ref } from 'vue';
-  import { ShareN, Cart2, MoreX } from '@nutui/icons-vue';
+  import { ShareN, Cart2, MoreX } from '@nutui/icons-vue-taro';
   export default {
   components: { ShareN, Cart2, MoreX },
   setup() {
@@ -112,7 +112,7 @@ app.use(TabPane);
 
 <script lang="ts">
 import { ref } from 'vue';
-import { MoreX } from '@nutui/icons-vue';
+import { MoreX } from '@nutui/icons-vue-taro';
 export default {
   components: { MoreX },
   setup() {
@@ -164,7 +164,7 @@ export default {
 
 <script lang="ts">
   import { ref } from 'vue';
-  import { HorizontalN } from '@nutui/icons-vue';
+  import { HorizontalN } from '@nutui/icons-vue-taro';
   export default {
     components: { HorizontalN },
     setup() {

+ 5 - 5
src/packages/__VUE/popover/doc.taro.md

@@ -79,8 +79,8 @@ export default {
 </template>
 
 <script>
-import { reactive, ref } from 'vue';
-import { Location,Cart2, My2 } from '@nutui/icons-vue';
+import { reactive, ref, h } from 'vue';
+import { Location,Cart2, My2 } from '@nutui/icons-vue-taro';
 export default {
   setup() {
     const visible = ref({
@@ -156,8 +156,8 @@ export default {
 </template>
 
 <script>
-import { reactive, ref } from 'vue';
-import { Service,Notice,Location,Category,Scan2,Message,Cart2, My2 } from '@nutui/icons-vue';
+import { reactive, ref, h } from 'vue';
+import { Service,Notice,Location,Category,Scan2,Message,Cart2, My2 } from '@nutui/icons-vue-taro';
 export default {
   setup() {
     const visible = ref({
@@ -389,7 +389,7 @@ List 属性是一个由对象构成的数组,数组中的每个对象配置一
 | 键名            | 说明                 | 类型      | 默认值  |
 |----------------|----------------------|----------|--------|
 | name           | 选项文字               | string   | `-`      |
-| icon           | @nutui/icons-vue 图标       | string   | `-`      |
+| icon           | `@nutui/icons-vue-taro` 图标       | string   | `-`      |
 | disabled       | 是否为禁用状态          | boolean  | `false`  | 
 | className       | 为对应选项添加额外的类名          | string \| Array \| object  | `-`  | 
 

+ 1 - 1
src/packages/__VUE/swiper/doc.taro.md

@@ -364,7 +364,7 @@ app.use(SwiperItem);
 </template>
 <script lang="ts">
   import { reactive, toRefs, ref, Ref } from 'vue';
-  import { Left, Right } from '@nutui/icons-vue';
+  import { Left, Right } from '@nutui/icons-vue-taro';
   export default {
     components: { 
       Left, 

+ 1 - 1
src/packages/__VUE/switch/doc.taro.md

@@ -165,7 +165,7 @@ app.use(Switch);
 </template>
 <script lang="ts">
   import { ref } from 'vue';
-  import { Loading } from '@nutui/icons-vue';
+  import { Loading } from '@nutui/icons-vue-taro';
   export default {
     setup() {
       const checked = ref(true);

+ 1 - 1
src/packages/__VUE/table/doc.taro.md

@@ -374,7 +374,7 @@ app.use(Table);
 <script lang="ts">
   import { reactive, toRefs, h } from 'vue';
   import { Button } from '@nutui/nutui';
-   import { Dongdong } from '@nutui/icons-vue';
+   import { Dongdong } from '@nutui/icons-vue-taro';
   export default {
     setup() {
       const state = reactive({