no message
Former-commit-id: eec1191238aa909367f3cfbe02bfa7b539ce25ef Former-commit-id: 159f414851f34eb041b573c47581f587abbdb095 Former-commit-id: ab2915d004843295250809727b35a6070641ebe9
This commit is contained in:
@@ -55,7 +55,7 @@ module.exports = {
|
|||||||
{
|
{
|
||||||
test: /\.svg$/,
|
test: /\.svg$/,
|
||||||
loader: 'svg-sprite-loader',
|
loader: 'svg-sprite-loader',
|
||||||
include: [resolve('src/assets/icons')],
|
include: [resolve('src/assets/icons/svg')],
|
||||||
options: {
|
options: {
|
||||||
symbolId: 'icon-[name]'
|
symbolId: 'icon-[name]'
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,5 @@
|
|||||||
|
const requireAll = requireContext => requireContext.keys().map(requireContext)
|
||||||
|
const req = require.context('./svg', false, /\.svg$/)
|
||||||
|
const iconMap = requireAll(req)
|
||||||
|
|
||||||
|
console.log(iconMap)
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ Vue.component('CountUp', resolve => { require(['@/components/core/CountUp'], res
|
|||||||
Vue.component('Highlight', resolve => { require(['@/components/core/Highlight'], resolve) })
|
Vue.component('Highlight', resolve => { require(['@/components/core/Highlight'], resolve) })
|
||||||
Vue.component('Icon', resolve => { require(['@/components/core/Icon'], resolve) })
|
Vue.component('Icon', resolve => { require(['@/components/core/Icon'], resolve) })
|
||||||
Vue.component('IconSelect', resolve => { require(['@/components/core/IconSelect/index.vue'], resolve) })
|
Vue.component('IconSelect', resolve => { require(['@/components/core/IconSelect/index.vue'], resolve) })
|
||||||
|
Vue.component('IconSvg', resolve => { require(['@/components/core/IconSvg/index.vue'], resolve) })
|
||||||
Vue.component('Markdown', resolve => { require(['@/components/core/Markdown'], resolve) })
|
Vue.component('Markdown', resolve => { require(['@/components/core/Markdown'], resolve) })
|
||||||
Vue.component('QuillEditor', resolve => { require(['@/components/core/QuillEditor'], resolve) })
|
Vue.component('QuillEditor', resolve => { require(['@/components/core/QuillEditor'], resolve) })
|
||||||
Vue.component('SimpleMDE', resolve => { require(['@/components/core/SimpleMDE'], resolve) })
|
Vue.component('SimpleMDE', resolve => { require(['@/components/core/SimpleMDE'], resolve) })
|
||||||
|
|||||||
@@ -12,6 +12,9 @@ import '@/assets/library/font-awesome-4.7.0/css/font-awesome.min.css'
|
|||||||
// simplemde css
|
// simplemde css
|
||||||
import 'simplemde/dist/simplemde.min.css'
|
import 'simplemde/dist/simplemde.min.css'
|
||||||
|
|
||||||
|
// svg图标
|
||||||
|
import '@/assets/icons/index.js'
|
||||||
|
|
||||||
// markdown主题
|
// markdown主题
|
||||||
import 'github-markdown-css'
|
import 'github-markdown-css'
|
||||||
|
|
||||||
|
|||||||
5
src/pages/demo/components/icon/svg.vue
Normal file
5
src/pages/demo/components/icon/svg.vue
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<Container>
|
||||||
|
Hello
|
||||||
|
</Container>
|
||||||
|
</template>
|
||||||
@@ -63,6 +63,16 @@ export const menu = {
|
|||||||
},
|
},
|
||||||
component: resolve => { require(['@/pages/demo/components/icon/icon.vue'], resolve) }
|
component: resolve => { require(['@/pages/demo/components/icon/icon.vue'], resolve) }
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: '图标组件 SVG',
|
||||||
|
icon: 'file-o',
|
||||||
|
path: 'icon/svg',
|
||||||
|
name: 'demo-components-icon-svg',
|
||||||
|
meta: {
|
||||||
|
requiresAuth: true
|
||||||
|
},
|
||||||
|
component: resolve => { require(['@/pages/demo/components/icon/svg.vue'], resolve) }
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '图标选择器',
|
title: '图标选择器',
|
||||||
icon: 'file-o',
|
icon: 'file-o',
|
||||||
|
|||||||
Reference in New Issue
Block a user