From eb71fd6eacc6cac2e704f57c472e181cbb20990c Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 22 Dec 2021 16:04:52 +0800
Subject: [PATCH] +位置和细节,左侧导航栏接口，点击弹窗
---
src/styles/mobile/popup.scss | 84 +++++++++++++++++++++++++++++++++++++----
1 files changed, 75 insertions(+), 9 deletions(-)
diff --git a/src/styles/mobile/popup.scss b/src/styles/mobile/popup.scss
index f7eedc5..76c64ad 100644
--- a/src/styles/mobile/popup.scss
+++ b/src/styles/mobile/popup.scss
@@ -16,15 +16,35 @@
left: 1000px;
position: absolute;
height: auto;
- background-color: #fff;
+ // background-color: #fff;
+ background-image: linear-gradient(
+ // 135deg,
+ #28bbf0a1 30px,
+ #28bbf0a1 30px,
+ // #28bbf0a1 50%,
+ // transparent 50%
+ #28bbf0a1 100%,
+ transparent 100%
+ ),
+ linear-gradient(
+ // -45deg,
+ transparent 30px,
+ #28bbf0a1 30px,
+ // #28bbf0a1 50.1%,
+ // transparent 50%
+ #28bbf0a1 100%,
+ transparent 100%
+ );
border-radius: 10px;
position: relative;
.mobiletitle {
// width: calc(90% - 1px);
+ color: #fff;
width: 100%;
height: 35px;
- background-color: #f7f7f7;
+ background-image: linear-gradient(#29baf1, #28bbf0);
+ // background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
font-size: 14px;
border-radius: 10px 10px 0 0;
@@ -38,14 +58,16 @@
.mobile-popup-imgs-heard {
.mobile-popup-imgs-h-close {
width: 35px;
- height: 35px;
- background-color: #f7f7f7;
+ height: 34px;
+ background-image: linear-gradient(#29baf1, #28bbf0);
+ // background-color: #f7f7f7;
position: absolute;
@extend .centersFlex;
border-radius: 100px;
right: 0;
top: 0;
.icon {
+ color: #fff;
font-size: 25px;
}
}
@@ -56,7 +78,7 @@
box-sizing: border-box;
img {
width: 70px;
- height: 50px;
+ height: 70px;
}
//内容显示
.mobileBig-center-our {
@@ -68,12 +90,14 @@
border-bottom: 1px solid #f7f7f7;
@extend .centersFlex;
.m-c-title {
+ color: #fff;
width: 25%;
}
.m-c-center {
width: 75%;
// text-indent: 2em;
word-wrap: break-word;
+ color: #fff;
line-height: 25px;
}
}
@@ -88,17 +112,21 @@
border-radius: 0 0 10px 10px;
display: flex;
align-items: center;
+ background-image: linear-gradient(#29baf1, #28bbf0);
justify-content: center;
position: relative;
&::before {
content: "";
width: 0px;
height: 0px;
- border: 8px solid #ebebeb;
+ border: 8px solid #29baf1;
position: absolute;
bottom: -8px;
left: calc(50% - 8px);
transform: rotate(45deg);
+ }
+ .mobilePopupOurOnce_r_d_in {
+ color: #fff;
}
}
}
@@ -131,7 +159,7 @@
div:nth-child(1) {
// border-bottom: 1px solid #ebebeb;
- margin-bottom: 37px !important;
+ margin-bottom: 49px !important;
}
div:nth-child(2) {
display: none !important;
@@ -144,7 +172,7 @@
height: $controllerw;
position: relative !important;
left: -1px !important;
- background-color: #c9302c !important;
+ background-color: rgb(33, 150, 243) !important;
color: white !important;
@extend .flexCenter;
border-radius: 5px;
@@ -293,7 +321,10 @@
.m_p_heard {
width: 100%;
height: 50px;
- background-color: #a40000;
+ background-image: linear-gradient(#29baf1, #28bbf0);
+ border-bottom: 1px solid rgba(82, 209, 255, 0.774);
+ color: #fff;
+ // background-color: #a40000;
.m_p_h_break {
position: absolute;
left: 0;
@@ -323,6 +354,24 @@
width: 100%;
height: calc(100% - 50px);
// border: 1px solid red
+ // background-image: linear-gradient(
+ // // 135deg,
+ // #28bbf0a1 30px,
+ // #28bbf0a1 30px,
+ // // #28bbf0a1 50%,
+ // // transparent 50%
+ // #28bbf0a1 100%,
+ // transparent 100%
+ // ),
+ // linear-gradient(
+ // // -45deg,
+ // transparent 30px,
+ // #28bbf0a1 30px,
+ // // #28bbf0a1 50.1%,
+ // // transparent 50%
+ // #28bbf0a1 100%,
+ // transparent 100%
+ // );
box-sizing: border-box;
.m_p_c_tableIn {
width: 100%;
@@ -331,5 +380,22 @@
overflow-x: hidden;
overflow-y: auto;
}
+ // .el-divider__text {
+ // background-image: linear-gradient(#29baf1, #28bbf0) !important;
+ // color: #fff !important;
+ // border: 0px solid transparent !important;
+ // }
+ // .el-tabs__item {
+ // color: #fff;
+ // }
+ // .el-tabs__item.is-active {
+ // color: #fff;
+ // font-size: 20px;
+ // }
+ // .el-empty {
+ // .el-empty__description p {
+ // color: #fff;
+ // }
+ // }
}
}
--
Gitblit v1.9.3