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$/,
|
||||
loader: 'svg-sprite-loader',
|
||||
include: [resolve('src/assets/icons')],
|
||||
include: [resolve('src/assets/icons/svg')],
|
||||
options: {
|
||||
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('Icon', resolve => { require(['@/components/core/Icon'], 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('QuillEditor', resolve => { require(['@/components/core/QuillEditor'], 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
|
||||
import 'simplemde/dist/simplemde.min.css'
|
||||
|
||||
// svg图标
|
||||
import '@/assets/icons/index.js'
|
||||
|
||||
// markdown主题
|
||||
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) }
|
||||
},
|
||||
{
|
||||
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: '图标选择器',
|
||||
icon: 'file-o',
|
||||
|
||||
Reference in New Issue
Block a user