Skip to content

9
91isoft_web_vue
Commit 9ea9ca3a authored by jiaxu.yan's avatar jiaxu.yan
Browse files
Options

feat: 新增样式模板8号

parent 212ec202
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1618 additions and 327 deletions
.gitignore
View file @ 9ea9ca3a
.DS_Store
node_modules/
dist/
.history/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
......
public/index.html
View file @ 9ea9ca3a
......@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>liulanqi_logo.png">
<script type="text/javascript" src="http://49.232.167.247:20016/web-apps/apps/api/documents/api.js"></script>
<!-- <script type="text/javascript" src="http://49.232.167.247:20016/web-apps/apps/api/documents/api.js"></script> -->
<!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2011217_f70ptj9y4oc.css">-->
<title><%= webpackConfig.name %></title>
</head>
......
src/assets/themeHImage/bg.png 0 → 100644
View file @ 9ea9ca3a
This diff is collapsed.
src/layout/components/Settings/index.vue
View file @ 9ea9ca3a
......@@ -43,7 +43,8 @@ export default {
{ value: '4', label: '风格4' },
{ value: '5', label: '风格5' },
{ value: '6', label: '风格6' },
{ value: '7', label: '风格7' }
{ value: '7', label: '风格7' },
{ value: '8', label: '风格8' }
]
}
},
......
src/layout/components/Sidebar/Logo.vue
View file @ 9ea9ca3a
<template>
<div class="sidebar-logo-container" :class="{'collapse':collapse}">
<div class="sidebar-logo-container" :class="{ collapse: collapse }">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img :src="logo" class="sidebar-logo">
<router-link
v-if="collapse"
key="collapse"
class="sidebar-logo-link"
to="/"
>
<img :src="logo" class="sidebar-logo" />
<!-- <div class="sidebar-title">{{ title }} </div>-->
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<div class="sidebar-logoTitle">
<div class="sidebar-logoRow"><img :src="logo" class="sidebar-logo"></div>
<div class="sidebar-title">{{ title }} </div>
<div class="sidebar-logoRow">
<img :src="logo" class="sidebar-logo" />
</div>
<div class="sidebar-title">{{ title }}</div>
</div>
</router-link>
</transition>
......@@ -35,7 +42,10 @@ export default {
// 根据选择的风格切换图标
// eslint-disable-next-line vue/return-in-computed-property
logo() {
if (!localStorage.getItem('theme') || localStorage.getItem('theme') === '1') {
if (
!localStorage.getItem('theme') ||
localStorage.getItem('theme') === '1'
) {
return require('@/assets/themeAImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '2') {
return require('@/assets/themeBImage/menuLogo.png')
......@@ -49,6 +59,8 @@ export default {
return require('@/assets/themeFImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '7') {
return require('@/assets/themeGImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '8') {
return require('@/assets/themeHImage/menuLogo.png')
}
}
},
......@@ -60,6 +72,4 @@ export default {
}
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>
src/layout/components/Sidebar/index.vue
View file @ 9ea9ca3a
......@@ -29,7 +29,7 @@ import themeDvariables from '@/styles/themeD/variables.scss'
import themeEvariables from '@/styles/themeE/variables.scss'
import themeFvariables from '@/styles/themeF/variables.scss'
import themeGvariables from '@/styles/themeG/variables.scss'
import themeHvariables from '@/styles/themeH/variables.scss'
export default {
components: { SidebarItem, Logo },
computed: {
......@@ -66,6 +66,8 @@ export default {
return themeFvariables
} else if (localStorage.getItem('theme') === '7') {
return themeGvariables
} else if (localStorage.getItem('theme') === '8') {
return themeHvariables
}
},
isCollapse() {
......
src/main.js
View file @ 9ea9ca3a
......@@ -14,7 +14,7 @@ import '@/styles/index.scss' // global css
// 手动设置皮肤变量，选择项目样式风格(如果没有设置并存储皮肤风格，则默认一套，可手动更改)
// console.log('aaaa', window.localStorage.getItem('theme'))
if (!window.localStorage.getItem('theme')) {
const themeVal = '7'
const themeVal = '8'
window.localStorage.setItem('theme', themeVal)
}
const storageValue = window.localStorage.getItem('theme') // 获取 localStorage 中的值
......@@ -32,7 +32,10 @@ if (!storageValue || storageValue === '1') {
import('@/styles/themeF/index.scss')
} else if (storageValue === '7') {
import('@/styles/themeG/index.scss')
} else if (storageValue === '8') {
import('@/styles/themeH/index.scss')
}
import halberd from '@/utils/halberd'
import App from './App'
import store from './store'
......
src/styles/sidebar.scss
View file @ 9ea9ca3a
......@@ -223,14 +223,14 @@
}
.router-link-active .el-menu-item.is-active {
background-color: #ffffff !important;
background-color: #2288FF !important;
}
// hover样式
.el-submenu__title:hover {
color: #46bcf2 !important;
color: #fff !important;
.el-submenu__icon-arrow {
color: #46bcf2 !important;
color: #fff !important;
}
}
.nest-menu .el-submenu > .el-submenu__title:hover {
......@@ -251,10 +251,10 @@
}
.el-submenu.is-opened {
background-color: #FFFFFF !important;
background-color: #171725 !important;
> .el-submenu__title {
background-color: #fff !important;
background-color: #171725 !important;
color: #46bcf2 !important;
.el-submenu__icon-arrow {
......@@ -264,11 +264,11 @@
.el-menu {
.el-menu-item {
background-color: #fff !important;
color: #000000 !important;
background-color: #171725 !important;
color: #fff !important;
&.is-active {
color: #46bcf2 !important;
color: #fff !important;
}
}
}
......
src/styles/themeH/common.scss 0 → 100644
View file @ 9ea9ca3a
//table列表title样式
.tableTitle{
margin: 20px 0;
color: #333333;
font-size: 0.88rem;
font-family: Microsoft YaHei;
font-weight: 700;
text-align: LEFT;
}
.el-tree{
font-size: 14px;
}
//登录验证码popover位置
.verifyPopover{
left: 576px!important;
padding: 12px 10px;
}
.search{
border-bottom: 14px solid #FAFAFB;
background-color: #FAFAFB;
.el-form-item{
.el-form-item__label{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: #171725;
}
.el-input__inner{
background: #FFFFFF;
border-radius: 0.25rem;
border: 1px solid #E2E2EA;
}
// input 修改placeholder颜色
::-webkit-input-placeholder {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #696974;
}
}
}
.queryBtn{
border: none;
background: #2288FF;
border-radius: 0.25rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 16px;
color: #fff;
&:hover {
opacity: 0.85;
border: none;
background: #F1F1F5;
color: #696974;
border-radius: 10px;
}
&:focus {
opacity: 0.85;
border: none;
background: #F1F1F5;
color: #696974;
border-radius: 10px;
}
}
.resetBtn{
border: none;
background: #2288FF;
border-radius: 0.25rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 16px;
color: #fff;
&:hover {
opacity: 0.85;
border: none;
background: #F1F1F5;
color: #696974;
border-radius: 10px;
}
&:focus {
opacity: 0.85;
border: none;
background: #F1F1F5;
color: #696974;
border-radius: 10px;
}
}
.addBtn{
border: none;
background: #F1F1F5;
border-radius: 10px;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 16px;
color: #696974;
&:hover {
opacity: 0.85;
border: none;
background: #F1F1F5;
color: #696974;
border-radius: 10px;
}
&:focus {
opacity: 0.85;
border: none;
background: #F1F1F5;
color: #696974;
border-radius: 10px;
}
}
.importBtn{
border: none;
background: #F1F1F5;
border-radius: 10px;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 16px;
color: #696974;
&:hover {
opacity: 0.85;
border: none;
background: #F1F1F5;
color: #696974;
border-radius: 10px;
}
&:focus {
opacity: 0.85;
border: none;
background: #F1F1F5;
color: #696974;
border-radius: 10px;
}
}
.exportBtn{
border: none;
background: #F1F1F5!important;
border-radius: 10px!important;
font-family: PingFangSC, PingFang SC;
font-weight: 600!important;
font-size: 16px!important;
color: #696974!important;
&:hover {
opacity: 0.85;
border: none;
background: #F1F1F5!important;
color: #696974!important;
border-radius: 10px!important;
}
&:focus {
opacity: 0.85;
border: none;
background: #F1F1F5!important;
color: #696974!important;
border-radius: 10px!important;
}
}
//修改按钮文字类型样式
.updateBtn{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
text-align: LEFT;
color: #0062FF;
}
.delBtn{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
text-align: LEFT;
color: #FF4852;
}
//tree的选中的check框样式
.el-checkbox__input.is-checked .el-checkbox__inner{
background-color: #0062FF;
}
// switch开样式
.el-switch.is-checked .el-switch__core{
border-color: #0062FF;
background-color: #0062FF;
}
// radio开样式
.el-radio__input.is-checked .el-radio__inner{
border-color: #0062FF;
background-color: #0062FF;
}
// radio选中的文字样式
.el-radio__input.is-checked+.el-radio__label{
color: #0062FF;
}
// table列表表头样式
.el-table th .cell{
background: #f4f4f4;
font-size: 0.88rem;
font-family: Poppins, Poppins;
font-weight: bold;
text-align: center;
color: #242A30;
}
// table列表内容样式
.el-table td .cell{
font-size: 16px;
font-family: Poppins, Poppins;
font-weight: 500;
text-align: LEFT;
color: #44444F;
}
.navbar{
background-color: #FAFAFB!important;
}
.app-main{
background-color: #FAFAFB!important;
}
.nav-container-two{
background-color: #FAFAFB!important;
.placeholder{
background-color: #FAFAFB!important;
}
}
.tags-view-container{
background-color: #FAFAFB!important;
}
.tags-view-container .tags-view-wrapper .tags-view-item{
border-radius: 16px!important;
border: 1px solid #E2E2EA!important;
font-family: PingFangSC, PingFang SC;
font-weight: 400!important;
font-size: 14px!important;
color: #696974!important;
background: #FAFAFB!important;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active{
border-radius: 16px!important;
border: 1px solid #E2E2EA!important;
font-family: PingFangSC, PingFang SC;
font-weight: 400!important;
font-size: 14px!important;
color: #696974!important;
background: #F1F1F5!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #242A30;
}
src/styles/themeH/dept.scss 0 → 100644
View file @ 9ea9ca3a
$color-theme: #f4ac10;
.dept-manage{
}
src/styles/themeH/dict.scss 0 → 100644
View file @ 9ea9ca3a
$color-theme: #f4ac10;
.dict-manage {
font-size: 18px;
padding: 0;
.el-form {
padding: 0 0 0 10px;
.el-form-item {
margin-top: 0;
margin-left: 0;
margin-bottom: 15px;
margin-right: 10px;
}
}
.placeholder{
height:1.3vh;
background-color: #F4F4F4;
margin-bottom:10px
}
}
.dictUpdata{
margin-left: 10px;
margin-right: 20px;
}
// 字典管理-字典类型管理页面
.dictData-manage {
font-size: 18px;
padding: 0;
.placeholder{
height:1.3vh;
background-color: #F4F4F4;
margin-bottom:10px
}
.optionsContent{
box-sizing: border-box;
width: 100%;
padding: 0 0 0 10px;
display: flex;
flex-direction: row;
}
}
src/styles/themeH/errorLog.scss 0 → 100644
View file @ 9ea9ca3a
$color-theme: #f4ac10;
.errLog-manage {
padding: 0;
font-size: 18px;
.placeholder{
height:14px;
background-color: #F4F4F4;
margin-bottom:10px
}
}
.errorCat{
margin-left: 10px;
margin-right: 20px;
}
src/styles/themeH/index.scss 0 → 100644
View file @ 9ea9ca3a
//------------公共的样式文件---------------------------------------------------
@import "./navigationBar.scss"; // 左侧导航栏css样式文件
@import "./sidebar.scss"; // 自带的左侧导航栏css样式文件
@import "./variables.scss"; // 风格变量css样式文件
@import "./tagsView.scss"; // 顶部面包屑tag签css样式文件
@import "./layout.scss"; // layout的css样式文件
@import "./common.scss"; // // 通用样式，如：按钮，列表，form表单等样式文件
//-----------各个模块的样式文件--------------------------------------------
@import "./user.scss"; // 用户管理模块css样式文件
@import "./role.scss"; // 角色管理模块css样式文件
@import "./menu.scss"; // 菜单管理模块css样式文件
@import "./dept.scss"; // 部门管理模块css样式文件
@import "./dict.scss"; // 字典管理模块css样式文件
@import "./loginInfo.scss"; // 登录日志模块css样式文件
@import "./operLog.scss"; // 操作日志模块css样式文件
@import "./errorLog.scss"; // 异常日志模块css样式文件
@import "./reSetPsw.scss"; // 修改密码模块css样式文件
@import "./login.scss"; // 登录页面css样式文件
src/styles/themeH/layout.scss 0 → 100644
View file @ 9ea9ca3a
@import "../../styles/mixin";
@import "./variables";
.app-wrapper {
@include clearfix;
position: relative;
height: 100%;
width: 100%;
&.mobile.openSidebar{
position: fixed;
top: 0;
}
}
.nav-container{
/*height: 70px;*/
//position: absolute;
top: 0;
width: 100%;
z-index: 1001;
}
.nav-container-two{
width: 100%;
z-index: 1001;
.placeholder {
height: 1.2vh;
width: 100%;
background-color: #F4F4F4;
}
}
.drawer-bg {
background: #000;
opacity: 0.3;
width: 100%;
top: 0;
height: 100%;
position: absolute;
z-index: 999;
}
.fixed-header {
position: fixed;
//top: 0;
//right: 0;
//z-index: 9;
width: calc(100% - #{$sideBarWidth});
transition: width 0.28s;
}
.hideSidebar .fixed-header {
width: calc(100% - #{ $sideHideWidth })
}
.mobile .fixed-header {
width: 100%;
}
src/styles/themeH/login.scss 0 → 100644
View file @ 9ea9ca3a
.login {
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-image: url('../../assets/themeHImage/bg.png');
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
//.title {
// margin: 7vh auto 7vh auto;
// text-align: center;
// color: black;
font-size: 36px;
//}
.el-input__prefix {
left: 14px;
}
.el-input--prefix .el-input__inner {
padding-left: 44px;
font-size: 16px;
}
.el-form-item {
margin-bottom: 1.5rem;
}
}
// .loginBtn_formItem {
// margin-top: 20px;
// }
.login_logoRow {
position: absolute;
top: 2.5rem;
left: 2.5rem;
.login_form_logo {
background-image: url('../../assets/themeHImage/login_logo.png');
background-size: cover;
height: 2.5rem;
width: 2.5rem;
}
}
.login-form {
width: 46rem;
height: 28rem;
position: relative;
display: flex;
align-items: center;
.loginTitleRow {
width: 16rem;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
padding: 2.5rem;
display: flex;
align-items: center;
justify-content: flex-start;
.sub_title {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.75);
margin-bottom: 1rem;
}
.title {
font-size: 2.25rem;
color: white;
line-height: 2.63rem;
}
}
.login-form-content {
background-color: #fff;
width: 30rem;
height: 100%;
//position: absolute;
//top: 40%;
//right: 28%;
//width: 45%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.el-form-item {
width: 21.44rem;
height: 2.75rem;
background: #fff;
// border-radius: 0.06rem;
border: 1px solid #f1f1f5;
.el-input__inner {
background-color: #fafafb;
border-radius: 0.06rem;
}
}
.loginCode_formItem {
width: 320px;
display: flex;
justify-content: space-between;
//align-items: center;
line-height: 0;
.el-form-item {
width: 200px;
}
}
.blue-btn {
width: 21.44rem;
height: 2.75rem;
background: #3691fc;
border-radius: 1.38rem;
}
}
.el-input {
height: 38px;
input {
height: 38px;
}
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 2px;
color: #000;
font-size: 2rem;
}
}
.login-tip {
font-size: 13px;
text-align: center;
color: #bfbfbf;
}
.login-code {
//width: 33%;
height: 38px;
//float: right;
img {
height: 38px;
cursor: pointer;
vertical-align: middle;
}
}
.el-login-footer {
height: 40px;
line-height: 40px;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
color: #fff;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
}
.login_buttons-content {
display: flex;
width: 343px;
justify-content: center;
.rem-code span {
color: $font-dark;
}
.rem-code span,
.el-link span {
font-size: 16px;
}
}
src/styles/themeH/loginInfo.scss 0 → 100644
View file @ 9ea9ca3a
$color-theme: #f4ac10;
.loginInfo-manage {
padding: 0;
font-size: 18px;
.placeholder{
height:14px;
background-color: #F4F4F4;
margin-bottom:10px
}
}
src/styles/themeH/menu.scss 0 → 100644
View file @ 9ea9ca3a
$color-theme: #f4ac10;
.menu-manage {
font-size: 18px;
padding: 0;
.placeholder{
height:1.3vh;
background-color: #F4F4F4;
margin-bottom:10px
}
.table-drop{
vertical-align: 2px;
line-height: 20px;
margin-left: 25px
}
.el-switch{
margin-left: 25px;
}
.icon-list {
div {
white-space: nowrap;
}
}
}
src/styles/themeH/navigationBar.scss 0 → 100644
View file @ 9ea9ca3a
.sidebarLogoFade-enter-active {
transition: opacity 1.5s;
}
.sidebarLogoFade-enter,
.sidebarLogoFade-leave-to {
opacity: 0;
}
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
background: #171725;
text-align: center;
// padding-left: 11px;
overflow: hidden;
.sidebar-logoTitle{
display: flex;
justify-content: center;
}
& .sidebar-logo-link {
height: 100%;
width: 100%;
& .sidebar-logo {
width: 28px;
height: 28px;
vertical-align: middle;
margin-right: 12px;
}
& .sidebar-title {
display: inline-block;
margin: 0;
color: #fff;
font-weight: 600;
line-height: 50px;
font-size: 20px;
font-family: Poppins, Poppins;
vertical-align: middle;
font-weight: bold;
}
}
&.collapse {
.sidebar-logo {
margin-right: 0px;
}
}
}
src/styles/themeH/operLog.scss 0 → 100644
View file @ 9ea9ca3a
$color-theme: #f4ac10;
.operlog-manage {
padding: 0;
font-size: 18px;
.placeholder{
height:14px;
background-color: #F4F4F4;
margin-bottom:10px
}
}
.operCat{
margin-right: 20px;
margin-left: 10px;
}
src/styles/themeH/reSetPsw.scss 0 → 100644
View file @ 9ea9ca3a
.forget-pwd-content{
display: flex;
flex-direction: column;
align-items: center;
min-height: calc(100vh - 110px);
.title{
font-size: 24px;
font-weight: bold;
margin-top: 40px;
}
.el-form{
margin-top: 40px;
width: 40%;
.el-form-item__label{
color: #333333;
font-weight: normal;
}
.el-input__inner{
border-radius: 4px;
}
.blue-btn{
height: 32px;
border-radius: 4px;
}
}
}
src/styles/themeH/role.scss 0 → 100644
View file @ 9ea9ca3a
$color-theme: #f4ac10;
.role-manage {
font-size: 18px;
padding: 0;
.placeholder {
height: 1.3vh;
background-color: #F4F4F4;
margin-bottom: 10px
}
.table-drop {
vertical-align: 2px;
line-height: 20px;
margin-left: 15px
}
.el-switch {
margin-left: 15px;
}
}
.role_dividerStyle{
.el-divider--vertical{
height: 12em!important;
width: 4px!important;
}
}
src/styles/themeH/sidebar.scss 0 → 100644
View file @ 9ea9ca3a
@import './variables';
#app {
.main-container {
padding-top: 6.4vh;
min-height: 100%;
transition: margin-left 0.28s;
margin-left: $sideBarWidth;
position: relative;
}
.sidebar-container {
transition: width 0.28s;
width: $sideBarWidth !important;
background-color: $menuBg;
height: 100%;
position: fixed;
font-size: 0px;
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
overflow: hidden;
// reset element-ui css
.horizontal-collapse-transition {
transition: 0s width ease-in-out, 0s padding-left ease-in-out,
0s padding-right ease-in-out;
}
.scrollbar-wrapper {
overflow-x: hidden !important;
}
.el-scrollbar__bar.is-vertical {
right: 0px;
}
.el-scrollbar {
height: calc(100% - 50px);
}
&.has-logo {
.el-scrollbar {
height: calc(100% - 50px);
}
}
.is-horizontal {
display: none;
}
a {
display: inline-block;
width: 100%;
overflow: hidden;
}
.svg-icon {
margin-right: 17px;
font-size: 20px;
}
.el-menu {
border: none;
height: 100%;
width: 100% !important;
}
// menu hover
.submenu-title-noDropdown,
.el-submenu__title {
&:hover {
background-color: $menuHover !important;
}
}
.is-active > .el-submenu__title {
color: $subMenuActiveText;
}
& .nest-menu .el-submenu > .el-submenu__title,
& .el-submenu .el-menu-item {
font-family: Poppins, Poppins;
font-weight: 400 !important;
font-size: 14px !important;
color: #fff !important;
min-width: $sideBarWidth !important;
background-color: $subMenuBg;
span {
display: flex;
align-items: center;
}
span:before {
content: '●';
color: #939595;
border-radius: 50%;
font-size: 5px;
margin-right: 5px;
display: block;
line-height: 1rem;
}
&:hover {
color: #fff !important;
background-color: $subMenuHover !important;
}
}
}
.hideSidebar {
.sidebar-container {
width: $sideHideWidth !important;
}
.main-container {
margin-left: 54px;
}
.submenu-title-noDropdown {
padding: 0 !important;
position: relative;
.el-tooltip {
padding: 0 !important;
.svg-icon {
margin-left: 17px;
}
}
}
.el-submenu {
overflow: hidden;
& > .el-submenu__title {
padding: 0 !important;
.svg-icon {
margin-left: 17px;
}
.el-submenu__icon-arrow {
display: none;
}
}
}
.el-menu--collapse {
.el-submenu {
& > .el-submenu__title {
& > span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block;
}
}
}
}
}
.el-menu--collapse .el-menu .el-submenu {
min-width: $sideBarWidth !important;
}
// mobile responsive
.mobile {
.main-container {
margin-left: 0px;
}
.sidebar-container {
transition: transform 0.28s;
width: $sideBarWidth !important;
}
&.hideSidebar {
.sidebar-container {
pointer-events: none;
transition-duration: 0.3s;
transform: translate3d(-$sideBarWidth, 0, 0);
}
}
}
.withoutAnimation {
.main-container,
.sidebar-container {
transition: none;
}
}
}
// when menu collapsed
.el-menu--vertical {
& > .el-menu {
.svg-icon {
margin-right: 16px;
}
}
.nest-menu .el-submenu > .el-submenu__title,
.el-menu-item {
&:hover {
// you can use $subMenuHover
background-color: $menuHover !important;
}
}
// the scroll bar appears when the subMenu is too long
> .el-menu--popup {
max-height: 100vh;
overflow-y: auto;
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
}
.el-submenu__icon-arrow {
color: #ffffff !important;
}
.is-active.submenu-title-noDropdown {
background-color: #fff !important;
}
#app .sidebar-container .el-submenu .el-menu-item.is-active {
background-color: #171725 !important;
}
.router-link-active .el-menu-item.is-active {
background-color: #ffffff !important;
}
// hover样式
.el-submenu__title:hover {
color: #0062ff !important;
.el-submenu__icon-arrow {
color: #0062ff !important;
}
}
.nest-menu .el-submenu > .el-submenu__title:hover {
background-color: #fff !important;
color: #0062ff !important;
}
.is-active > .el-submenu__title:hover {
color: #0062ff !important;
}
.el-submenu .el-menu-item:hover {
color: #0062ff !important;
span {
color: #fff;
}
span:before {
color: #fff;
}
}
.el-menu-item.submenu-title-noDropdown:hover {
color: #0062ff !important;
}
.el-menu--vertical .el-menu-item:hover {
color: #0062ff !important;
}
.el-submenu.is-opened {
background-color: #ffffff !important;
> .el-submenu__title {
font-weight: 600 !important;
background-color: #2288ff !important;
color: #fff !important;
.el-submenu__icon-arrow {
color: #0062ff !important;
}
}
.el-menu {
.el-menu-item {
background-color: #171725 !important;
color: #fff !important;
&.is-active {
color: #e7e7e7 !important;
}
}
}
.nest-menu {
.el-submenu__title {
background-color: #fff !important;
color: #000000 !important;
.el-submenu__icon-arrow {
color: #0062ff !important;
}
}
}
}
src/styles/themeH/tagsView.scss 0 → 100644
View file @ 9ea9ca3a
.tags-view-container {
height: 31px;
width: 100%;
background: #F4F4F4;
//border-bottom: 1px solid #d8dce5;
//box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
margin: 0 14px;
.tags-view-wrapper {
.tags-view-item {
display: inline-block;
position: relative;
cursor: pointer;
height: 27px;
line-height: 26px;
//border: 1px solid #d8dce5;
color: #495060;
background: #fff;
padding: 0 10px;
font-size: 14px;
margin-left: 5px;
margin-top: 4px;
&:first-of-type {
margin-left: 0;
}
&:last-of-type {
margin-right: 15px;
}
&.active {
background-color: #fff;
color: #0062FF;
border-color: transparent;
//&::before {
// content: '';
// background: #fff;
// display: inline-block;
// width: 8px;
// height: 8px;
// border-radius: 50%;
// position: relative;
// margin-right: 2px;
//}
}
}
}
.contextmenu {
margin: 0;
background: #fff;
z-index: 3000;
position: absolute;
list-style-type: none;
padding: 5px 0;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
color: #333;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
li {
margin: 0;
padding: 7px 16px;
cursor: pointer;
&:hover {
background: #eee;
}
}
}
}
.tags-view-wrapper {
.tags-view-item {
.el-icon-close {
width: 16px;
height: 16px;
vertical-align: 2px;
border-radius: 50%;
text-align: center;
transition: all .3s cubic-bezier(.645, .045, .355, 1);
transform-origin: 100% 50%;
&:before {
transform: scale(.6);
display: inline-block;
vertical-align: -3px;
}
&:hover {
background-color: #b4bccc;
color: #fff;
}
}
}
}
src/styles/themeH/user.scss 0 → 100644
View file @ 9ea9ca3a
$color-theme: #f4ac10;
.user-manage{
font-size: 18px;
.placeholder{
height:14px;
background-color: #F4F4F4
}
.table-drop{
margin-left: 15px;
font-size: 16px;
font-weight: bold;
color: #46BCF3;
}
.paddingFixed {
.el-dialog__body {
padding-bottom: 17px;
}
}
.el-form-item__label-wrap {
margin-left: 0!important;
}
}
src/styles/themeH/variables.scss 0 → 100644
View file @ 9ea9ca3a
// 主题色
$color-theme: #3691fc;
$color-red: #F57b7b;
$color-purple: #ff33a9;
$color-orange: #f4ac10;
$color-blue: #409EFF;
// 我的单据背景色 考勤统计
$color-cambridge-blue: #29a2db;
// 我的单据背景色 考勤统计
$color-cambridge-red: #ffbebe;
// 我的单据背景色 考勤统计
$color-cambridge-yellow: #fcd89f;
// 我的单据背景色 考勤统计
$color-cambridge-yellow: #fcd89f;
// 我的单据背景色 考勤统计
$color-indigo: #9fc6fc;
// 考勤统计
$color-indigo-deep: #5cbce5;
// 考勤统计未选中项
$color-grey: #d1d1d1;
// 系统背景色
$color-grey-light: #f4f4f4;
// 列表表头底色
$color-grey-light: #ecf9fe;
// 统计折线图背景色
$color-green: #49cec9;
// 统计折线图折线
$color-green-deep: #1cc2bc;
$color-green-light-btn: #6dd8e4;
// 统计折线图背景色
$color-blue-bg: #1cc2bc;
// 统计折线图折线
$color-blue-line: #0098de;
// 考勤统计
$color-green-light: #80e4e9;
// 线框、线段、列表 虚线分割线、表单不可修改
$color-border: #e5e5e5;
// 查询 新增 申请 tab标签 分页列表中除修改之外的其他按钮
$blue-prime: #46BCF3;
$blue-prime-hover: #6bc9f5;
$blue-prime-active: #0098de;
// 导出 导入 修改
$green-prime: #49cec9;
$green-prime-hover: #6dd8d4;
$green-prime-active: #1cc2bc;
// 文件上传
$yellow-prime: #f6c761;
$yellow-prime-hover: #f8d281;
$yellow-prime-active: #f4ac10;
// 删除
$red-prime: #f68f8f;
$red-prime-hover: #f8a5a5;
$red-prime-active: #ff7b7b;
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
// 文字色
$font-black: #000;
// 主文字
$font-dark: #333;
// 次文字 表单内容、面包屑当前
$font-deep: #666666;
// 说明文字
$font-pl: #999999;
// 错误的提示文字 需要注意的提示文字
$font-error: #f52929;
$font-weak: #b3b3b3;
// 反白文字
$font-white: #fff;
// 背景色
$bg-bar: #f9f9f9;
$bg-page: #f3f3f3;
$bg-page-light: #f9f9f9;
$bg-menu-hover: #f2f6fc;
// sidebar
$menuText:#fff;
$menuActiveText:#fff;
$subMenuActiveText:#fff; //https://github.com/ElemeFE/element/issues/12951
$menuBg: #1d2b36;
$menuHover:#2288ff;
$subMenuBg:#1A2229;
$subMenuHover:#1A2229;
$sideBarWidth: 13.25rem;
$sideHideWidth: 3rem;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
menuText: $menuText;
menuActiveText: $menuActiveText;
subMenuActiveText: $subMenuActiveText;
menuBg: $menuBg;
menuHover: $menuHover;
subMenuBg: $subMenuBg;
subMenuHover: $subMenuHover;
sideBarWidth: $sideBarWidth;
}
src/views/login/login.vue
View file @ 9ea9ca3a
This diff is collapsed.
vue.config.js
View file @ 9ea9ca3a
......@@ -59,8 +59,9 @@ module.exports = {
open: false,
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: `http://192.168.1.78:8082/`,
// target: `http://192.168.1.78:8082/`,
// target: `http://192.168.1.21:8001/`, // 张宇
target: `http://192.168.1.41:8082/`,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment