Kaynağa Gözat

页面按钮。输入框等颜色修改

lihongxiao 2 yıl önce
ebeveyn
işleme
dd54f56c0d

+ 51 - 12
src/assets/css/common.css

@@ -1,5 +1,8 @@
 
-
+:root {
+	--themeColor: #D42426;
+	--themeColorHover: #BB1012;
+  }
 
 /* flex布局 */
 .u-f,.u-f-ac,.u-f-ajc,.u-f-jsb,.u-f-je,.u-f1,.u-f-column,.u-f-sa{
@@ -66,30 +69,66 @@
 .mrgin-2{
   margin: 20px;
 }
-.el-button--primary{
-	background-color: #D42426;
+.el-button:hover,.el-button:focus
+{
+	color: var(--themeColor);
+    border-color: rgba(212, 36, 38,0.2);
+    background-color: rgba(212, 36, 38,0.2);
+}
+.el-button--primary,.el-button--primary:focus{
+	background-color: var(--themeColor);
 	color: #fff;
-	border-color: #D42426;
+	border-color: var(--themeColor);
 }
 .el-button--primary.is-plain{
 	background-color: #EAEDF1;
-	color: #D42426;
+	color: var(--themeColor);
 	border-color: #EAEDF1;
 }
 .el-button--primary:hover{
-	background-color: #BB1012;
-	border-color: #BB1012;
+	color: #fff;
+	background-color: var(--themeColorHover); ;
+	border-color: var(--themeColorHover); ;
+
 }
 .el-button--primary.is-plain:hover{
 	background-color: #D2D2D2;
-	color: #D42426;
+	color: var(--themeColor);
 	border-color: #D2D2D2;
 }
-.el-tabs__item.is-active{
-	color:#D42426 !important
-  }
+
+.el-tabs__active-bar, .el-date-table td.start-date span,.el-date-table td.end-date span,.el-date-table td.current:not(.disabled) span{
+	background-color:var(--themeColor)
+}
+.el-tabs__item:hover,.el-picker-panel__icon-btn:hover,.el-date-table td.available:hover,.el-button--text,.el-pager li:hover,
+.el-dialog__headerbtn:hover .el-dialog__close,.el-button--text:hover,.el-button--text:focus{
+	color: var(--themeColorHover); 
+}
 .dialog-title{
     font-weight: bold;
     padding-bottom: 10px;
     border-bottom:  1px solid #F1F3F6;
-}
+}
+.el-pager li.active,.el-select-dropdown__item.selected,.el-button--text,.el-tabs__item.is-active,.el-select-dropdown.is-multiple .el-select-dropdown__item.selected,
+.el-checkbox__input.is-checked+.el-checkbox__label{
+	color: var(--themeColor);
+}
+.el-range-editor.is-active,.el-pagination button,.el-pager li,.el-pagination__sizes .el-input .el-input__inner:hover,.el-checkbox__inner:hover
+,.el-range-editor.is-active, .el-range-editor.is-active:hover{
+	border-color: var(--themeColorHover); 
+} 
+.el-select .el-input.is-focus .el-input__inner ,.el-input__inner:focus,.el-select .el-input__inner:focus {
+	border-color: var(--themeColor);
+ }
+.el-radio__input.is-checked + .el-radio__label {
+	color: var(--themeColor) !important;
+}
+.el-radio__input.is-checked .el-radio__inner,.el-checkbox__input.is-checked .el-checkbox__inner,
+.el-checkbox__input.is-indeterminate .el-checkbox__inner {
+	background: var(--themeColor) !important;
+	border-color: var(--themeColor) !important;
+}
+.el-button--text,.el-button--text:hover,.el-button--text:focus{
+	border: none;
+    background-color: transparent;
+}

+ 5 - 2
src/components/Hamburger/index.vue

@@ -1,5 +1,8 @@
 <template>
-  <svg t="1492500959545" @click="onClick == null ? emptyClick : onClick" class="hamburger" fill="#333333" fill-opacity="0.6" :class="{'is-active':isActive}" viewBox="0 0 1024 1024"
+    <svg aria-hidden="true"  @click="onClick == null ? emptyClick : onClick" class="hamburger" fill="#333333" fill-opacity="0.6" :class="{'is-active':isActive}">
+      <use xlink:href="#icon-zhankai"></use>
+  </svg>
+  <!-- <svg t="1492500959545" @click="onClick == null ? emptyClick : onClick" class="hamburger" fill="#333333" fill-opacity="0.6" :class="{'is-active':isActive}" viewBox="0 0 1024 1024"
     version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1691" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64">
     <path d="M966.8023 568.849776 57.196677 568.849776c-31.397081 0-56.850799-25.452695-56.850799-56.850799l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 543.397081 998.200404 568.849776 966.8023 568.849776z"
       p-id="1692"></path>
@@ -7,7 +10,7 @@
       p-id="1693"></path>
     <path d="M966.8023 256.17345 57.196677 256.17345c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.850799 56.850799-56.850799l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.850799l0 0C1023.653099 230.720755 998.200404 256.17345 966.8023 256.17345z"
       p-id="1694"></path>
-  </svg>
+  </svg> -->
 </template>
 
 <script>

+ 2 - 2
src/views/AgreementManage/CarInsurance/AgreementEntry.vue

@@ -18,8 +18,8 @@
           <el-form class="queryForm" ref="queryFormRef" :model="queryForm" label-width="80px;" style="margin:20px 0">
             <el-row style="display: flex;align-items: center;" :span="24">
               <el-col :span="3">
-                <kt-button style="margin-left: 15px; padding:10px;margin:10px 0 10px 30px" icon="fa fa-plus" label="添加协议"
-              type="success" perms="sys:dept:add" @click="handleAdd" />
+                <kt-button style="margin-left: 15px;" icon="fa fa-plus" label="添加协议"
+              type="primary" perms="sys:dept:add" @click="handleAdd" />
             </el-col>
               <el-col :span="8">
                 <el-form-item label="录入时间">

+ 1 - 5
src/views/Core/KtCommonTable.vue

@@ -125,11 +125,7 @@
       >
         <template slot-scope="scope">
           <kt-button
-            style="
-              background: #1e87ed;
-              border: 1px solid #1e87ed;
-              color: #ffffff;
-            "
+            type="primary"
             v-if="editButtonName"
             icon="fa fa-edit"
             :label="editButtonName"

+ 1 - 4
src/views/Letter/Letter.vue

@@ -1278,7 +1278,7 @@
                 <el-button
                   v-show="reslistitem.quoteCode == '200'"
                   type="text"
-                  style="color:rgb(240, 12, 10)"
+                  style="color:#6495ed"
                   @click="bjdpreview(reslistitem.result.companyId)"
                 >报价单</el-button>
                 <el-button
@@ -2039,14 +2039,12 @@
               <el-button
                 size="small"
                 type="text"
-                style="color:rgb(240, 12, 10)"
                 @click="bjdpreview(scope.row.id)"
               >报价单</el-button>
               <el-button
                 size="small"
                 v-show="scope.row.orderstatus == '2'"
                 type="text"
-                style="color:rgb(240, 12, 10)"
                 @click="Payment(scope.row.id,scope.row)"
               >付款码</el-button>
               <el-button
@@ -2054,7 +2052,6 @@
                 type="text"
                 v-if=" ( scope.row.orderstatus == '1'||  scope.row.orderstatus == '2' || scope.row.orderstatus == '4') && ['紫金财险'].includes(scope.row.inscompany)"
                 @click="cancelorder(scope.row)"
-                style="color:#f56c6c"
               >撤单</el-button>
               <el-button
                 type="text"