代码拉取完成,页面将自动刷新
vue-el-admin是一个单页面电商网站后台管理系统,基于 vue 和 element。它使用了最新的前端技术栈,内置动态路由,导航菜单渲染,权限验证等,提炼了典型的业务模型,用户UI界面干净整洁。
完整版
你需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、axios 和 element-ui,提前了解和学习这些知识会对使用本项目有很大的帮助。
软件架构说明
git clone https://github.com/sunyctf/vue-el-admin.git # clone the project
cd vue-admin-template # enter the project directory
yarn install # install dependency
yarn run serve # Compiles and hot-reloads for development
yarn run build:test # Packaging test
yarn run build # Compiles and minifies for production
yarn run test # Run your tests
yarn run lint # Lints and fixes files ——代码格式检查并自动修复(规范代码)
npm i -D vue-svg-loader vue-template-compiler
// vue.config.js
module.exports = {
chainWebpack: (config) => {
const svgRule = config.module.rule('svg');
svgRule.uses.clear();
svgRule
.use('babel-loader')
.loader('babel-loader')
.end()
.use('vue-svg-loader')
.loader('vue-svg-loader');
},
}
<script>
import daiban from '@/assets/icon/daiban.svg'
export default {
components:{
daiban
}
}
</script>
/* 删除SVG文件中的 fill */
.index-head-centent-right-list-icon-is{
color: #F515EA !important;
width: 20px;
height: 22px;
fill: currentColor; /* 重点 */
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。