项目介绍

基于uniapp + vue2 + router + element ui自研的PC端管理后台,目前正在开发中.

开发工具

• HBuilderX 3.5.3

初始化

npm install

目录结构介绍

根目录
---common		公共模块
-----layout		框架公共布局文件，如404页面，左侧菜单，头部栏
-----services	存放业务API接口请求
-----utils		一些自定义的工具类
-----AppRouter	自定义路由配置
-----router.js	自定义路由链接配置
---pages		存放页面文件
---static		存在一些静态资源
---main.js		入口文件
---uni.scss		配置左侧菜单主题颜色和字体大小

关于修改element 组件样式问题

• 在样式前面加入/deep/

::v-deep.className {
	//todo:
}

关于菜单组件icon使用

1、可以使用uniapp的图标 uniapp-icons

• 2、可以使用element ui icon图标

打包后nginx 配置

server {
  listen 80;
  server_name 访问的域名;
  # compression-webpack-plugin 配置
  gzip on;
  gzip_min_length 1k;
  gzip_comp_level 9;
  gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
  gzip_vary on;
  # 配置禁用 gzip 条件，支持正则，此处表示 ie6 及以下不启用 gzip（因为ie低版本不支持）
  gzip_disable "MSIE [1-6]\.";
  location / {
	# 项目路径
    root /www/html/www;
    try_files $uri $uri/ /index.html;
  }
}