css

src/assets/css/index.css

@@ -2,7 +2,6 @@
   display: none;
 }
 
-
 /* 新增按钮颜色 */
 
 .form-group .el-button--primary {
@@ -10,16 +9,14 @@
   border-color: #264dd9 !important;
 }
 
-
 /* 返回按钮颜色 */
 
-.from_return>.el-button--primary {
+.from_return > .el-button--primary {
   background-color: #edf0ff !important;
   border-color: #edf0ff !important;
   color: #264dd9 !important;
 }
 
-
 /* 取消按钮颜色 */
 
 .form_c {
@@ -28,7 +25,6 @@
   color: #264dd9 !important;
 }
 
-
 /* 确定按钮颜色 */
 
 .form_t {
@@ -37,7 +33,6 @@
   color: #f4f7fc !important;
 }
 
-
 /* 搜索框颜色 */
 
 .form-group .el-input__inner {
@@ -54,7 +49,6 @@
   color: #8890a7 !important;
 }
 
-
 /* 多行文本框样式 */
 
 .jbxx_desc textarea {
@@ -65,7 +59,6 @@
   resize: none !important;
 }
 
-
 /* 面包屑文字大小 */
 
 .el-breadcrumb {
@@ -73,7 +66,6 @@
   color: #898d9e;
 }
 
-
 /* 编辑颜色*/
 
 .primary-edit {
@@ -81,7 +73,6 @@
   cursor: pointer;
 }
 
-
 /* 删除颜色 */
 
 .primary-del {
@@ -89,12 +80,13 @@
   cursor: pointer;
 }
 
-.space_bet {}
-
+.space_bet {
+}
 
 /* reset */
 
-html {}
+html {
+}
 
 html,
 body {
@@ -142,13 +134,10 @@ div {
   box-sizing: border-box;
 }
 
-
 /* reset end */
 
-
 /* common */
 
-
 /* #app {
   height: 100%;
   overflow: hidden;
@@ -182,7 +171,7 @@ div {
   align-items: flex-start;
 }
 
-.ss_card>.sc_left_container {
+.ss_card > .sc_left_container {
   width: 6rem;
   height: 6rem;
   flex-shrink: 0;
@@ -191,19 +180,19 @@ div {
   font-size: 0;
 }
 
-.ss_card>.sc_right_container {
+.ss_card > .sc_right_container {
   width: calc(100% - 7rem);
   flex-grow: 1;
   margin-left: 1.2rem;
 }
 
-.ss_card>.sc_right_container>.sc_title {
+.ss_card > .sc_right_container > .sc_title {
   font-size: 1.6rem;
   font-weight: bold;
   line-height: 2.6rem;
 }
 
-.ss_card>.sc_right_container>.sc_info {
+.ss_card > .sc_right_container > .sc_info {
   display: flex;
   justify-content: space-between;
 }
@@ -218,7 +207,6 @@ div {
   padding: 0 20px;
 }
 
-
 /* 设置抽屉的样式 */
 
 .el-drawer__header {
@@ -232,13 +220,13 @@ div {
   position: relative;
 }
 
-.from_return>.el-button--primary {
+.from_return > .el-button--primary {
   position: absolute;
   top: 15px;
   left: 20px;
 }
 
-.from_return>span {
+.from_return > span {
   color: #1a2236;
   font-size: 16px;
 }
@@ -264,7 +252,6 @@ div {
   font-size: 11px;
 }
 
-
 /* 设置提示弹窗的样式 */
 
 .el-dialog {
@@ -326,7 +313,6 @@ div {
   padding: 16px;
 }
 
-
 /* 设置tab切换的样式 */
 
 .el-tabs__item.is-disabled {
@@ -339,7 +325,6 @@ div {
   line-height: 14px !important;
 }
 
-
 /* .el-tabs__nav-scroll {
   height: 35px;
 } */
@@ -372,10 +357,8 @@ div {
   background-color: #edf0ff;
 }
 
-
 /* 设置tree的样式 */
 
-
 /* .el-tree {
   position: static!important;
 }
@@ -388,7 +371,6 @@ div {
 		rgba(0, 0, 0, 0.05) 86%);
 } */
 
-
 /* .usrrole .el-tree-node:focus>.el-tree-node__content{
   background: rgb(248, 249, 253) !important;
 }
@@ -431,7 +413,6 @@ border-radius:8px;
   border-bottom-right-radius:0;
 } */
 
-
 /* 左右布局 */
 
 .flex {
@@ -493,13 +474,11 @@ border-radius:8px;
   width: 1202px !important;
 }
 
-
 /* .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
 .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
   content: "";
 } */
 
-
 /* 设置switch的样式 */
 
 .switchStyle1 .el-switch__label {
@@ -508,7 +487,6 @@ border-radius:8px;
   color: #fff;
 }
 
-
 /*打开时文字位置设置*/
 
 .switchStyle1 .el-switch__label--right {
@@ -517,7 +495,6 @@ border-radius:8px;
   top: 1px;
 }
 
-
 /*关闭时文字位置设置*/
 
 .switchStyle1 .el-switch__label--left {
@@ -584,10 +561,8 @@ border-radius:8px;
   opacity: 0.8;
 }
 
-
 /* 自定义图表提示框小三角 */
 
-
 /* .div-tip-warp {
   position: relative;
   line-height: 22px;
@@ -628,7 +603,6 @@ border-radius:8px;
   z-index: 20000 !important;
 }
 
-
 /*
     下拉选样式
     此处勿删，apaasV3下拉选择样式统一用这个
@@ -673,7 +647,6 @@ border-radius:8px;
   border-top-color: transparent;
 }
 
-
 /* 单选激活样式 */
 
 .el-radio__input .el-radio__inner {
@@ -688,7 +661,7 @@ border-radius:8px;
   background-color: #fff;
 }
 
-.el-radio__input.is-checked+.el-radio__label {
+.el-radio__input.is-checked + .el-radio__label {
   color: #1a2236;
   font-weight: 700;
 }
@@ -706,7 +679,6 @@ border-radius:8px;
   border-color: #2b4695;
 }
 
-
 /* 面包屑样式 */
 
 .bread_crumb {
@@ -735,7 +707,6 @@ border-radius:8px;
   color: #898d9e !important;
 }
 
-
 /* 应用超市详情页公共样式 */
 
 .sevice_detail {
@@ -744,21 +715,20 @@ border-radius:8px;
   margin: 0 auto;
 }
 
-
 /* common */
 
-.apass_breadcrumb>.el-breadcrumb {
+.apass_breadcrumb > .el-breadcrumb {
   padding: 10px 0;
 }
 
-.apass_breadcrumb>.el-breadcrumb .el-breadcrumb__inner {
+.apass_breadcrumb > .el-breadcrumb .el-breadcrumb__inner {
   font-size: 14px;
   font-weight: 400;
   color: #898d9e;
   line-height: 23px;
 }
 
-.apass_breadcrumb>.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
+.apass_breadcrumb > .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
   color: #242c43;
   font-weight: normal;
 }
@@ -847,7 +817,7 @@ border-radius:8px;
   border-color: #ebeef5;
 }
 
-.apass_table .el-table th>.cell {
+.apass_table .el-table th > .cell {
   color: #1a2236;
 }
 
@@ -926,7 +896,7 @@ border-radius:8px;
   border-color: #515fe7;
 }
 
-.apass_checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
+.apass_checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
   color: #58617a;
 }
 
@@ -973,7 +943,6 @@ border-radius:8px;
   border: 4px solid rgba(0, 0, 0, 0);
 }
 
-
 /* 详情页公共样式 by xuyiming */
 
 .apaas_detail_container {
@@ -1011,7 +980,7 @@ border-radius:8px;
   margin-top: 50px;
 }
 
-.apaas_detail_container .detail_action .el-button+.el-button {
+.apaas_detail_container .detail_action .el-button + .el-button {
   margin-left: 30px;
 }
 
@@ -1082,7 +1051,7 @@ border-radius:8px;
   width: 124px;
 }
 
-.apaas_steps .apaas_step .apaas_step_action .el-button+.el-button {
+.apaas_steps .apaas_step .apaas_step_action .el-button + .el-button {
   margin-left: 20px;
 }
 
@@ -1095,19 +1064,18 @@ border-radius:8px;
   font-size: 0;
 }
 
-.filter_list>.filter_item {
+.filter_list > .filter_item {
   display: flex;
   align-items: center;
   margin: 0 34px 16px 0;
 }
 
-
 /* .filter_list>.filter_item>* {
   display: inline-block;
   vertical-align: middle;
 } */
 
-.filter_list>.filter_item>.filter_title {
+.filter_list > .filter_item > .filter_title {
   text-align: right;
   font-size: 14px;
   color: #242c43;
@@ -1117,7 +1085,6 @@ border-radius:8px;
   font-weight: normal;
 }
 
-
 /* .filter_list>.filter_item>.filter_title+* {
   width: 300px;
 }
@@ -1138,14 +1105,14 @@ border-radius:8px;
   text-align: right;
 }
 
-.filter_action>.el-button {
+.filter_action > .el-button {
   /* min-width: 90px; */
   height: 36px;
   margin-top: 16px;
   padding: 12px 17px;
 }
 
-.filter_action>.el-button+.el-button {
+.filter_action > .el-button + .el-button {
   margin-left: 10px;
 }
 
@@ -1184,7 +1151,7 @@ border-radius:8px;
   margin-top: 5px;
 }
 
-.meassage_detail_dialog .detail_item .full_content>.apaas_scroll {
+.meassage_detail_dialog .detail_item .full_content > .apaas_scroll {
   height: 176px;
   overflow: auto;
 }
@@ -1200,10 +1167,8 @@ border-radius:8px;
   white-space: nowrap;
 }
 
-
 /* 详情页公共样式 by xuyiming ~~~end */
 
-
 /*
     form_content
 */
@@ -1247,7 +1212,6 @@ border-radius:8px;
   margin-bottom: 20px;
 }
 
-
 /* 时间控件样式 */
 
 .el-picker-panel {
@@ -1263,7 +1227,6 @@ border-radius:8px;
   background-color: #fff;
 }
 
-
 /* 
 .el-picker-panel__footer {
     border-top: 1px solid #3f4864 !important;
@@ -1388,7 +1351,6 @@ border-radius:8px;
   color: #202531;
 }
 
-
 /* table select window */
 
 .el-checkbox__input.is-checked .el-checkbox__inner,
@@ -1573,3 +1535,127 @@ border-radius:8px;
   box-shadow: 0px 1px 4px 0px rgba(0, 7, 101, 0.15);
   border-radius: 6px;
 }
+
+.flex_row {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+}
+
+.flex_left {
+  height: calc(100% - 16px);
+  width: 320px;
+  margin-right: 10px;
+  overflow: hidden;
+}
+.flex_right {
+  height: calc(100% - 16px);
+  flex: 1;
+
+  overflow: hidden;
+}
+
+.bgc_white {
+  box-shadow: 0px 1px 4px 0px rgba(0, 7, 101, 0.15);
+  border-radius: 6px;
+  background-color: #fff;
+}
+
+.tree::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.tree::-webkit-scrollbar-thumb {
+  background: #bcc1d0;
+  border-radius: 10px;
+  height: 6px;
+}
+.tree::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 2px;
+}
+.font_bold {
+  font-size: 18px;
+  color: #202531;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+.header_info {
+  font-size: 14px;
+  color: #404a62;
+  padding-left: 20px;
+}
+.fr {
+  float: right;
+}
+.pl-1 {
+  padding-left: 1rem;
+}
+.label-text {
+  font-size: 14px;
+  color: #404a62;
+}
+.icon_eye {
+  font-size: 12px;
+  color: #a9b1c7;
+  margin-right: 8px;
+  vertical-align: baseline;
+  cursor: pointer;
+}
+/* 可点击文字颜色、指针样式 */
+.can_click_text {
+  cursor: pointer;
+  color: #3759be;
+}
+.can_click_text:hover {
+  color: #738bd2;
+}
+.can_click_text:active {
+  color: #2c4798;
+}
+
+.warning_info {
+  background-color: #f7f7f9;
+  font-size: 14px;
+  color: #404a62;
+  padding: 5px;
+  text-align: left;
+  margin: 20px 0;
+}
+.danger_info {
+  color: #d75138;
+}
+
+.register_btn {
+  display: flex;
+  align-items: center;
+  background-color: #eff2fa;
+  border-radius: 4px;
+  border: solid 1px #b0bee8;
+  color: #3759be;
+}
+.register_btn .icon-arrow-right {
+  margin-left: 39px;
+}
+.forget_psd {
+  font-size: 14px;
+  color: #3759be;
+  cursor: pointer;
+}
+
+.select-empty {
+  color: #616f94;
+  text-align: center;
+  padding: 20px;
+}
+
+.tip-image {
+  position: absolute;
+  right: -24px;
+  bottom: 9px;
+  width: 16px;
+  height: 16px;
+  margin-left: 8px;
+  background-image: url("../imgs/ic_tips.png");
+  background-size: contain;
+}