7a4fbc30 by 任超

style:样式整理

1 parent 5a33c89e
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-20 16:36:51
-->
<template>
<el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
<span class="fl">当前页面:</span>
......@@ -53,7 +58,3 @@ export default {
}
}
</script>
\ No newline at end of file
<style lang="scss" scoped>
</style>
......
......@@ -144,7 +144,6 @@ export default {
}
.el-form-item__content {
// height: 32px;
line-height: 32px;
// date 组件有图标
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-20 16:35:09
-->
<template>
<section class="app-main">
<transition name="fade-transform" mode="out-in">
......@@ -17,11 +22,12 @@ export default {
</script>
<style lang="scss" scoped>
.app-main {
height: calc(100vh - 84px);
height: calc(100vh - 74px);
overflow-x: hidden;
box-sizing: border-box;
flex: 1;
width: 100%;
// background-color: #ffffff;
background: #EFF0F4;
padding: 15px;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-10 15:00:56
* @LastEditTime: 2023-03-20 16:05:15
-->
<template>
<div class="app-wrapper scWrapper">
<div class="app-wrapper">
<navbar />
<div class="main-container">
<sidebar class="sidebar-container" />
......
@import '~@/styles/element-ui.scss';
.from-clues {
height: 100%;
width: 100%;
min-width: 1280px;
box-sizing: border-box;
overflow-x: hidden;
padding: 2px;
&-header {
width: 100%;
padding: 5px 30px 20px 24px;
box-sizing: border-box;
background-size: 100% 100%;
background: #FFFFFF;
border-radius: 4px;
}
&-content {
width: 100%;
box-sizing: border-box;
margin-top: 15px;
background: #FFFFFF;
border-radius: 4px;
background-size: 100% 100%;
padding: 22px 42px 20px;
}
.el-form--inline .el-form-item {
width: auto;
margin-right: 0px;
.el-form-item__content {
width: auto;
}
}
.el-form-item--small.el-form-item {
margin-bottom: 0px;
}
}
/* --------------进度条美化---------------- */
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track {
width: 7px;
background-color: rgba(255, 255, 255, 0);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
::-webkit-scrollbar-thumb {
background-color: rgb(207, 208, 209);
background-clip: padding-box;
min-height: 28px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(162, 164, 167);
}
\ No newline at end of file
......@@ -7,11 +7,14 @@
display: flex;
}
.el-form-item__content {
margin-left: 0!important;
}
.sidebar-container {
transition: width 0.28s;
width: $sideBarWidth !important;
font-size: 0px;
margin-right: 15px;
@include background_color("menuBg");
.horizontal-collapse-transition {
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-20 15:12:38
* @LastEditTime: 2023-03-21 09:27:26
*/
import Layout from '@/layout'
export default function filterAsyncRouter (routers) {
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-20 14:50:19
* @LastEditTime: 2023-03-20 16:53:52
*/
import Vue from 'vue'
export default function getTheme (theme = Vue.prototype.BASE_API.THEME) {
......@@ -10,6 +10,7 @@ export default function getTheme (theme = Vue.prototype.BASE_API.THEME) {
import("@/styles/jgPublic.scss")
},
'sjsb': function () {
import("@/styles/sbPublic.scss")
},
default: function () {
},
......