From 803292ff5f6bfc06945c9fbdaffacc1ce07cf22c Mon Sep 17 00:00:00 2001 From: xiayanfang Date: Wed, 23 Oct 2024 15:19:02 +0000 Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?= =?UTF-8?q?=20demo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- demo/demo.html | 70 +++++++++++++++ demo/index.css | 232 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 302 insertions(+) create mode 100644 demo/demo.html create mode 100644 demo/index.css diff --git a/demo/demo.html b/demo/demo.html new file mode 100644 index 0000000..3e4ef3a --- /dev/null +++ b/demo/demo.html @@ -0,0 +1,70 @@ + + + + + + Document + + + + +
+
+
+
+
+
+ +
+
+
+ MRGC-EDU +
+ 教学实训云平台 +
+
+
+
+ + 输入你的用户名 +
+
+
+
+
+
+
+ + 输入你的密码 +
+
+
+
+
+
+ 忘记密码 +
+
+
+ 登 录 +
+
+
+
+
+
+
+ + diff --git a/demo/index.css b/demo/index.css new file mode 100644 index 0000000..564d780 --- /dev/null +++ b/demo/index.css @@ -0,0 +1,232 @@ +.page { + background-color: rgba(255, 255, 255, 1); + position: relative; + width: 1920px; + height: 1080px; + overflow: hidden; +} + +.group_1 { + height: 1080px; + background: url(https://lanhu-oss.lanhuapp.com/SketchPng0e96af0d0232c5137e797f36a507c5d7f5942dbd7ef51a7fd509aa92e5235924) 100% no-repeat; + background-size: 100% 100%; + margin-left: 1088px; + width: 832px; +} + +.group_2 { + background-color: rgba(31, 120, 212, 1); + height: 1080px; + margin-left: -1088px; + grid-template-columns: repeat(0, 1fr); + width: 1920px; +} + +.box_1 { + background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/7bbf00aeec1e4fafb9470ae6ed13a070_mergeImage.png); + height: 1080px; + width: 1920px; +} +.group_3 { + height: 599px; + background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/e020f4f2b53248e19e2ad78d9a45110f_mergeImage.png) 100% no-repeat; + background-size: 100% 100%; + width: 952px; + margin: 240px 0 0 484px; +} + +.image-wrapper_2 { + width: 153px; + height: 41px; + margin: 35px 0 0 35px; +} + +.image_1 { + width: 153px; + height: 41px; +} + +.group_5 { + width: 209px; + height: 90px; + margin: 4px 0 0 610px; +} + +.text-wrapper_1 { + width: 209px; + height: 90px; + overflow-wrap: break-word; + font-size: 0; + font-family: PingFangSC-Semibold; + font-weight: 600; + text-align: left; + line-height: 50px; +} + +.text_1 { + width: 209px; + height: 90px; + overflow-wrap: break-word; + color: rgba(0, 0, 0, 0.86); + font-size: 36px; + font-family: PingFangSC-Semibold; + font-weight: 600; + text-align: left; + line-height: 50px; +} + +.paragraph_1 { + width: 209px; + height: 90px; + overflow-wrap: break-word; + color: rgba(196, 196, 196, 0.86); + font-size: 42px; + font-family: PingFangSC-Semibold; + font-weight: 600; + text-align: left; + line-height: 50px; +} + +.text_2 { + width: 209px; + height: 90px; + overflow-wrap: break-word; + color: rgba(0, 0, 0, 0.46); + font-size: 28px; + font-family: PingFangSC-Medium; + font-weight: 500; + text-align: left; + line-height: 50px; +} + +.group_6 { + width: 159px; + height: 25px; + margin: 69px 0 0 538px; +} + +.image-text_3 { + width: 159px; + height: 25px; +} + +.thumbnail_1 { + width: 17px; + height: 18px; + margin-top: 4px; +} + +.text-group_1 { + width: 126px; + height: 25px; + overflow-wrap: break-word; + color: rgba(0, 0, 0, 0.86); + font-size: 18px; + font-family: PingFangSC-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 25px; +} + +.group_7 { + width: 356px; + height: 2px; + margin: 10px 0 0 536px; +} + +.section_1 { + background-color: rgba(0, 0, 0, 0.05); + border-radius: 8px; + width: 356px; + height: 2px; +} + +.group_8 { + width: 140px; + height: 25px; + margin: 54px 0 0 539px; +} + +.image-text_4 { + width: 140px; + height: 25px; +} + +.thumbnail_2 { + width: 18px; + height: 18px; + margin-top: 4px; +} + +.text-group_2 { + width: 108px; + height: 25px; + overflow-wrap: break-word; + color: rgba(0, 0, 0, 0.86); + font-size: 18px; + font-family: PingFangSC-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 25px; +} + +.group_9 { + width: 356px; + height: 2px; + margin: 10px 0 0 536px; +} + +.group_4 { + background-color: rgba(0, 0, 0, 0.05); + border-radius: 8px; + width: 356px; + height: 2px; +} + +.text-wrapper_4 { + width: 72px; + height: 25px; + margin: 14px 0 0 820px; +} + +.text_3 { + width: 72px; + height: 25px; + overflow-wrap: break-word; + color: rgba(0, 0, 0, 0.86); + font-size: 18px; + font-family: PingFangSC-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 25px; +} + +.group_10 { + width: 355px; + height: 80px; + margin: 46px 0 67px 536px; +} + +.text-wrapper_3 { + background-color: rgba(0, 91, 247, 1); + border-radius: 8px; + height: 80px; + width: 355px; +} + +.text_4 { + width: 84px; + height: 50px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 0.86); + font-size: 36px; + font-family: PingFangSC-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 50px; + margin: 15px 0 0 141px; +} \ No newline at end of file