Skip to content

F
founder_vue
Commit 6c48cfe8 by 张超军
Options

样式修改

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