zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更换LOGO

This commit is contained in:
sc 2021-06-01 13:03:13 +08:00
parent 63b125846b
commit e8db010a30
8 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

2
public/index.html
View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>Welcome to SCUI Admin</title> <title><%= htmlWebpackPlugin.options.title %></title>
<script src="config.js"></script> <script src="config.js"></script>
</head> </head>
<body> <body>

BIN
src/assets/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

2
src/config/index.js
View File

@ -3,7 +3,7 @@ const DEFAULT_CONFIG = {
APP_NAME: "SCUI", APP_NAME: "SCUI",
//版本号 //版本号
APP_VER: "1.1.2", APP_VER: "1.1.3",
//接口地址 //接口地址
API_URL: "", API_URL: "",

6
src/layout/index.vue
View File

@ -3,9 +3,9 @@
<template v-if="layout=='header'"> <template v-if="layout=='header'">
<header class="adminui-header"> <header class="adminui-header">
<div class="adminui-header-left"> <div class="adminui-header-left">
<div class="logo"> <div class="logo-bar">
<i class="el-icon-platform-eleme"></i> <img class="logo" :alt="appName" src="@/assets/logo.png">
<span>SCUI-Admin</span> <span>{{ $CONFIG.APP_NAME }}</span>
</div> </div>
<ul v-if="!ismobile" class="nav"> <ul v-if="!ismobile" class="nav">
<li v-for="item in menu" :key="item" :class="pmenu.path==item.path?'active':''" @click="showMenu(item)"> <li v-for="item in menu" :key="item" :class="pmenu.path==item.path?'active':''" @click="showMenu(item)">

4
src/router/index.js
View File

@ -1,5 +1,6 @@
import {createRouter, createWebHashHistory} from 'vue-router'; import {createRouter, createWebHashHistory} from 'vue-router';
import { ElNotification } from 'element-plus'; import { ElNotification } from 'element-plus';
import config from "@/config"
import NProgress from 'nprogress' import NProgress from 'nprogress'
import 'nprogress/nprogress.css' import 'nprogress/nprogress.css'
import tool from '@/utils/tool'; import tool from '@/utils/tool';
@ -80,6 +81,9 @@ const router = createRouter({
routes: routes routes: routes
}) })
//设置标题
document.title = config.APP_NAME
//判断是否已加载过API路由 //判断是否已加载过API路由
var isGetApiRouter = false; var isGetApiRouter = false;

4
src/style/app.less
View File

@ -27,8 +27,8 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
.adminui-header {height: 60px;background: #222b45;color: #fff;display: flex;justify-content:space-between;} .adminui-header {height: 60px;background: #222b45;color: #fff;display: flex;justify-content:space-between;}
.adminui-header-left {display: flex;align-items: center;padding-left:20px;} .adminui-header-left {display: flex;align-items: center;padding-left:20px;}
.adminui-header-right {display: flex;align-items: center;} .adminui-header-right {display: flex;align-items: center;}
.adminui-header .logo {font-size: 20px;font-weight: bold;display: flex;align-items: center;} .adminui-header .logo-bar {font-size: 20px;font-weight: bold;display: flex;align-items: center;}
.adminui-header .logo i {font-size: 30px;color: #09f;margin-right: 10px;} .adminui-header .logo-bar .logo {margin-right: 10px;width: 35px;height: 35px;}
.adminui-header .nav {display: flex;height: 100%;margin-left: 40px;} .adminui-header .nav {display: flex;height: 100%;margin-left: 40px;}
.adminui-header .nav li {padding:0 10px;margin: 0 10px 0 0;font-size: 14px;color: rgba(255, 255, 255, 0.6);list-style: none;height: 100%;display: flex;align-items: center;cursor: pointer;} .adminui-header .nav li {padding:0 10px;margin: 0 10px 0 0;font-size: 14px;color: rgba(255, 255, 255, 0.6);list-style: none;height: 100%;display: flex;align-items: center;cursor: pointer;}
.adminui-header .nav li i {margin-right: 5px;} .adminui-header .nav li i {margin-right: 5px;}

6
src/views/login.vue
View File

@ -4,7 +4,7 @@
<div class="login_body"> <div class="login_body">
<div class="login-sidebox"> <div class="login-sidebox">
<div class="login-logo"> <div class="login-logo">
<i class="el-icon-platform-eleme"></i>{{appName}} <img class="logo" :alt="appName" src="@/assets/logo.png">{{appName}}
</div> </div>
<div class="login-title"> <div class="login-title">
<h2>面面俱到的中后台前端框架</h2> <h2>面面俱到的中后台前端框架</h2>
@ -48,8 +48,8 @@
.login_body {width: inherit;display: flex;box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);} .login_body {width: inherit;display: flex;box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);}
.login-sidebox {width: 50%;background:url(~@/assets/login-left.png) 0 0 no-repeat #607089;padding: 60px;color: #fff;position: relative;} .login-sidebox {width: 50%;background:url(~@/assets/login-left.png) 0 0 no-repeat #607089;padding: 60px;color: #fff;position: relative;}
.login-logo {font-size: 35px;} .login-logo {font-size: 35px;display: flex;align-items: center;}
.login-logo i {margin-right: 10px;} .login-logo .logo {margin-right: 10px;width: 50px;height: 50px;}
.login-title {margin-top: 20px;} .login-title {margin-top: 20px;}
.login-title h2 {font-size: 22px;font-weight: normal;} .login-title h2 {font-size: 22px;font-weight: normal;}