From 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 27 十二月 2024 15:21:21 +0800
Subject: [PATCH] 轮播图优化
---
src/books/aviationSafety/assets/main.less | 257 +++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 228 insertions(+), 29 deletions(-)
diff --git a/src/books/aviationSafety/assets/main.less b/src/books/aviationSafety/assets/main.less
index e452986..0ee0068 100644
--- a/src/books/aviationSafety/assets/main.less
+++ b/src/books/aviationSafety/assets/main.less
@@ -11,7 +11,7 @@
background-color: #fff;
}
- .foreword{
+ .foreword {
line-height: 10px !important;
margin-top: 0;
}
@@ -29,7 +29,7 @@
}
.mr-0 {
- margin: 0;
+ margin: 0 !important;
}
.mr-9 {
@@ -44,6 +44,10 @@
margin-left: 2em;
}
+ .mt--25{
+ margin-top: -25px !important;
+ }
+
.mt-10 {
margin-top: 10px !important;
}
@@ -53,7 +57,7 @@
}
.mt-30 {
- margin-top: 30px;
+ margin-top: 30px !important;;
}
.mt-50 {
@@ -85,7 +89,7 @@
width: 80%;
}
-
+
.b0 {
border: 0;
}
@@ -129,6 +133,10 @@
.td-0 {
text-indent: 0em !important;
+ }
+
+ .td-1 {
+ text-indent: 1em !important;
}
.td-2 {
@@ -191,6 +199,10 @@
margin-right: 10px;
}
+ .mr-5 {
+ margin-right: 5px;
+ }
+
.ma-l {
margin-left: 10%;
}
@@ -246,6 +258,10 @@
background-color: #6D84AE;
}
+ .radioClass{
+ margin: 0 0 0 4px !important;
+
+ }
.task-u2-c {
@@ -357,13 +373,18 @@
}
}
+ .w430 {
+ width: 430px;
+ }
+
.w395 {
width: 395px;
}
- .w430 {
- width: 430px;
+ .w365 {
+ width: 365px;
}
+
.w300 {
width: 300px;
@@ -379,6 +400,10 @@
.w270 {
width: 270px;
+ }
+
+ .w260 {
+ width: 260px;
}
.w250 {
@@ -399,6 +424,10 @@
.w200 {
width: 200px;
+ }
+
+ .w190 {
+ width: 190px;
}
.w180 {
@@ -455,10 +484,17 @@
.table-tr-bc {
background-color: #E7DFEC;
line-height: 25px;
+
p {
text-indent: 0em;
line-height: 20px;
}
+ }
+
+ .table-title-bc {
+ background-color: #8091BC;
+ color:#fff;
+ line-height: 25px;
}
.table-textarea {
@@ -472,7 +508,7 @@
}
.table-input-border {
- width: 90%;
+ width: 80%;
background-color: transparent;
border: 0;
@@ -481,9 +517,69 @@
}
}
+ .table-input-border-w20 {
+ width: 20%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w15 {
+ width: 15%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w10 {
+ width: 10%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w5 {
+ width: 5%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
.input-bottom-border {
- width: 15%;
+ width: 11%;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid #000;
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .input-bottom-border1 {
+ width: 33%;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid #000;
+ &:focus {
+ outline: none;
+ }
+ }
+
+
+ .input-bottom-border2 {
+ width: 21.5%;
background-color: transparent;
border: 0;
border-bottom: 1px solid #000;
@@ -491,6 +587,44 @@
&:focus {
outline: none;
}
+ }
+ // 瑙嗛
+ .video-box-cover {
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .video-box {
+ margin: 20px 0 20px 8%;
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .video-box-left {
+ margin: 20px 8% 20px 0;
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .videoname {
+ display: flex;
+ justify-content: center;
+ }
+
+ .collect-btn {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ margin-left: 10px;
+ margin-top: 0.8%;
+ }
+
+ .collect-btn1 {
+ cursor: pointer;
+ width: 10px;
+ height: 10px;
+ margin-left: 10px;
+ margin-top: 0.8%;
}
// 缁〃
@@ -523,7 +657,6 @@
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
- margin-bottom: 20px;
p {
margin: 0;
@@ -543,11 +676,10 @@
display: flex;
justify-content: center;
align-items: center;
- border: 0.15em dashed #6D84AE;
+ border: 0.15em dashed #FAAD70;
margin-right: 15px;
padding: 0 15px;
border-radius: 5px;
- margin-top: 15px;
span {
font-size: 14px;
@@ -558,7 +690,7 @@
justify-content: flex-start;
svg {
- fill: #6D84AE;
+ fill: #FAAD70;
}
}
@@ -568,7 +700,7 @@
}
span:hover {
- color: #6D84AE;
+ color: #FAAD70;
cursor: pointer;
text-decoration: underline;
-webkit-user-select: none;
@@ -628,6 +760,25 @@
margin-bottom: 18px;
}
+ .imgBox {
+ display: flex !important;
+ flex-direction: column-reverse !important;
+ position: relative !important;
+
+ .img {
+ margin: 0 !important;
+ font-size: 14px !important;
+ position: absolute !important;
+ left: 50% !important;
+ transform: translateX(-50%);
+ bottom: -2% !important;
+ }
+
+ img {
+ height: 80%;
+ }
+ }
+
// 棰樼洰
.textarea-box {
background-color: transparent;
@@ -648,8 +799,8 @@
background-color: transparent;
margin-left: 2em;
margin-right: 9%;
- max-width: 85%;
- min-width: 85%;
+ max-width: 95%;
+ min-width: 95%;
outline: none;
}
@@ -1085,9 +1236,9 @@
margin-top: 1em;
}
- h1.jz{
- text-align:center;
- text-indent:0em;
+ h1.jz {
+ text-align: center;
+ text-indent: 0em;
}
.front {
@@ -1128,7 +1279,7 @@
h4 {
font-family: 'FZHTJW';
- font-weight: bold;
+ font-weight: 500;
margin-bottom: 0.5em;
margin-top: 1em;
font-size: 1.1em;
@@ -1332,11 +1483,11 @@
border-radius: 0em;
position: relative;
- p{
+ p {
font-family: ZHONGDENGXIAN;
}
- span{
+ span {
font-family: ZHUNYUAN;
}
}
@@ -1365,7 +1516,6 @@
font-weight: 100;
padding: 0em 0.15em 0em 0.3em;
}
-
.bk1 {
@@ -1400,15 +1550,64 @@
box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
}
+ div.bk2 {
+ border: 3px solid #93A8D5;
+ padding: 0.2em 1em 0.2em 1em;
+ border-radius: 1em;
+ box-shadow: 0.5em 0.5em 0px 0px #DCDDDF;
+ margin-top: 2em;
+ margin-bottom: 1.5em;
+ }
- .bj3 {
- background-color: #F1F5E7;
- padding: 20px 10px 10px 10px;
- border-radius: 10px;
- margin-bottom: 10px;
- margin-top: 40px;
- position: relative;
+ .zysx {
+ margin-top: -1.7em;
+ margin-left: -2em;
+ }
+
+
+ .zt-zysx {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #24b8bc;
+ border-radius: 1.5em;
+ color: #FFFFFF;
+ font-weight: bold;
+ padding: 4px;
+ font-size: 1.2em;
+ box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
+ }
+
+ .zt-zysx1 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #96A7D5;
+ border-radius: 1.5em;
+ color: #FFFFFF;
+ font-weight: 100;
+ padding: 4px;
+ font-size: 1.2em;
+ }
+
+ .zt-zysx2 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #0071BD;
+ font-size: 1.2em;
+ }
+
+ .zt-1{
+ color:#6F84AF;
+ font-weight: bold;
+ font-size:1.1em;
+
+ }
+
+ div.bj3 {
+ background-color: #DED5E8;
+ padding: 1em 1em 1em 1.5em;
+ border-radius: 1em;
+ margin-bottom: 0.2em;
+ margin-left: -0.6em;
+ margin-right: -0.6em;
+ margin-top: -0.7em;
}
span.bj3-xyx {
--
Gitblit v1.9.1