Change views/icons path

tuandm · tuandm · commit 6a08c79bfb40 · 2019-04-17T00:01:24.000+07:00
- Icons view includes 2 small views: svg-icons and element-icons
diff --git a/src/router/index.js b/src/router/index.js
@@ -163,7 +163,7 @@ export const asyncRoutes = [
     children: [
       {
         path: 'index',
-        component: () => import('@/views/svg-icons/index'),
+        component: () => import('@/views/icons/index'),
         name: 'Icons',
         meta: { title: 'icons', icon: 'icon', noCache: true }
       }
diff --git a/src/views/icons/element-icons.js b/src/views/icons/element-icons.js
@@ -0,0 +1,74 @@
+const elementIcons = [
+  'info',
+  'error',
+  'success',
+  'warning',
+  'question',
+  'back',
+  'arrow-left',
+  'arrow-down',
+  'arrow-right',
+  'arrow-up',
+  'caret-left',
+  'caret-bottom',
+  'caret-top',
+  'caret-right',
+  'd-arrow-left',
+  'd-arrow-right',
+  'minus',
+  'plus',
+  'remove',
+  'circle-plus',
+  'remove-outline',
+  'circle-plus-outline',
+  'close',
+  'check',
+  'circle-close',
+  'circle-check',
+  'circle-close-outline',
+  'circle-check-outline',
+  'zoom-out',
+  'zoom-in',
+  'd-caret',
+  'sort',
+  'sort-down',
+  'sort-up',
+  'tickets',
+  'document',
+  'goods',
+  'sold-out',
+  'news',
+  'message',
+  'date',
+  'printer',
+  'time',
+  'bell',
+  'mobile-phone',
+  'service',
+  'view',
+  'menu',
+  'more',
+  'more-outline',
+  'star-on',
+  'star-off',
+  'location',
+  'location-outline',
+  'phone',
+  'phone-outline',
+  'picture',
+  'picture-outline',
+  'delete',
+  'search',
+  'edit',
+  'edit-outline',
+  'rank',
+  'refresh',
+  'share',
+  'setting',
+  'upload',
+  'upload2',
+  'download',
+  'loading'
+]
+
+export default elementIcons
diff --git a/src/views/icons/index.vue b/src/views/icons/index.vue
@@ -6,7 +6,7 @@
     </aside>
     <el-tabs type="border-card">
       <el-tab-pane label="Icons">
-        <div v-for="item of iconsMap" :key="item" @click="handleClipboard(generateIconCode(item),$event)">
+        <div v-for="item of svgIcons" :key="item" @click="handleClipboard(generateIconCode(item),$event)">
           <el-tooltip placement="top">
             <div slot="content">
               {{ generateIconCode(item) }}
@@ -37,15 +37,15 @@
 
 <script>
 import clipboard from '@/utils/clipboard'
-import icons from './require-icons'
-import elementIcons from './element-icon.json'
+import svgIcons from './svg-icons'
+import elementIcons from './element-icons'
 
 export default {
   name: 'Icons',
   data() {
     return {
-      iconsMap: icons,
-      elementIcons: elementIcons
+      svgIcons,
+      elementIcons
     }
   },
   methods: {
diff --git a/src/views/icons/svg-icons.js b/src/views/icons/svg-icons.js
@@ -3,8 +3,8 @@ const requireAll = requireContext => requireContext.keys()
 
 const re = /\.\/(.*)\.svg/
 
-const icons = requireAll(req).map(i => {
+const svgIcons = requireAll(req).map(i => {
   return i.match(re)[1]
 })
 
-export default icons
+export default svgIcons
diff --git a/src/views/svg-icons/element-icon.json b/src/views/svg-icons/element-icon.json

Original file line number	Diff line number	Diff line change
`@@ -163,7 +163,7 @@ export const asyncRoutes = [`
`163`	`163`	`children: [`
`164`	`164`	`{`
`165`	`165`	`path: 'index',`
`166`		`- component: () => import('@/views/svg-icons/index'),`
	`166`	`+ component: () => import('@/views/icons/index'),`
`167`	`167`	`name: 'Icons',`
`168`	`168`	`meta: { title: 'icons', icon: 'icon', noCache: true }`
`169`	`169`	`}`