From 1ad66cd2ca3519c2d2383f88c086e42fa5714a42 Mon Sep 17 00:00:00 2001 From: A1300399510 Date: Wed, 13 Nov 2024 16:21:32 +0800 Subject: [PATCH] no message --- css/details.css | 45 +++++++++++++++++++++++++++++++++++++--- css/details.less | 47 +++++++++++++++++++++++++++++++++++++++--- html/details.html | 14 ++++++++++++- img/img.svg | 11 ++++++++++ img/scan-icon.png | Bin 0 -> 751 bytes img/triangle-gray.svg | 6 ++++++ 6 files changed, 116 insertions(+), 7 deletions(-) create mode 100644 img/img.svg create mode 100644 img/scan-icon.png create mode 100644 img/triangle-gray.svg diff --git a/css/details.css b/css/details.css index 2c42e4b..ab0e60e 100644 --- a/css/details.css +++ b/css/details.css @@ -41,18 +41,21 @@ color: #000000; } .boxbox .details { - padding: 31px 60px; + padding: 0 0 0 60px; } .boxbox .details .logo { width: 120px; height: 120px; position: relative; z-index: 1; - padding-right: 10px; - padding-bottom: 7px; + margin-top: 31px; margin-right: 39px; display: inline-flex; } +.boxbox .details .right { + padding-top: 31px; + padding-bottom: 31px; +} .boxbox .details .right .name { font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; @@ -96,6 +99,42 @@ margin-right: 6px; margin-bottom: 8px; } +.boxbox .details .QRCode { + position: relative; + width: 290px; + border-left: 1px dotted #ebebeb; + flex-direction: column; +} +.boxbox .details .QRCode .code { + width: 120px; + height: 120px; + background-color: #ffffff; + border-radius: 60px; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07058824); + margin-bottom: 12px; +} +.boxbox .details .QRCode .code .img { + width: 100px; + height: 100px; +} +.boxbox .details .QRCode .hint { + font-size: 13px; + letter-spacing: normal; + color: #333333; +} +.boxbox .details .QRCode .hint .img { + width: 12px; + height: 12px; + margin-right: 7px; +} +.boxbox .details .QRCode .triangle { + width: 9px; + height: 16px; + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); +} .body { align-items: flex-start; } diff --git a/css/details.less b/css/details.less index 6e94bd7..4031132 100644 --- a/css/details.less +++ b/css/details.less @@ -42,19 +42,23 @@ } } .details { - padding: 31px 60px; + padding: 0 0 0 60px; .logo { + width: 120px; height: 120px; position: relative; z-index: 1; - padding-right: 10px; - padding-bottom: 7px; + // padding-right: 10px; + // padding-bottom: 7px; + margin-top: 31px; margin-right: 39px; display: inline-flex; } .right { + padding-top: 31px; + padding-bottom: 31px; .name { font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; @@ -105,6 +109,43 @@ color: #7f7f7f; } } + + .QRCode { + position: relative; + width: 290px; + border-left: 1px dotted #ebebeb; + flex-direction: column; + .code { + width: 120px; + height: 120px; + background-color: rgba(255, 255, 255, 1); + border-radius: 60px; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.0705882352941176); + margin-bottom: 12px; + .img { + width: 100px; + height: 100px; + } + } + .hint { + font-size: 13px; + letter-spacing: normal; + color: #333333; + .img { + width: 12px; + height: 12px; + margin-right: 7px; + } + } + .triangle { + width: 9px; + height: 16px; + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); + } + } } } diff --git a/html/details.html b/html/details.html index 9adf491..8cce054 100644 --- a/html/details.html +++ b/html/details.html @@ -28,7 +28,7 @@
-
+
{{ info.name_zh }}
{{ info.name_en }}
@@ -57,6 +57,18 @@
{{ item }}
+ +
+ +
+ +
+ +
+ + 手机查看该项目 +
+
diff --git a/img/img.svg b/img/img.svg new file mode 100644 index 0000000..e77d139 --- /dev/null +++ b/img/img.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/img/scan-icon.png b/img/scan-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..f72331d56985c3f081dce56eef5ce31f2c283bde GIT binary patch literal 751 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}E~ycoX}-P; zT0k}j17mw80}DtA5K93u0|WB{Mh0de%?J`(zyy~ySip>6gB0F2&*5QUV2bo~aSX{| zeLM5Co=%`h+w3ij%IPj1ePSmK6OTQyVfiSaCw#=^k(s#hN102UmUGlC{1d#a^#qlj znXmuP-a6^(+U^d$z24uv{=L~6zVZ8hz0kd@!xnys+Lba(_#c<}p}8NXG_l^a*IqMm zn_czchXFH0ty;}fy~6cdx3Io`8)+S|U;dm=1^=zPDW1R9U3i|eaOGd65HYddi0DNE zl_ze?6uaK=J{HZx`(%EOJMSBL!`>JD^~?V-s~T(gaH$@A638{@Vfcb)wKr`t_9=<9 z1}t%Q31i(689CQ`{XOA38`4r*YF2DgOPcqZ$EEVtjE@mj9uwQ=iyH+B_Pl2_H#E)I zr2q7u8e^YL*y_^x1=2?w<=nrVdAV@af7y+3G9Ofhi@x-3e;#q9F~+-O!PS@Dk{P9J z7QaL4&k8A>wYZ(~_HuOk@-^T4ULWT;0)$sw8;-x&u|cQgdMtNsm2y+G#Q|<7&l8J7 zEWAFHO%AVAVoqjK{i2*67vMD8^0CazV?aGMyE#5coc+t)Te~bd=h*juYc|JR7U%XREKzst*p*^LwP5>{+d1p3;)wYBD+}Jp`<3wOf8tp= WV^jaFknSc>V)JzMb6Mw<&;$TUuRDzZ literal 0 HcmV?d00001 diff --git a/img/triangle-gray.svg b/img/triangle-gray.svg new file mode 100644 index 0000000..0f4a6c1 --- /dev/null +++ b/img/triangle-gray.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file