refactor(components): 统一使用自定义 IconFont 组件
将所有页面和组件中的 IconFont 导入统一改为使用自定义组件:
- 修改前:import { IconFont } from '@nutui/icons-vue-taro'
- 修改后:import IconFont from '@/components/IconFont.vue'
优点:
1. 统一组件使用方式
2. 方便后续扩展和自定义
3. 集中管理图标属性
涉及文件:
- 所有页面组件(9个)
- 所有公共组件(6个)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Showing
15 changed files
with
15 additions
and
15 deletions
| ... | @@ -75,7 +75,7 @@ | ... | @@ -75,7 +75,7 @@ |
| 75 | <script setup> | 75 | <script setup> |
| 76 | import { ref, computed, watch } from 'vue' | 76 | import { ref, computed, watch } from 'vue' |
| 77 | import { getFileSize, detectFileType, formatFileSize } from './utils' | 77 | import { getFileSize, detectFileType, formatFileSize } from './utils' |
| 78 | -import { IconFont } from '@nutui/icons-vue-taro' | 78 | +import IconFont from '@/components/IconFont.vue' |
| 79 | 79 | ||
| 80 | // #ifdef H5 | 80 | // #ifdef H5 |
| 81 | import OfficeViewer from '../OfficeViewer.vue' | 81 | import OfficeViewer from '../OfficeViewer.vue' | ... | ... |
| ... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
| 22 | <script setup> | 22 | <script setup> |
| 23 | import { ref, onMounted } from 'vue' | 23 | import { ref, onMounted } from 'vue' |
| 24 | import Taro from '@tarojs/taro' | 24 | import Taro from '@tarojs/taro' |
| 25 | -import { IconFont } from '@nutui/icons-vue-taro' | 25 | +import IconFont from '@/components/IconFont.vue' |
| 26 | 26 | ||
| 27 | defineProps({ | 27 | defineProps({ |
| 28 | title: { | 28 | title: { | ... | ... |
| ... | @@ -39,7 +39,7 @@ | ... | @@ -39,7 +39,7 @@ |
| 39 | 39 | ||
| 40 | <script setup> | 40 | <script setup> |
| 41 | import { ref, computed, watch } from 'vue' | 41 | import { ref, computed, watch } from 'vue' |
| 42 | -import { IconFont } from '@nutui/icons-vue-taro' | 42 | +import IconFont from '@/components/IconFont.vue' |
| 43 | import { getTencentPreviewUrl } from '@/components/DocumentPreview/utils' | 43 | import { getTencentPreviewUrl } from '@/components/DocumentPreview/utils' |
| 44 | 44 | ||
| 45 | const props = defineProps({ | 45 | const props = defineProps({ | ... | ... |
| ... | @@ -44,7 +44,7 @@ | ... | @@ -44,7 +44,7 @@ |
| 44 | 44 | ||
| 45 | <script setup> | 45 | <script setup> |
| 46 | import { ref, watch } from 'vue' | 46 | import { ref, watch } from 'vue' |
| 47 | -import { IconFont } from '@nutui/icons-vue-taro' | 47 | +import IconFont from '@/components/IconFont.vue' |
| 48 | 48 | ||
| 49 | const props = defineProps({ | 49 | const props = defineProps({ |
| 50 | show: { | 50 | show: { | ... | ... |
| ... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
| 14 | </template> | 14 | </template> |
| 15 | 15 | ||
| 16 | <script setup> | 16 | <script setup> |
| 17 | -import { IconFont } from '@nutui/icons-vue-taro' | 17 | +import IconFont from '@/components/IconFont.vue' |
| 18 | 18 | ||
| 19 | /** | 19 | /** |
| 20 | * Section Item Component | 20 | * Section Item Component | ... | ... |
| ... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
| 30 | 30 | ||
| 31 | <script setup> | 31 | <script setup> |
| 32 | import { ref, shallowRef } from 'vue' | 32 | import { ref, shallowRef } from 'vue' |
| 33 | -import { IconFont } from '@nutui/icons-vue-taro' | 33 | +import IconFont from '@/components/IconFont.vue' |
| 34 | import { useGo } from '@/hooks/useGo' | 34 | import { useGo } from '@/hooks/useGo' |
| 35 | import Taro from '@tarojs/taro' | 35 | import Taro from '@tarojs/taro' |
| 36 | 36 | ... | ... |
| ... | @@ -36,7 +36,7 @@ | ... | @@ -36,7 +36,7 @@ |
| 36 | <script setup> | 36 | <script setup> |
| 37 | import { ref } from 'vue' | 37 | import { ref } from 'vue' |
| 38 | import { useGo } from '@/hooks/useGo' | 38 | import { useGo } from '@/hooks/useGo' |
| 39 | -import { IconFont } from '@nutui/icons-vue-taro' | 39 | +import IconFont from '@/components/IconFont.vue' |
| 40 | import NavHeader from '@/components/NavHeader.vue' | 40 | import NavHeader from '@/components/NavHeader.vue' |
| 41 | import Taro from '@tarojs/taro' | 41 | import Taro from '@tarojs/taro' |
| 42 | 42 | ... | ... |
| ... | @@ -64,7 +64,7 @@ | ... | @@ -64,7 +64,7 @@ |
| 64 | <script setup> | 64 | <script setup> |
| 65 | import { ref, computed } from 'vue' | 65 | import { ref, computed } from 'vue' |
| 66 | import { useGo } from '@/hooks/useGo' | 66 | import { useGo } from '@/hooks/useGo' |
| 67 | -import { IconFont } from '@nutui/icons-vue-taro' | 67 | +import IconFont from '@/components/IconFont.vue' |
| 68 | import TabBar from '@/components/TabBar.vue' | 68 | import TabBar from '@/components/TabBar.vue' |
| 69 | import NavHeader from '@/components/NavHeader.vue' | 69 | import NavHeader from '@/components/NavHeader.vue' |
| 70 | import Taro from '@tarojs/taro' | 70 | import Taro from '@tarojs/taro' | ... | ... |
| ... | @@ -120,7 +120,7 @@ | ... | @@ -120,7 +120,7 @@ |
| 120 | import { ref } from 'vue' | 120 | import { ref } from 'vue' |
| 121 | import NavHeader from '@/components/NavHeader.vue' | 121 | import NavHeader from '@/components/NavHeader.vue' |
| 122 | import TabBar from '@/components/TabBar.vue' | 122 | import TabBar from '@/components/TabBar.vue' |
| 123 | -import { IconFont } from '@nutui/icons-vue-taro' | 123 | +import IconFont from '@/components/IconFont.vue' |
| 124 | 124 | ||
| 125 | // Popup 状态 | 125 | // Popup 状态 |
| 126 | const showContactPopup = ref(false) | 126 | const showContactPopup = ref(false) | ... | ... |
| ... | @@ -179,7 +179,7 @@ import { ref, shallowRef } from 'vue'; | ... | @@ -179,7 +179,7 @@ import { ref, shallowRef } from 'vue'; |
| 179 | import Taro, { useShareAppMessage } from '@tarojs/taro'; | 179 | import Taro, { useShareAppMessage } from '@tarojs/taro'; |
| 180 | import { useGo } from '@/hooks/useGo'; | 180 | import { useGo } from '@/hooks/useGo'; |
| 181 | import TabBar from '@/components/TabBar.vue'; | 181 | import TabBar from '@/components/TabBar.vue'; |
| 182 | -import { IconFont } from '@nutui/icons-vue-taro'; | 182 | +import IconFont from '@/components/IconFont.vue'; |
| 183 | 183 | ||
| 184 | // Grid navigation data with routes | 184 | // Grid navigation data with routes |
| 185 | const loopData0 = shallowRef([ | 185 | const loopData0 = shallowRef([ | ... | ... |
| ... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
| 71 | import { ref } from 'vue' | 71 | import { ref } from 'vue' |
| 72 | import NavHeader from '@/components/NavHeader.vue' | 72 | import NavHeader from '@/components/NavHeader.vue' |
| 73 | import TabBar from '@/components/TabBar.vue' | 73 | import TabBar from '@/components/TabBar.vue' |
| 74 | -import { IconFont } from '@nutui/icons-vue-taro' | 74 | +import IconFont from '@/components/IconFont.vue' |
| 75 | import Taro from '@tarojs/taro' | 75 | import Taro from '@tarojs/taro' |
| 76 | 76 | ||
| 77 | const searchValue = ref('') | 77 | const searchValue = ref('') | ... | ... |
| ... | @@ -69,7 +69,7 @@ | ... | @@ -69,7 +69,7 @@ |
| 69 | 69 | ||
| 70 | <script setup> | 70 | <script setup> |
| 71 | import { useGo } from '@/hooks/useGo' | 71 | import { useGo } from '@/hooks/useGo' |
| 72 | -import { IconFont } from '@nutui/icons-vue-taro' | 72 | +import IconFont from '@/components/IconFont.vue' |
| 73 | import TabBar from '@/components/TabBar.vue' | 73 | import TabBar from '@/components/TabBar.vue' |
| 74 | import NavHeader from '@/components/NavHeader.vue' | 74 | import NavHeader from '@/components/NavHeader.vue' |
| 75 | import Taro from '@tarojs/taro' | 75 | import Taro from '@tarojs/taro' | ... | ... |
| ... | @@ -86,7 +86,7 @@ | ... | @@ -86,7 +86,7 @@ |
| 86 | <script setup> | 86 | <script setup> |
| 87 | import { ref, computed } from 'vue' | 87 | import { ref, computed } from 'vue' |
| 88 | import { useGo } from '@/hooks/useGo' | 88 | import { useGo } from '@/hooks/useGo' |
| 89 | -import { IconFont } from '@nutui/icons-vue-taro' | 89 | +import IconFont from '@/components/IconFont.vue' |
| 90 | import TabBar from '@/components/TabBar.vue' | 90 | import TabBar from '@/components/TabBar.vue' |
| 91 | import NavHeader from '@/components/NavHeader.vue' | 91 | import NavHeader from '@/components/NavHeader.vue' |
| 92 | import Taro from '@tarojs/taro' | 92 | import Taro from '@tarojs/taro' | ... | ... |
| ... | @@ -116,7 +116,7 @@ | ... | @@ -116,7 +116,7 @@ |
| 116 | import { ref } from 'vue' | 116 | import { ref } from 'vue' |
| 117 | import NavHeader from '@/components/NavHeader.vue' | 117 | import NavHeader from '@/components/NavHeader.vue' |
| 118 | import TabBar from '@/components/TabBar.vue' | 118 | import TabBar from '@/components/TabBar.vue' |
| 119 | -import { IconFont } from '@nutui/icons-vue-taro' | 119 | +import IconFont from '@/components/IconFont.vue' |
| 120 | import Taro, { useLoad } from '@tarojs/taro' | 120 | import Taro, { useLoad } from '@tarojs/taro' |
| 121 | 121 | ||
| 122 | // 接收页面参数 | 122 | // 接收页面参数 | ... | ... |
| ... | @@ -113,7 +113,7 @@ import { ref, computed } from 'vue' | ... | @@ -113,7 +113,7 @@ import { ref, computed } from 'vue' |
| 113 | import Taro from '@tarojs/taro' | 113 | import Taro from '@tarojs/taro' |
| 114 | import { useGo } from '@/hooks/useGo' | 114 | import { useGo } from '@/hooks/useGo' |
| 115 | import NavHeader from '@/components/NavHeader.vue' | 115 | import NavHeader from '@/components/NavHeader.vue' |
| 116 | -import { IconFont } from '@nutui/icons-vue-taro' | 116 | +import IconFont from '@/components/IconFont.vue' |
| 117 | 117 | ||
| 118 | // Navigation | 118 | // Navigation |
| 119 | const go = useGo() | 119 | const go = useGo() | ... | ... |
-
Please register or login to post a comment