Skip to content

F
founder_vue
Commit 6c48cfe8 by 张超军
Options

样式修改

parent e55d7806
Showing with 315 additions and 311 deletions
src/App.vue
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-06-15 15:12:19 * @Date: 2021-06-15 15:12:19
* @LastEditTime: 2022-08-18 17:43:00 * @LastEditTime: 2022-08-19 09:38:40
* @LastEditors: zhangchaojun 893499851@qq.com * @LastEditors: zhangchaojun 893499851@qq.com
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \founder_vue\src\App.vue * @FilePath: \founder_vue\src\App.vue
...@@ -55,4 +55,8 @@ export default { ...@@ -55,4 +55,8 @@ export default {
#app { #app {
height: 100vh; height: 100vh;
} }
* {
margin: 0;
padding: 0;
}
</style> </style>
src/assets/styles/main.scss
...@@ -44,318 +44,318 @@ body { ...@@ -44,318 +44,318 @@ body {
color: $ns-text-color; color: $ns-text-color;
} }
#nprogress .bar { // #nprogress .bar {
background: $base-color !important;/*自定义颜色*/ // background: $base-color !important;/*自定义颜色*/
} // }
/*input框 字典图标hover 删除图标hover start 已选条件得标签删除图标大小*/ // /*input框 字典图标hover 删除图标hover start 已选条件得标签删除图标大小*/
.iconzidianmaxuanze:hover{color: #70747c;} // .iconzidianmaxuanze:hover{color: #70747c;}
.el-input .el-input__clear{font-size:16px;} // .el-input .el-input__clear{font-size:16px;}
.el-input .el-input__clear:hover{color:red;} // .el-input .el-input__clear:hover{color:red;}
.el-tag .el-icon-close{width:20px;height:20px;line-height: 20px;} // .el-tag .el-icon-close{width:20px;height:20px;line-height: 20px;}
.el-tag .el-tag__close{font-size:18px;} // .el-tag .el-tag__close{font-size:18px;}
/*input框 字典图标hover 删除图标hover end*/ // /*input框 字典图标hover 删除图标hover end*/
/*分页显示多少条自定义位置 formWrap必须是父级容器 start*/ // /*分页显示多少条自定义位置 formWrap必须是父级容器 start*/
.formWrap{position: relative;} // .formWrap{position: relative;}
/deep/ .el-pagination__sizes{ // /deep/ .el-pagination__sizes{
position:absolute; // position:absolute;
top:20px; // top:20px;
right:251px; // right:251px;
} // }
/deep/ .el-pagination__sizes /deep/ .el-input__inner{height:32px;line-height: 32px;border: 1px solid #CFCFCF;} // /deep/ .el-pagination__sizes /deep/ .el-input__inner{height:32px;line-height: 32px;border: 1px solid #CFCFCF;}
/deep/ .el-date-editor /deep/ .el-range__icon { // /deep/ .el-date-editor /deep/ .el-range__icon {
position: absolute; // position: absolute;
right: 0px; // right: 0px;
top: 2px; // top: 2px;
line-height: 32px; // line-height: 32px;
} // }
/deep/ .el-icon-date:before { // /deep/ .el-icon-date:before {
content: "\e607"; // content: "\e607";
} // }
/deep/ .el-date-editor /deep/ .el-range__close-icon { // /deep/ .el-date-editor /deep/ .el-range__close-icon {
margin-top: -3px !important; // margin-top: -3px !important;
margin-right: 8px !important; // margin-right: 8px !important;
line-height: 36px !important; // line-height: 36px !important;
} // }
/deep/ .el-form /deep/ .el-select{ // /deep/ .el-form /deep/ .el-select{
width:100%; // width:100%;
} // }
/deep/ .el-dialog__header { // /deep/ .el-dialog__header {
padding-left: 24px !important; // padding-left: 24px !important;
} // }
/deep/ .el-dialog__footer { // /deep/ .el-dialog__footer {
padding: 0px 10px 10px !important; // padding: 0px 10px 10px !important;
} // }
/deep/ .el-dialog__body { // /deep/ .el-dialog__body {
padding: 0 10px !important; // padding: 0 10px !important;
} // }
/deep/ .el-input__suffix{ // /deep/ .el-input__suffix{
right:1px !important; // right:1px !important;
} // }
/*.el-table td.is-hidden>*{ // /*.el-table td.is-hidden>*{
visibility: inherit; // visibility: inherit;
}*/ // }*/
.leftMenu /deep/.el-menu-item:hover{background: rgba(64, 158, 255, 0.08) !important;} // .leftMenu /deep/.el-menu-item:hover{background: rgba(64, 158, 255, 0.08) !important;}
/*分页显示多少条自定义位置 formWrap必须是父级容器 end*/ // /*分页显示多少条自定义位置 formWrap必须是父级容器 end*/
.content{width:100%;height:calc(100vh - 60px);overflow: hidden;display: flex;} // .content{width:100%;height:calc(100vh - 60px);overflow: hidden;display: flex;}
.color1{color:$base-color;} // .color1{color:$base-color;}
.pointer{cursor: pointer;text-decoration: underline;} // .pointer{cursor: pointer;text-decoration: underline;}
.inherit{color:#606266;cursor: inherit;} // .inherit{color:#606266;cursor: inherit;}
.back{ // .back{
line-height: 17px; // line-height: 17px;
margin-left: 13px; // margin-left: 13px;
font-size: 15px; // font-size: 15px;
font-weight: 600; // font-weight: 600;
position: relative; // position: relative;
top: -6px; // top: -6px;
} // }
.back span{cursor: pointer;} // .back span{cursor: pointer;}
.color2,.zdyLxTag:hover{color:#333;} // .color2,.zdyLxTag:hover{color:#333;}
.zdy_back_btn{width:120px;height:36px;font-size:14px;} // .zdy_back_btn{width:120px;height:36px;font-size:14px;}
.zdyLxTag{ // .zdyLxTag{
display: inline-block; // display: inline-block;
padding:0 6px; // padding:0 6px;
height: 24px; // height: 24px;
line-height: 24px; // line-height: 24px;
text-align: center; // text-align: center;
background: #ebebeb; // background: #ebebeb;
border-radius: 2px; // border-radius: 2px;
margin: 2px 0; // margin: 2px 0;
} // }
/*svg图标通用样式 start*/ // /*svg图标通用样式 start*/
.alSvgIcon { // .alSvgIcon {
width: 1em; // width: 1em;
height: 1em; // height: 1em;
fill: currentColor; // fill: currentColor;
overflow: hidden; // overflow: hidden;
} // }
.menuIcon{ // .menuIcon{
font-size: 19px; // font-size: 19px;
vertical-align: middle; // vertical-align: middle;
position: relative; // position: relative;
top: -2px; // top: -2px;
cursor: pointer; // cursor: pointer;
} // }
.menuIcon29{font-size:29px;margin-right:12px;} // .menuIcon29{font-size:29px;margin-right:12px;}
/*svg图标通用样式 end*/ // /*svg图标通用样式 end*/
html, // html,
body, // body,
dl, // dl,
dt, // dt,
dd, // dd,
ol, // ol,
ul, // ul,
h1, // h1,
h2, // h2,
h3, // h3,
h4, // h4,
h5, // h5,
h6, // h6,
p { // p {
margin: 0; // margin: 0;
padding: 0; // padding: 0;
} // }
article, // article,
aside, // aside,
details, // details,
figcaption, // figcaption,
figure, // figure,
footer, // footer,
header, // header,
hgroup, // hgroup,
menu, // menu,
nav, // nav,
section { // section {
display: block; // display: block;
} // }
ol, // ol,
ul, // ul,
li { // li {
list-style: none; // list-style: none;
} // }
i, // i,
em { // em {
font-style: normal; // font-style: normal;
} // }
body{ // body{
background: $body-bg; // background: $body-bg;
} // }
/*去掉a标签的默认样式*/ // /*去掉a标签的默认样式*/
a { // a {
text-decoration: none; // text-decoration: none;
color: $ns-text-color; // color: $ns-text-color;
&:hover { // &:hover {
color: $base-color; // color: $base-color;
} // }
} // }
.ar{text-align: right;} // .ar{text-align: right;}
.ac{text-align: center;} // .ac{text-align: center;}
.al{text-align: left;} // .al{text-align: left;}
.el-main { // .el-main {
border-top: solid 1px #f2f2f2; // border-top: solid 1px #f2f2f2;
overflow: initial; // overflow: initial;
background-color: #fff; // background-color: #fff;
padding: 0; // padding: 0;
} // }
img { // img {
border-style: none; // border-style: none;
max-width: 100%; // max-width: 100%;
vertical-align: middle; // vertical-align: middle;
} // }
.overflow{ // .overflow{
overflow: hidden; // overflow: hidden;
text-overflow:ellipsis; // text-overflow:ellipsis;
white-space: nowrap; // white-space: nowrap;
display: inline-block; // display: inline-block;
vertical-align: middle; // vertical-align: middle;
} // }
.width120{max-width:120px;} // .width120{max-width:120px;}
.inline{vertical-align: middle;display: inline-block;} // .inline{vertical-align: middle;display: inline-block;}
/* 居中*/ // /* 居中*/
.ns-text-align { // .ns-text-align {
text-align: center; // text-align: center;
} // }
/*表头配置面板样式*/ // /*表头配置面板样式*/
/* line 99, ../sass/sass/_queryList.scss */ // /* line 99, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag { // #set_table_panel .table-header-drag {
width: 100%; // width: 100%;
height: auto; // height: auto;
} // }
/* line 103, ../sass/sass/_queryList.scss */ // /* line 103, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .selected-header { // #set_table_panel .table-header-drag .selected-header {
padding: 10px; // padding: 10px;
} // }
/* line 105, ../sass/sass/_queryList.scss */ // /* line 105, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .selected-header > div { // #set_table_panel .table-header-drag .selected-header > div {
padding-bottom: 5px; // padding-bottom: 5px;
border-bottom: 1px dashed #ccc; // border-bottom: 1px dashed #ccc;
} // }
/* line 110, ../sass/sass/_queryList.scss */ // /* line 110, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .selected-header ul div { // #set_table_panel .table-header-drag .selected-header ul div {
background-color: #ed4848; // background-color: #ed4848;
} // }
/* line 115, ../sass/sass/_queryList.scss */ // /* line 115, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .waiting-header { // #set_table_panel .table-header-drag .waiting-header {
padding: 10px; // padding: 10px;
} // }
/* line 117, ../sass/sass/_queryList.scss */ // /* line 117, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .waiting-header > div { // #set_table_panel .table-header-drag .waiting-header > div {
padding-bottom: 5px; // padding-bottom: 5px;
border-bottom: 1px dashed #ccc; // border-bottom: 1px dashed #ccc;
} // }
/* line 122, ../sass/sass/_queryList.scss */ // /* line 122, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag ul { // #set_table_panel .table-header-drag ul {
*zoom: 1; // *zoom: 1;
width: 100%; // width: 100%;
list-style-type: none; // list-style-type: none;
margin: 5px 0; // margin: 5px 0;
padding: 0; // padding: 0;
} // }
/* line 18, ../sass/sass/mixins/_clearfix.scss */ // /* line 18, ../sass/sass/mixins/_clearfix.scss */
#set_table_panel .table-header-drag ul:before, #set_table_panel .table-header-drag ul:after { // #set_table_panel .table-header-drag ul:before, #set_table_panel .table-header-drag ul:after {
content: " "; // content: " ";
display: table; // display: table;
} // }
/* line 23, ../sass/sass/mixins/_clearfix.scss */ // /* line 23, ../sass/sass/mixins/_clearfix.scss */
#set_table_panel .table-header-drag ul:after { // #set_table_panel .table-header-drag ul:after {
clear: both; // clear: both;
overflow: hidden; // overflow: hidden;
} // }
/* line 128, ../sass/sass/_queryList.scss */ // /* line 128, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag ul li { // #set_table_panel .table-header-drag ul li {
float: left; // float: left;
margin: 2px; // margin: 2px;
cursor: pointer; // cursor: pointer;
} // }
/* line 132, ../sass/sass/_queryList.scss */ // /* line 132, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag ul li div { // #set_table_panel .table-header-drag ul li div {
text-align: center; // text-align: center;
padding: 0 20px; // padding: 0 20px;
background-color: #39980f; // background-color: #39980f;
color: #fff; // color: #fff;
height: 28px; // height: 28px;
line-height: 28px; // line-height: 28px;
border-radius: 3px; // border-radius: 3px;
-webkit-border-radius: 3px; // -webkit-border-radius: 3px;
-moz-border-radius: 3px; // -moz-border-radius: 3px;
-o-border-radius: 3px; // -o-border-radius: 3px;
-ms-border-radius: 3px; // -ms-border-radius: 3px;
} // }
/* line 147, ../sass/sass/_queryList.scss */ // /* line 147, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .tips { // #set_table_panel .table-header-drag .tips {
width: auto; // width: auto;
padding: 0 10px; // padding: 0 10px;
color: #999; // color: #999;
font-size: 12px; // font-size: 12px;
} // }
.el-dialog__header { // .el-dialog__header {
padding: 10px; // padding: 10px;
text-align: left; // text-align: left;
border-bottom: 1px solid #ccc; // border-bottom: 1px solid #ccc;
} // }
.el-dialog__body{padding:0 10px !important;} // .el-dialog__body{padding:0 10px !important;}
.el-button+.el-button{margin:0px;} // .el-button+.el-button{margin:0px;}
/deep/ .el-pagination{text-align: center;margin:4px 0;} // /deep/ .el-pagination{text-align: center;margin:4px 0;}
.el-button{margin-right:10px !important;} // .el-button{margin-right:10px !important;}
.zdyInputCol2{ // .zdyInputCol2{
.el-input{width:calc((100% - 58px)/2) !important;} // .el-input{width:calc((100% - 58px)/2) !important;}
} // }
/*头部*/ // /*头部*/
.headerT{ // .headerT{
height: $header-height; // height: $header-height;
background: $base-color; // background: $base-color;
line-height: $header-height; // line-height: $header-height;
box-shadow: 0px 1px 2px rgba(26, 129, 225, 0.3); // box-shadow: 0px 1px 2px rgba(26, 129, 225, 0.3);
color:#fff; // color:#fff;
font-size:$header-fontSize; // font-size:$header-fontSize;
font-weight: 600; // font-weight: 600;
text-indent: 44px; // text-indent: 44px;
position: fixed; // position: fixed;
top:0px; // top:0px;
width:100%; // width:100%;
left:0px; // left:0px;
z-index:10; // z-index:10;
.iconfont{font-size:25px;margin-right:12px;} // .iconfont{font-size:25px;margin-right:12px;}
} // }
/*头部、已选条件fixed 防止文字上浮*/ // /*头部、已选条件fixed 防止文字上浮*/
.coverText{ // .coverText{
height: 16px; // height: 16px;
position: fixed; // position: fixed;
top: 60px; // top: 60px;
width: 100%; // width: 100%;
z-index: 10; background: #F1F3F6; // z-index: 10; background: #F1F3F6;
} // }
.none { // .none {
overflow: hidden; // overflow: hidden;
text-overflow: ellipsis; // text-overflow: ellipsis;
display: -webkit-box; // display: -webkit-box;
-webkit-line-clamp: 2; // -webkit-line-clamp: 2;
-webkit-box-orient: vertical; // -webkit-box-orient: vertical;
} // }
.ajxq_s,.ajxq_n{ // .ajxq_s,.ajxq_n{
line-height:26px; // line-height:26px;
color:#999999; // color:#999999;
/*overflow:hidden; // /*overflow:hidden;
text-overflow:ellipsis; // text-overflow:ellipsis;
display:-webkit-box; // display:-webkit-box;
-webkit-box-orient:vertical; // -webkit-box-orient:vertical;
-webkit-line-clamp:2;*/ // -webkit-line-clamp:2;*/
} // }
.paneDiv .el-input,.paneDiv .el-date-editor--daterange.el-input__inner{width:calc(100% - 36px)} // .paneDiv .el-input,.paneDiv .el-date-editor--daterange.el-input__inner{width:calc(100% - 36px)}
.el-table th>.cell{color:#333333;font-size:14px;} // .el-table th>.cell{color:#333333;font-size:14px;}
/*用采合一*/ // /*用采合一*/
.popUl{width:187px;background-color:#f3f7f8;border:1px solid #bbb;padding:0 1px;margin-bottom:-10px;position:relative;border-radius:4px;box-shadow: 3px 3px 5px #999;} // .popUl{width:187px;background-color:#f3f7f8;border:1px solid #bbb;padding:0 1px;margin-bottom:-10px;position:relative;border-radius:4px;box-shadow: 3px 3px 5px #999;}
.popUl li{clear:both;display:block;height:30px;line-height:30px;border-top:1px #dedede dashed;padding-left:10px;margin:2px 1px 0 1px;cursor:pointer;color:#444;} // .popUl li{clear:both;display:block;height:30px;line-height:30px;border-top:1px #dedede dashed;padding-left:10px;margin:2px 1px 0 1px;cursor:pointer;color:#444;}
.popUl li i{color: #51b1df;position: relative;top: 1px;margin-right:2px;} // .popUl li i{color: #51b1df;position: relative;top: 1px;margin-right:2px;}
.popUl li a{display:block;color:#444;margin-left:25px;} // .popUl li a{display:block;color:#444;margin-left:25px;}
.popUl li:hover{background-color:#ededed;font-weight:bold;} // .popUl li:hover{background-color:#ededed;font-weight:bold;}
.popUl li:hover i{font-weight:100;} // .popUl li:hover i{font-weight:100;}
.popUl li:hover a{color:#FF6600;} // .popUl li:hover a{color:#FF6600;}
.popUl li .icon,.search_icon,.note_icon,.peer_icon,.associate_icon{width:16px;height:16px;float:left;margin-top:6px;} // .popUl li .icon,.search_icon,.note_icon,.peer_icon,.associate_icon{width:16px;height:16px;float:left;margin-top:6px;}
.popUl h4{height:26px;line-height:26px;background-color:#efefef;text-align:center;font-size:12px;color:#333;} // .popUl h4{height:26px;line-height:26px;background-color:#efefef;text-align:center;font-size:12px;color:#333;}
.popUl .el-radio{line-height: 30px;} // .popUl .el-radio{line-height: 30px;}
.popUl .el-radio__label{padding-left:0px;} // .popUl .el-radio__label{padding-left:0px;}
/**/ /**/
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