Skip to content

C
confucius
Commit 435229a1 authored by 罗超's avatar 罗超
Browse files
Options

1

parent 18cc6f4b
Hide whitespace changes
Inline Side-by-side
Showing with 156 additions and 153 deletions
src/App.vue
View file @ 435229a1
<template> <template>
<div id="q-app"> <div id="q-app">
<router-view /> <router-view />
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'App' name: "App",
} };
</script> </script>
<style> <style>
@import url('~assets/css/font.css'); @import url("~assets/css/font.css");
@import url('//at.alicdn.com/t/font_2077629_gab1nkk31vv.css'); @import url("//at.alicdn.com/t/font_2077629_9tmhtn2zdwi.css");
.q-scrollarea__thumb{ .q-scrollarea__thumb {
z-index: 999999!important; z-index: 999999 !important;
} }
html, html,
body, body,
#q-app { #q-app {
min-height: 100vh; min-height: 100vh;
min-width: 100%; min-width: 100%;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-family: -apple-system,BlinkMacSystemFont,'pingfang',' Microsoft YaHei',"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-family: -apple-system, BlinkMacSystemFont, "pingfang", " Microsoft YaHei",
color: #3f4254; "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: #3f4254;
} }
.q-position-engine { .q-position-engine {
z-index: 9999; z-index: 9999;
} }
.el-date-picker, .el-date-picker,
.time-select{ .time-select {
z-index: 999999 !important; z-index: 999999 !important;
} }
.remark-font{ .remark-font {
font-size:12px; font-size: 12px;
font-family: Poppins,Helvetica,sans-serif; font-family: Poppins, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
color:#b5b5c3!important; color: #b5b5c3 !important;
} }
.svg-icon.svg-icon-primary g [fill] { .svg-icon.svg-icon-primary g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill: var(--q-color-primary) !important fill: var(--q-color-primary) !important;
} }
.svg-icon.svg-icon-secondary g [fill] { .svg-icon.svg-icon-secondary g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-secondary) !important; fill: var(--q-color-secondary) !important;
} }
.svg-icon.svg-icon-grey g [fill] { .svg-icon.svg-icon-grey g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:#ccc!important; fill: #ccc !important;
} }
.svg-icon.svg-icon-warning g [fill] { .svg-icon.svg-icon-warning g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-warning) !important; fill: var(--q-color-warning) !important;
} }
.svg-icon.svg-icon-negative g [fill] { .svg-icon.svg-icon-negative g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-negative) !important; fill: var(--q-color-negative) !important;
} }
.svg-icon.svg-icon-accent g [fill] { .svg-icon.svg-icon-accent g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-accent) !important; fill: var(--q-color-accent) !important;
} }
.svg-icon.svg-icon-dark g [fill] { .svg-icon.svg-icon-dark g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-dark) !important; fill: var(--q-color-dark) !important;
} }
.svg-icon.svg-icon-orange g [fill] { .svg-icon.svg-icon-orange g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:rgb(255, 152, 0) !important; fill: rgb(255, 152, 0) !important;
} }
.svg-icon.svg-icon-positive g [fill] { .svg-icon.svg-icon-positive g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:'#C9F7F5' !important; fill: "#C9F7F5" !important;
} }
.svg-icon.svg-icon-white g [fill] { .svg-icon.svg-icon-white g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:white !important; fill: white !important;
} }
.svg-icon.svg-icon-g-p g [fill] { .svg-icon.svg-icon-g-p g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:grey !important; fill: grey !important;
} }
.svg-icon.svg-icon-g-p{ .svg-icon.svg-icon-g-p {
cursor: pointer; cursor: pointer;
} }
.svg-icon.svg-icon-g-p:hover g [fill] { .svg-icon.svg-icon-g-p:hover g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-primary) !important; fill: var(--q-color-primary) !important;
} }
.svg-icon.svg-icon-b-p g [fill] { .svg-icon.svg-icon-b-p g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:#000 !important; fill: #000 !important;
} }
.svg-icon.svg-icon-b-p{ .svg-icon.svg-icon-b-p {
cursor: pointer; cursor: pointer;
} }
.svg-icon.svg-icon-b-p:hover g [fill] { .svg-icon.svg-icon-b-p:hover g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-primary) !important; fill: var(--q-color-primary) !important;
} }
.hover-primary:hover .svg-icon g [fill]{ .hover-primary:hover .svg-icon g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:white !important; fill: white !important;
} }
.hover-primary:hover .q-avatar{ .hover-primary:hover .q-avatar {
background-color: var(--q-color-primary) !important; background-color: var(--q-color-primary) !important;
} }
.hover-primary:hover{ .hover-primary:hover {
color: var(--q-color-primary) !important; color: var(--q-color-primary) !important;
} }
.hover-d-p{ .hover-d-p {
cursor: pointer; cursor: pointer;
color:var(--q-color-dark) !important; color: var(--q-color-dark) !important;
} }
.hover-d-p .svg-icon g [fill]{ .hover-d-p .svg-icon g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-dark) !important; fill: var(--q-color-dark) !important;
} }
.hover-d-p:hover{ .hover-d-p:hover {
color:var(--q-color-primary) !important; color: var(--q-color-primary) !important;
} }
.hover-d-p:hover .svg-icon g [fill]{ .hover-d-p:hover .svg-icon g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-primary) !important; fill: var(--q-color-primary) !important;
} }
.hover-g-p{ .hover-g-p {
cursor: pointer; cursor: pointer;
color:#ccc !important; color: #ccc !important;
} }
.hover-g-p .svg-icon g [fill]{ .hover-g-p .svg-icon g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:#ccc !important; fill: #ccc !important;
} }
.hover-g-p:hover{ .hover-g-p:hover {
color:var(--q-color-primary) !important; color: var(--q-color-primary) !important;
} }
.hover-g-p:hover .svg-icon g [fill]{ .hover-g-p:hover .svg-icon g [fill] {
transition: fill .3s ease; transition: fill 0.3s ease;
fill:var(--q-color-primary) !important; fill: var(--q-color-primary) !important;
} }
.text-muted { .text-muted {
color: #B5B5C3 !important; color: #b5b5c3 !important;
} }
.page-body { .page-body {
border-radius: 8px; border-radius: 8px;
background: #FFF; background: #fff;
padding: 30px; padding: 30px;
} }
.page-search { .page-search {
margin-bottom: 16px; margin-bottom: 16px;
font-family: "perfectFont"; font-family: "perfectFont";
} }
.page-content .q-table__title { .page-content .q-table__title {
font-family: "perfectFont"; font-family: "perfectFont";
} }
.page-content .q-table__container .scroll::-webkit-scrollbar, .page-content .q-table__container .scroll::-webkit-scrollbar,
.myscroll::-webkit-scrollbar { .myscroll::-webkit-scrollbar {
width: 10px; width: 10px;
height: 5px; height: 5px;
} }
.page-content .q-table__container .scroll::-webkit-scrollbar-thumb, .page-content .q-table__container .scroll::-webkit-scrollbar-thumb,
.myscroll::-webkit-scrollbar-thumb { .myscroll::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #535353; background: #535353;
} }
.page-content .q-table__container .scroll::-webkit-scrollbar-track, .page-content .q-table__container .scroll::-webkit-scrollbar-track,
.myscroll::-webkit-scrollbar-track { .myscroll::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px; border-radius: 10px;
background: #EDEDED; background: #ededed;
} }
.micfont { .micfont {
font-family: perfectFont !important; font-family: perfectFont !important;
} }
.fixed-right, .absolute-right{ .fixed-right,
overflow: unset; .absolute-right {
overflow: unset;
} }
.dialog-out-close { .dialog-out-close {
background: var(--q-color-primary); background: var(--q-color-primary);
position: absolute !important; position: absolute !important;
top: 30% !important; top: 30% !important;
left: -40px !important; left: -40px !important;
width: 40px !important; width: 40px !important;
height: 40px !important; height: 40px !important;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
color: #FFF; color: #fff;
border-top-left-radius: 4px !important; border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; border-bottom-left-radius: 4px !important;
cursor: pointer; cursor: pointer;
} }
.q-dialog__backdrop{ .q-dialog__backdrop {
background:rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
/***************************************************** Begin 重写ElementUI 抽屉效果 ***************************************************************/ /***************************************************** Begin 重写ElementUI 抽屉效果 ***************************************************************/
.el-drawer__wrapper{ .el-drawer__wrapper {
top: 61px !important; top: 61px !important;
} }
.v-modal{ .v-modal {
display: none !important; display: none !important;
} }
.el-drawer__wrapper .drawerTop { .el-drawer__wrapper .drawerTop {
background: none !important; background: none !important;
border-bottom: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;
} }
.el-drawer__wrapper .drawerTop .drawer_Span{ .el-drawer__wrapper .drawerTop .drawer_Span {
font-size: 18px !important; font-size: 18px !important;
font-weight: 500 !important; font-weight: 500 !important;
font-family: perfectFont !important; font-family: perfectFont !important;
} }
.el-drawer__wrapper .drawerTop .icon-guanbi{ .el-drawer__wrapper .drawerTop .icon-guanbi {
display: none !important; display: none !important;
} }
.el-tabs__item.is-active{ .el-tabs__item.is-active {
color:var(--q-color-primary) !important; color: var(--q-color-primary) !important;
} }
.el-tabs__active-bar{ .el-tabs__active-bar {
background-color:var(--q-color-primary) !important; background-color: var(--q-color-primary) !important;
} }
.page-body{ .page-body {
padding:15px !important; padding: 15px !important;
min-height: calc(100% - 30px); min-height: calc(100% - 30px);
margin:15px !important; margin: 15px !important;
} }
.q-table__top { .q-table__top {
padding: 0 0 12px 0px !important; padding: 0 0 12px 0px !important;
} }
.q-btn__wrapper .row, .q-btn__wrapper .row,
.q-btn__wrapper .column, .q-btn__wrapper .column,
.q-btn__wrapper .flex{ .q-btn__wrapper .flex {
flex-wrap: nowrap !important; flex-wrap: nowrap !important;
} }
.q-toolbar__title{ .q-toolbar__title {
flex:unset !important; flex: unset !important;
} }
button.bg-accent{ button.bg-accent {
background: linear-gradient(90deg, #37ADF7, #2961FE) !important; background: linear-gradient(90deg, #37adf7, #2961fe) !important;
} }
button.bg-accent:active{ button.bg-accent:active {
background: linear-gradient(270deg, #37ADF7, #2961FE) !important; background: linear-gradient(270deg, #37adf7, #2961fe) !important;
} }
/*.q-avatar__content{ /*.q-avatar__content{
font-family: perfectFont !important; font-family: perfectFont !important;
...@@ -271,14 +273,15 @@ button.bg-accent:active{ ...@@ -271,14 +273,15 @@ button.bg-accent:active{
display: block; display: block;
content: ' '; content: ' ';
}*/ }*/
.left-menu-box a.q-item.q-link{ .left-menu-box a.q-item.q-link {
margin:0 13px; margin: 0 13px;
min-height: 32px !important; min-height: 32px !important;
border-radius: 4px !important; border-radius: 4px !important;
} }
.left-menu-box a.q-item.q-router-link--active,.left-menu-box .q-item--active{ .left-menu-box a.q-item.q-router-link--active,
background:#ecf1ff !important; .left-menu-box .q-item--active {
color:var(--q-color-primary) !important; background: #ecf1ff !important;
color: var(--q-color-primary) !important;
} }
/***************************************************** End 重写ElementUI 抽屉效果 ***************************************************************/ /***************************************************** End 重写ElementUI 抽屉效果 ***************************************************************/
</style> </style>
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