Skip to content

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

feat: 新增样式模板8号

parent 212ec202
Show whitespace changes
Inline Side-by-side
Showing with 1618 additions and 327 deletions
.gitignore
View file @ 9ea9ca3a
.DS_Store .DS_Store
node_modules/ node_modules/
dist/ dist/
.history/
npm-debug.log* npm-debug.log*
yarn-debug.log* yarn-debug.log*
yarn-error.log* yarn-error.log*
......
public/index.html
View file @ 9ea9ca3a
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <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"> <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"> <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">--> <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2011217_f70ptj9y4oc.css">-->
<title><%= webpackConfig.name %></title> <title><%= webpackConfig.name %></title>
</head> </head>
......
src/layout/components/Settings/index.vue
View file @ 9ea9ca3a
...@@ -43,7 +43,8 @@ export default { ...@@ -43,7 +43,8 @@ export default {
{ value: '4', label: '风格4' }, { value: '4', label: '风格4' },
{ value: '5', label: '风格5' }, { value: '5', label: '风格5' },
{ value: '6', label: '风格6' }, { 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> <template>
<div class="sidebar-logo-container" :class="{'collapse':collapse}"> <div class="sidebar-logo-container" :class="{ collapse: collapse }">
<transition name="sidebarLogoFade"> <transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/"> <router-link
<img :src="logo" class="sidebar-logo"> v-if="collapse"
key="collapse"
class="sidebar-logo-link"
to="/"
>
<img :src="logo" class="sidebar-logo" />
<!-- <div class="sidebar-title">{{ title }} </div>--> <!-- <div class="sidebar-title">{{ title }} </div>-->
</router-link> </router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/"> <router-link v-else key="expand" class="sidebar-logo-link" to="/">
<div class="sidebar-logoTitle"> <div class="sidebar-logoTitle">
<div class="sidebar-logoRow"><img :src="logo" class="sidebar-logo"></div> <div class="sidebar-logoRow">
<div class="sidebar-title">{{ title }} </div> <img :src="logo" class="sidebar-logo" />
</div>
<div class="sidebar-title">{{ title }}</div>
</div> </div>
</router-link> </router-link>
</transition> </transition>
...@@ -35,7 +42,10 @@ export default { ...@@ -35,7 +42,10 @@ export default {
// 根据选择的风格切换图标 // 根据选择的风格切换图标
// eslint-disable-next-line vue/return-in-computed-property // eslint-disable-next-line vue/return-in-computed-property
logo() { logo() {
if (!localStorage.getItem('theme') || localStorage.getItem('theme') === '1') { if (
!localStorage.getItem('theme') ||
localStorage.getItem('theme') === '1'
) {
return require('@/assets/themeAImage/menuLogo.png') return require('@/assets/themeAImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '2') { } else if (localStorage.getItem('theme') === '2') {
return require('@/assets/themeBImage/menuLogo.png') return require('@/assets/themeBImage/menuLogo.png')
...@@ -49,6 +59,8 @@ export default { ...@@ -49,6 +59,8 @@ export default {
return require('@/assets/themeFImage/menuLogo.png') return require('@/assets/themeFImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '7') { } else if (localStorage.getItem('theme') === '7') {
return require('@/assets/themeGImage/menuLogo.png') return require('@/assets/themeGImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '8') {
return require('@/assets/themeHImage/menuLogo.png')
} }
} }
}, },
...@@ -60,6 +72,4 @@ export default { ...@@ -60,6 +72,4 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>
src/layout/components/Sidebar/index.vue
View file @ 9ea9ca3a
...@@ -29,7 +29,7 @@ import themeDvariables from '@/styles/themeD/variables.scss' ...@@ -29,7 +29,7 @@ import themeDvariables from '@/styles/themeD/variables.scss'
import themeEvariables from '@/styles/themeE/variables.scss' import themeEvariables from '@/styles/themeE/variables.scss'
import themeFvariables from '@/styles/themeF/variables.scss' import themeFvariables from '@/styles/themeF/variables.scss'
import themeGvariables from '@/styles/themeG/variables.scss' import themeGvariables from '@/styles/themeG/variables.scss'
import themeHvariables from '@/styles/themeH/variables.scss'
export default { export default {
components: { SidebarItem, Logo }, components: { SidebarItem, Logo },
computed: { computed: {
...@@ -66,6 +66,8 @@ export default { ...@@ -66,6 +66,8 @@ export default {
return themeFvariables return themeFvariables
} else if (localStorage.getItem('theme') === '7') { } else if (localStorage.getItem('theme') === '7') {
return themeGvariables return themeGvariables
} else if (localStorage.getItem('theme') === '8') {
return themeHvariables
} }
}, },
isCollapse() { isCollapse() {
......
src/main.js
View file @ 9ea9ca3a
...@@ -14,7 +14,7 @@ import '@/styles/index.scss' // global css ...@@ -14,7 +14,7 @@ import '@/styles/index.scss' // global css
// 手动设置皮肤变量，选择项目样式风格(如果没有设置并存储皮肤风格，则默认一套，可手动更改) // 手动设置皮肤变量，选择项目样式风格(如果没有设置并存储皮肤风格，则默认一套，可手动更改)
// console.log('aaaa', window.localStorage.getItem('theme')) // console.log('aaaa', window.localStorage.getItem('theme'))
if (!window.localStorage.getItem('theme')) { if (!window.localStorage.getItem('theme')) {
const themeVal = '7' const themeVal = '8'
window.localStorage.setItem('theme', themeVal) window.localStorage.setItem('theme', themeVal)
} }
const storageValue = window.localStorage.getItem('theme') // 获取 localStorage 中的值 const storageValue = window.localStorage.getItem('theme') // 获取 localStorage 中的值
...@@ -32,7 +32,10 @@ if (!storageValue || storageValue === '1') { ...@@ -32,7 +32,10 @@ if (!storageValue || storageValue === '1') {
import('@/styles/themeF/index.scss') import('@/styles/themeF/index.scss')
} else if (storageValue === '7') { } else if (storageValue === '7') {
import('@/styles/themeG/index.scss') import('@/styles/themeG/index.scss')
} else if (storageValue === '8') {
import('@/styles/themeH/index.scss')
} }
import halberd from '@/utils/halberd' import halberd from '@/utils/halberd'
import App from './App' import App from './App'
import store from './store' import store from './store'
......
src/styles/sidebar.scss
View file @ 9ea9ca3a
...@@ -223,14 +223,14 @@ ...@@ -223,14 +223,14 @@
} }
.router-link-active .el-menu-item.is-active { .router-link-active .el-menu-item.is-active {
background-color: #ffffff !important; background-color: #2288FF !important;
} }
// hover样式 // hover样式
.el-submenu__title:hover { .el-submenu__title:hover {
color: #46bcf2 !important; color: #fff !important;
.el-submenu__icon-arrow { .el-submenu__icon-arrow {
color: #46bcf2 !important; color: #fff !important;
} }
} }
.nest-menu .el-submenu > .el-submenu__title:hover { .nest-menu .el-submenu > .el-submenu__title:hover {
...@@ -251,10 +251,10 @@ ...@@ -251,10 +251,10 @@
} }
.el-submenu.is-opened { .el-submenu.is-opened {
background-color: #FFFFFF !important; background-color: #171725 !important;
> .el-submenu__title { > .el-submenu__title {
background-color: #fff !important; background-color: #171725 !important;
color: #46bcf2 !important; color: #46bcf2 !important;
.el-submenu__icon-arrow { .el-submenu__icon-arrow {
...@@ -264,11 +264,11 @@ ...@@ -264,11 +264,11 @@
.el-menu { .el-menu {
.el-menu-item { .el-menu-item {
background-color: #fff !important; background-color: #171725 !important;
color: #000000 !important; color: #fff !important;
&.is-active { &.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
...@@ -2,25 +2,43 @@ ...@@ -2,25 +2,43 @@
<div class="login"> <div class="login">
<!-- v-loading="vLoading"--> <!-- v-loading="vLoading"-->
<div v-if="themeType && themeType === '7'" class="loginTitle"> <div v-if="themeType && themeType === '7'" class="loginTitle">
<img class="login-logo" src="../../assets/themeGImage/login_logo.png"> <img class="login-logo" src="../../assets/themeGImage/login_logo.png" />
<span class="loginTitle_text">Square</span> <span class="loginTitle_text">Square</span>
</div> </div>
<el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form"> <el-form
ref="loginForm"
:model="loginForm"
:rules="rules"
class="login-form"
>
<div class="login_logoRow"> <div class="login_logoRow">
<div class="login_form_logo" /> <div class="login_form_logo" />
</div> </div>
<div class="loginTitleRow"> <div class="loginTitleRow">
<div <div v-if="themeType && themeType === '7'" class="title">
v-if="themeType && themeType === '7'" Sign Up to your acco
class="title" </div>
> <div v-else class="title">
Sign Up to your acco</div> <div v-if="themeType && themeType === '8'" class="sub_title">
<div v-else class="title">信息化管理系统</div> 欢迎登录
</div>
信息化 <br v-if="themeType && themeType === '8'" />
管理系统
</div>
</div> </div>
<div class="login-form-content"> <div class="login-form-content">
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号"> <el-input
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> v-model="loginForm.username"
type="text"
auto-complete="off"
placeholder="账号"
>
<svg-icon
slot="prefix"
icon-class="user"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
...@@ -31,10 +49,17 @@ ...@@ -31,10 +49,17 @@
placeholder="密码" placeholder="密码"
@keypress.enter.native="handleLogin" @keypress.enter.native="handleLogin"
> >
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> <svg-icon
slot="prefix"
icon-class="password"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
</el-form-item> </el-form-item>
<div v-if="captchaType === 'MATH' || captchaType === 'CHAR'" class="loginCode_formItem"> <div
v-if="captchaType === 'MATH' || captchaType === 'CHAR'"
class="loginCode_formItem"
>
<el-form-item prop="code"> <el-form-item prop="code">
<el-input <el-input
v-model="loginForm.code" v-model="loginForm.code"
...@@ -42,16 +67,33 @@ ...@@ -42,16 +67,33 @@
placeholder="验证码" placeholder="验证码"
@keypress.enter.native="handleLogin" @keypress.enter.native="handleLogin"
> >
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> <svg-icon
slot="prefix"
icon-class="validCode"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
</el-form-item> </el-form-item>
<div class="login-code"> <div class="login-code">
<img class="login-codeImg" :src="codeUrl" @click="getCode"> <img class="login-codeImg" :src="codeUrl" @click="getCode" />
</div> </div>
</div> </div>
<el-form-item v-if="captchaType === 'BLOCK' || captchaType === 'WORD'" prop="code"> <el-form-item
<div class="my_btn" @click="() => {if (!verify) verifyShowFlag = true}"> v-if="captchaType === 'BLOCK' || captchaType === 'WORD'"
<div class="my_radar_btn" :class="[verify? 'my_radar_btn_success' : 'my_radar_btn_verify']"> prop="code"
>
<div
class="my_btn"
@click="
() => {
if (!verify) verifyShowFlag = true
}
"
>
<div
class="my_radar_btn"
:class="[verify ? 'my_radar_btn_success' : 'my_radar_btn_verify']"
>
<div class="my_radar_tip"> <div class="my_radar_tip">
<el-popover <el-popover
v-model="verifyShowFlag" v-model="verifyShowFlag"
...@@ -95,7 +137,6 @@ ...@@ -95,7 +137,6 @@
:loading="loading" :loading="loading"
size="medium" size="medium"
type="primary" type="primary"
@click.native.prevent="handleLogin" @click.native.prevent="handleLogin"
> >
<!-- :disabled="!verify"--> <!-- :disabled="!verify"-->
...@@ -103,10 +144,17 @@ ...@@ -103,10 +144,17 @@
<span v-else>登 录 中...</span> <span v-else>登 录 中...</span>
</el-button> </el-button>
</el-form-item> </el-form-item>
<div <div class="login_buttons-content">
class="login_buttons-content" <el-checkbox
v-if="themeType && themeType === '8'"
v-model="loginForm.rememberMe"
class="rem-code"
>保持登录</el-checkbox
> >
<el-checkbox v-model="loginForm.rememberMe" class="rem-code">记住密码</el-checkbox> <el-checkbox v-else v-model="loginForm.rememberMe" class="rem-code"
>记住密码</el-checkbox
>
<!-- <el-link--> <!-- <el-link-->
<!-- :underline="false"--> <!-- :underline="false"-->
<!-- @click="goDetail('/forgetPwd')"--> <!-- @click="goDetail('/forgetPwd')"-->
...@@ -146,9 +194,7 @@ export default { ...@@ -146,9 +194,7 @@ export default {
username: [ username: [
{ required: true, trigger: 'blur', message: '用户名不能为空' } { required: true, trigger: 'blur', message: '用户名不能为空' }
], ],
password: [ password: [{ required: true, trigger: 'blur', message: '密码不能为空' }]
{ required: true, trigger: 'blur', message: '密码不能为空' }
]
}, },
loading: false, loading: false,
vLoading: true, vLoading: true,
...@@ -213,7 +259,10 @@ export default { ...@@ -213,7 +259,10 @@ export default {
const rememberMe = Cookies.get('rememberMe') const rememberMe = Cookies.get('rememberMe')
this.loginForm = { this.loginForm = {
username: username === undefined ? this.loginForm.username : username, username: username === undefined ? this.loginForm.username : username,
password: password === undefined ? this.loginForm.password : passwordDecrypt(password), password:
password === undefined
? this.loginForm.password
: passwordDecrypt(password),
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe) rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
} }
}, },
...@@ -244,7 +293,9 @@ export default { ...@@ -244,7 +293,9 @@ export default {
rememberMe() { rememberMe() {
if (this.loginForm.rememberMe) { if (this.loginForm.rememberMe) {
Cookies.set('username', this.loginForm.username, { expires: 30 }) Cookies.set('username', this.loginForm.username, { expires: 30 })
Cookies.set('password', passwordEncrypt(this.loginForm.password), { expires: 30 }) Cookies.set('password', passwordEncrypt(this.loginForm.password), {
expires: 30
})
Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 }) Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 })
} else { } else {
Cookies.remove('username') Cookies.remove('username')
...@@ -254,12 +305,15 @@ export default { ...@@ -254,12 +305,15 @@ export default {
}, },
successLogin() { successLogin() {
this.loading = true this.loading = true
this.$store.dispatch('Login', this.loginForm).then(() => { this.$store
.dispatch('Login', this.loginForm)
.then(() => {
// window.location.href = `${this.reLocation}/#/` // window.location.href = `${this.reLocation}/#/`
// this.$router.push({ path: `http://main.court.com${this.redirect || "/"}` }); // this.$router.push({ path: `http://main.court.com${this.redirect || "/"}` });
// this.$router.push('/welcome') // this.$router.push('/welcome')
this.$router.push('/controlPlatform/control') this.$router.push('/controlPlatform/control')
}).catch(() => { })
.catch(() => {
this.loading = false this.loading = false
this.verify = false this.verify = false
if (this.captchaType === 'MATH' || this.captchaType === 'CHAR') { if (this.captchaType === 'MATH' || this.captchaType === 'CHAR') {
...@@ -272,7 +326,7 @@ export default { ...@@ -272,7 +326,7 @@ export default {
</script> </script>
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.my_btn { .my_btn {
position: relative; position: relative;
width: 100%; width: 100%;
height: 44px; height: 44px;
...@@ -315,29 +369,28 @@ export default { ...@@ -315,29 +369,28 @@ export default {
text-align: left; text-align: left;
} }
} }
} }
.my_radar_btn_verify { .my_radar_btn_verify {
cursor: pointer; cursor: pointer;
border: 1px solid #ccc; border: 1px solid #ccc;
background-image: linear-gradient(180deg, #ffffff 0%,#f3f3f3 100%); background-image: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
.my_radar_text { .my_radar_text {
color: #666; color: #666;
} }
} }
.my_radar_btn_verify:hover { .my_radar_btn_verify:hover {
background-image: linear-gradient(0deg, #ffffff 0%,#f3f3f3 100%); background-image: linear-gradient(0deg, #ffffff 0%, #f3f3f3 100%);
} }
.my_radar_btn_success { .my_radar_btn_success {
cursor: default; cursor: default;
border: 1px solid #26C267; border: 1px solid #26c267;
background-color: #eefff5; background-color: #eefff5;
color: #18A452; color: #18a452;
.my_radar_text { .my_radar_text {
color: #18A452; color: #18a452;
} }
} }
.geetest_success_box { .geetest_success_box {
position: absolute; position: absolute;
top: 4px; top: 4px;
left: 4px; left: 4px;
...@@ -350,12 +403,12 @@ export default { ...@@ -350,12 +403,12 @@ export default {
top: 0; top: 0;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-color: #EEFFF5; background-color: #eefff5;
.geetest_success_pie { .geetest_success_pie {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 0; top: 0;
border: 2px solid #80D6AC; border: 2px solid #80d6ac;
border-left: none; border-left: none;
border-radius: 0 100% 100% 0 / 0 50% 50% 0; border-radius: 0 100% 100% 0 / 0 50% 50% 0;
width: 50%; width: 50%;
...@@ -374,7 +427,7 @@ export default { ...@@ -374,7 +427,7 @@ export default {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
border: 2px solid #80D6AC; border: 2px solid #80d6ac;
border-right: none; border-right: none;
border-radius: 100% 0 0 100% / 50% 0 0 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%;
width: 50%; width: 50%;
...@@ -393,7 +446,7 @@ export default { ...@@ -393,7 +446,7 @@ export default {
.geetest_success_mask { .geetest_success_mask {
border: none; border: none;
border-radius: 0; border-radius: 0;
background-color: #EEFFF5; background-color: #eefff5;
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 0; top: 0;
...@@ -439,150 +492,149 @@ export default { ...@@ -439,150 +492,149 @@ export default {
animation: geetest_success_correct 0.7s ease both; animation: geetest_success_correct 0.7s ease both;
} }
} }
} }
@keyframes geetest_success_filter { @keyframes geetest_success_filter {
50.9% { 50.9% {
opacity: 0 opacity: 0;
} }
51% { 51% {
opacity: 1 opacity: 1;
} }
100% { 100% {
opacity: 1 opacity: 1;
}
} }
}
@-webkit-keyframes geetest_success_filter { @-webkit-keyframes geetest_success_filter {
50.9% { 50.9% {
opacity: 0 opacity: 0;
} }
51% { 51% {
opacity: 1 opacity: 1;
} }
100% { 100% {
opacity: 1 opacity: 1;
}
} }
@keyframes geetest_success_mask { }
@keyframes geetest_success_mask {
50.9% { 50.9% {
opacity: 1 opacity: 1;
} }
51% { 51% {
opacity: 0 opacity: 0;
} }
100% { 100% {
opacity: 0 opacity: 0;
}
} }
}
@-webkit-keyframes geetest_success_mask { @-webkit-keyframes geetest_success_mask {
50.9% { 50.9% {
opacity: 1 opacity: 1;
} }
51% { 51% {
opacity: 0 opacity: 0;
} }
100% { 100% {
opacity: 0 opacity: 0;
}
} }
@keyframes geetest_success_pie { }
@keyframes geetest_success_pie {
25% { 25% {
-moz-transform: rotate(25deg); -moz-transform: rotate(25deg);
-ms-transform: rotate(25deg); -ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg); -webkit-transform: rotate(25deg);
transform: rotate(25deg) transform: rotate(25deg);
} }
100% { 100% {
-moz-transform: rotate(-275deg); -moz-transform: rotate(-275deg);
-ms-transform: rotate(-275deg); -ms-transform: rotate(-275deg);
-webkit-transform: rotate(-275deg); -webkit-transform: rotate(-275deg);
transform: rotate(-275deg) transform: rotate(-275deg);
}
} }
}
@-webkit-keyframes geetest_success_pie { @-webkit-keyframes geetest_success_pie {
25% { 25% {
-moz-transform: rotate(25deg); -moz-transform: rotate(25deg);
-ms-transform: rotate(25deg); -ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg); -webkit-transform: rotate(25deg);
transform: rotate(25deg) transform: rotate(25deg);
} }
100% { 100% {
-moz-transform: rotate(-275deg); -moz-transform: rotate(-275deg);
-ms-transform: rotate(-275deg); -ms-transform: rotate(-275deg);
-webkit-transform: rotate(-275deg); -webkit-transform: rotate(-275deg);
transform: rotate(-275deg) transform: rotate(-275deg);
} }
} }
@keyframes geetest_success_correct { @keyframes geetest_success_correct {
0% { 0% {
-moz-transform: translate(-28px, 28px); -moz-transform: translate(-28px, 28px);
-ms-transform: translate(-28px, 28px); -ms-transform: translate(-28px, 28px);
-webkit-transform: translate(-28px, 28px); -webkit-transform: translate(-28px, 28px);
transform: translate(-28px, 28px) transform: translate(-28px, 28px);
} }
30% { 30% {
-moz-transform: translate(-28px, 28px); -moz-transform: translate(-28px, 28px);
-ms-transform: translate(-28px, 28px); -ms-transform: translate(-28px, 28px);
-webkit-transform: translate(-28px, 28px); -webkit-transform: translate(-28px, 28px);
transform: translate(-28px, 28px) transform: translate(-28px, 28px);
} }
90% { 90% {
-moz-transform: translate(3px, -2px); -moz-transform: translate(3px, -2px);
-ms-transform: translate(3px, -2px); -ms-transform: translate(3px, -2px);
-webkit-transform: translate(3px, -2px); -webkit-transform: translate(3px, -2px);
transform: translate(3px, -2px) transform: translate(3px, -2px);
} }
100% { 100% {
-moz-transform: translate(1px, 0); -moz-transform: translate(1px, 0);
-ms-transform: translate(1px, 0); -ms-transform: translate(1px, 0);
-webkit-transform: translate(1px, 0); -webkit-transform: translate(1px, 0);
transform: translate(1px, 0) transform: translate(1px, 0);
}
} }
}
@-webkit-keyframes geetest_success_correct { @-webkit-keyframes geetest_success_correct {
0% { 0% {
-moz-transform: translate(-28px, 28px); -moz-transform: translate(-28px, 28px);
-ms-transform: translate(-28px, 28px); -ms-transform: translate(-28px, 28px);
-webkit-transform: translate(-28px, 28px); -webkit-transform: translate(-28px, 28px);
transform: translate(-28px, 28px) transform: translate(-28px, 28px);
} }
30% { 30% {
-moz-transform: translate(-28px, 28px); -moz-transform: translate(-28px, 28px);
-ms-transform: translate(-28px, 28px); -ms-transform: translate(-28px, 28px);
-webkit-transform: translate(-28px, 28px); -webkit-transform: translate(-28px, 28px);
transform: translate(-28px, 28px) transform: translate(-28px, 28px);
} }
90% { 90% {
-moz-transform: translate(3px, -2px); -moz-transform: translate(3px, -2px);
-ms-transform: translate(3px, -2px); -ms-transform: translate(3px, -2px);
-webkit-transform: translate(3px, -2px); -webkit-transform: translate(3px, -2px);
transform: translate(3px, -2px) transform: translate(3px, -2px);
} }
100% { 100% {
-moz-transform: translate(1px, 0); -moz-transform: translate(1px, 0);
-ms-transform: translate(1px, 0); -ms-transform: translate(1px, 0);
-webkit-transform: translate(1px, 0); -webkit-transform: translate(1px, 0);
transform: translate(1px, 0) transform: translate(1px, 0);
}
} }
}
</style> </style>
vue.config.js
View file @ 9ea9ca3a
...@@ -59,8 +59,9 @@ module.exports = { ...@@ -59,8 +59,9 @@ module.exports = {
open: false, open: false,
proxy: { proxy: {
[process.env.VUE_APP_BASE_API]: { [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.21:8001/`, // 张宇
target: `http://192.168.1.41:8082/`,
pathRewrite: { pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '' ['^' + 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