Skip to content

F
founder_vue
Commit 16d9c9e3 by 李姝悦
Options

默认主题颜色弹窗

parent b307b75f
Showing with 74 additions and 42 deletions
src/views/zzwcj/fingerprint.scss
......@@ -67,16 +67,26 @@ $pichover: var(--pichover, #cccccc); //#909090 #D6DBE1 深浅主题hover变颜
$pichoverShadow: var(--pichoverShadow , 0px 10px 20px 2px rgba(0, 21, 51, 0.08)); //默认hover为加阴影
$picSelected: var(--picSelected ,#0060F0); //选中边框色
$boxdesc: var(--boxdesc,#666660 ); //#dddddd #21272A
$anaphoraBg: var(--anaphoraBg, #1b1b1b); // #D6DBE1
$anaphoraBg: var(--anaphoraBg,#ffffff ); //#1b1b1b #D6DBE1 //补采的背景
$bucai: var(--bucai,#ffffff); //补采两个字
// 按钮
$btnBorder: var(--btnBorder, #AEB5C2 ); //#464646 #979FA8
$btnfontColor: var(--btnfontColor,#2E3846); // #efefef #343A3F
$btnhover: var(--btnhover, #efefef); // #4A4E52
// 弹出对话框
$btndialogBg: var(--btndialogBg, #535353); // #E7EAEE
$btndialogTitle: var(--btndialogTitle, #ffc005); // #323942
$btndialogbodyBg: var(--btndialogbodyBg, #3f3f3f); // #CCD2D8
$btndialogbodyTxt: var(--btndialogbodyTxt, #dddddd); // #222222
$btndialogBg: var(--btndialogBg,#F6F8FA ); //#535353 #E7EAEE
$btndialogTitle: var(--btndialogTitle,#333333 ); //#ffc005 #323942
$btndialogbodyBg: var(--btndialogbodyBg,#ffffff ); //#3f3f3f #CCD2D8
$btndialogbodyTxt: var(--btndialogbodyTxt,#282F3C ); //#dddddd #222222
$btndialogPrimary:var(--btndialogPrimary,#282f3c);//是
$btndialogPrimaryHover:var(--btndialogPrimaryHover,#0060f0);
$btndialogPrimaryHoverBorder:var(--btndialogPrimaryHoverBorder,#0060f0);
$btndialogPrimaryBg:var(--btndialogPrimaryBg,#ffffff);
$btndialogDefault: var(--btndialogDefault,#ffffff);//否
$btndialogDefaultBg:var(--btndialogDefaultBg,#0060F0);
$btndialogDefaultBgHover:var(--btndialogDefaultBgHover,#377FEC);
$btndialogDefaultHoverBorder:var(--btndialogDefaultHoverBorder,#377FE7);
$btndialogBorder:var(--btndialogBorder,#AEB5C2);//是否的边框
// 设置对话框
$settingTitle: var(--settingTitle,#323232 ); //#333333 #323942
$settingHeadBg: var(--settingHeadBg, #F6F8FA ); //#dddddd #E7EAEE
......@@ -130,6 +140,9 @@ $lookingBg: var(--lookingBg, #fff);//#161712
$dashBorder: var(--dashBorder ,#979797);
$lookingBorder: var(--lookingBorder,#cccccc);
// 上传时的边框
$uploadingBg:var(--uploadingBg,#ffffff); //上传时背景
$uploadingContentBorder:var(--uploadingContentBorder,#ffffff); //方块边框
$uploadingProgressText: var(--uploadingProgressText, #333333);//百分比颜色
$uploadingBorder: var(--uploadingBorder, 0); // 2px
// el-dialog背景色
......@@ -1272,7 +1285,7 @@ $versionColor: var(--versionColor, #000); // #000
font-family: HarmonyOS_Sans_SC;
font-weight: bold;
line-height: 20px;
color: #1b1b1b;
color: $bucai;
border-top-left-radius: 10px;
}
.score.fail {
......@@ -1288,7 +1301,7 @@ $versionColor: var(--versionColor, #000); // #000
font-family: HarmonyOS_Sans_SC;
font-weight: bold;
line-height: 20px;
color: #1b1b1b;
color: $bucai;
border-top-left-radius: 10px;
}
.pic.fail {
......@@ -1308,7 +1321,7 @@ $versionColor: var(--versionColor, #000); // #000
font-family: HarmonyOS_Sans_SC;
font-weight: bold;
line-height: 20px;
color: #1b1b1b;
color: $bucai;
border-top-left-radius: 10px;
}
img {
......@@ -1336,7 +1349,7 @@ $versionColor: var(--versionColor, #000); // #000
font-family: HarmonyOS_Sans_SC;
font-weight: bold;
line-height: 20px;
color: #1b1b1b;
color: $bucai;
border-top-left-radius: 10px;
}
img {
......@@ -1441,7 +1454,7 @@ $versionColor: var(--versionColor, #000); // #000
background: #e82510;
font-family: HarmonyOS_Sans_SC;
font-size: 12px;
color: #000000;
color: $bucai;
border-radius: 1px 0px 8px 0px;
border: 1px solid #e82510;
left: 0;
......@@ -1466,6 +1479,14 @@ $versionColor: var(--versionColor, #000); // #000
}
}
.btns-dialog {
/deep/.el-dialog__title {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
font-weight: 400;
line-height: 21px;
color: $btndialogTitle;
margin-left: 28px;
}
/deep/ .el-dialog {
border-radius: 6px 6px 0px 0px;
}
......@@ -1482,14 +1503,6 @@ $versionColor: var(--versionColor, #000); // #000
padding: 0;
margin: 0;
box-sizing: border-box;
/deep/.el-dialog__title {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
font-weight: 400;
line-height: 21px;
color: $btndialogTitle;
margin-left: 28px;
}
.el-dialog__headerbtn {
top: 14px;
right: 16px;
......@@ -1515,39 +1528,55 @@ $versionColor: var(--versionColor, #000); // #000
}
}
/deep/ .el-dialog__footer {
background-color: $btndialogbodyBg;
// background-color: $btndialogbodyBg;
padding-bottom: 20px !important;
padding-right: 20px !important;
.dialog-footer {
.el-button.el-button--default {
width: 30px;
height: 20px;
width: 88px;
height: 32px;
border:1px solid $btndialogBorder;
border-radius: 18px;
background: $btndialogDefaultBg !important;
span {
font-size: 15px;
font-family: HarmonyOS_Sans_SC;
font-weight: 400;
line-height: 20px;
color: $btndialogbodyTxt;
color: $btndialogDefault;
}
}
.el-button.el-button--primary {
width: 88px;
height: 32px;
background: $btndialogBg;
width: 88px !important;
height: 32px !important;
background: $btndialogPrimaryBg;
opacity: 1;
border: none;
// border: none;
border-radius: 18px;
border:1px solid $btndialogBorder;
span {
cursor: pointer;
font-size: 15px;
font-family: HarmonyOS_Sans_SC;
font-weight: 400;
line-height: 20px;
color: $btndialogbodyTxt;
color: $btndialogPrimary;
}
}
.el-button.el-button--primary:hover {
border: 1px solid $btndialogbodyTxt;
border: 1px solid $btndialogPrimaryHoverBorder;
span{
color:$btndialogPrimaryHover
}
}
.el-button.el-button--default:hover {
border: 1px solid $btndialogDefaultHoverBorder;
background:$btndialogDefaultBgHover !important
// span{
// color:$btndialogDefaultBg
// }
}
}
}
......@@ -2386,12 +2415,12 @@ $versionColor: var(--versionColor, #000); // #000
box-sizing: border-box;
display: flex;
align-items: center;
.el-dialog__title {
/deep/.el-dialog__title {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
font-weight: 400;
line-height: 21px;
color: $settingTitle;
color: $btndialogTitle;
}
.el-dialog__headerbtn {
display: none;
......@@ -2657,6 +2686,14 @@ $versionColor: var(--versionColor, #000); // #000
/deep/ .el-dialog {
border-radius: 6px 6px 0px 0px;
}
/deep/.el-dialog__title {
padding-left: 20px;
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
font-weight: 400;
line-height: 21px;
color: $btndialogTitle !important;
}
/deep/ .el-dialog__header {
width: 480px;
height: 39px;
......@@ -2670,14 +2707,7 @@ $versionColor: var(--versionColor, #000); // #000
padding: 0;
margin: 0;
box-sizing: border-box;
.el-dialog__title {
padding-left: 20px;
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
font-weight: 400;
line-height: 21px;
color: $btndialogTitle;
}
.el-dialog__headerbtn {
top: 14px;
right: 16px;
......@@ -2748,10 +2778,11 @@ $versionColor: var(--versionColor, #000); // #000
justify-content: center;
align-items: center;
/deep/.el-progress__text {
color: #fff;
color: $uploadingProgressText;
}
// .el-progress-circle
/deep/.el-progress-circle__track {
stroke: #333;
stroke: #f66;
}
.pro {
border: $uploadingBorder solid #26d31f;
......@@ -2834,9 +2865,10 @@ $versionColor: var(--versionColor, #000); // #000
.uploading-content {
width: 480px;
height: 286px;
background: #3f3f3f;
// background: #3f3f3f;
background:$uploadingBg;
border-radius: 0px 0px 4px 4px;
border: 1px solid #535353;
border: 1px solid $uploadingContentBorder;
display: flex;
justify-content: center;
align-items: center;
......
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