From bac7941b8dc29e70643c44fb393c49d2eaa3015b Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期三, 07 八月 2024 16:06:22 +0800 Subject: [PATCH] 体育与健康完成 --- src/books/sportsAndHealth/css/default.less | 168 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 166 insertions(+), 2 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index 5671645..33b398e 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -492,7 +492,77 @@ display: flex; justify-content: flex-start; } + + .bj-img05 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url("../image/dy5.jpg"); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + .bj-img06 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url("../image/dy6.jpg"); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + .bj-img07 { + + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url("../image/dy7.jpg"); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + .bj-img08 { + + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url("../image/dy8.jpg"); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + + .bj-img09 { + + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url("../image/dy9.jpg"); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } .bj-byb { width: 100%; padding: 20px 10px; @@ -522,7 +592,7 @@ outline: none; } } - + .publicxbc { min-width: 100px; display: flex; @@ -540,7 +610,7 @@ font-size: 16px; font-weight: 700; border-radius: 15px; - + .icon { width: 25px; height: 25px; @@ -574,6 +644,21 @@ height: auto; margin: auto; margin-right: 20px; + + img { + width: 100%; + } + + p { + margin: 0; + } + } + .img-rights { + width: 250px; + float: right; + height: auto; + margin: auto; + margin-left: 20px; img { width: 100%; @@ -1799,6 +1884,7 @@ .zt-ls { color: #99b4df; font-weight: bold; + text-indent: 1em; } .zt-cs { @@ -2052,3 +2138,81 @@ body { background-color: #e6e6e6; } + + +.promptLeftBox{ + width: 200px; + float: left; +} + + +.promptRightBox{ + width: 200px; + float: right; +} + + +.learnOneMore{ + width: 100px; + display: flex; + justify-content: center; + align-items: center; + + background-color:#b898c7; + border: 0.15em dotted #b898c7; + padding: 2px 8px 3px 2px; + box-sizing: border-box; + color:#ffffff; + font-family: "FZLTXIHJW"; + font-size: 16px; + font-weight: 700; + border-radius: 15px; + + .icon { + width: 25px; + height: 25px; + border-radius: 5px; + background-color: #b898c7; + border: 1px solid #b898c7; + display: flex; + justify-content: center; + align-items: center; + margin-left: 10px; + cursor: pointer; + + svg { + fill: #fff; + } + } + + .icon:hover { + background-color: #fff; + border: 1px solid #b898c7; + + svg { + fill: #b898c7; + } + } +} + + +.smallTitle{ + text-indent: 1em; +} + + +.subsectionContent{ + text-indent: 2em; +} + +.imgp{ + color: #ac92c4; font-size: 14px; + display: flex; + justify-content: center; + align-items: center; + +} +.learningObjectives{ + color: #8da2d7; +} + -- Gitblit v1.9.1