From da4257bc32483409af02a06dd342c6981ec786ec Mon Sep 17 00:00:00 2001
From: liulijun <liulijun@hnkhzn.com>
Date: 星期一, 17 十一月 2025 17:14:14 +0800
Subject: [PATCH] 更新大屏幕页面和任务信息页面
---
项目代码/BigScreen/src/assets/scss/index.scss | 138 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 138 insertions(+), 0 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/assets/scss/index.scss" "b/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/assets/scss/index.scss"
new file mode 100644
index 0000000..a04df3b
--- /dev/null
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/assets/scss/index.scss"
@@ -0,0 +1,138 @@
+#index {
+ color: #000000;
+ width: 1920px;
+ height: 1080px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ transform-origin: left top;
+ overflow: hidden;
+
+ .bg {
+ width: 100%;
+ height: 100%;
+ padding: 25px 16px 0 16px;
+ // background-image: url("../assets/bg5.jpg");
+ // url("../assets/bg5.jpg");
+ background-size: cover;
+ background-position: center center;
+ }
+
+ .host-body {
+ .dv-dec-10,
+ .dv-dec-10-s {
+ width: 133.3%;
+ height: 5px;
+ }
+ .dv-dec-10-s {
+ transform: rotateY(180deg);
+ }
+ .dv-dec-8 {
+ width: 200px;
+ height: 50px;
+ }
+ .title {
+ position: relative;
+ width: 500px;
+ text-align: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+
+ .title-text {
+ font-size: 25px;
+ position: absolute;
+ left: 30%;
+ transform: translate(-50%);
+ }
+
+ .dv-dec-6 {
+ position: absolute;
+ bottom: -30px;
+ left: 30%;
+ width: 250px;
+ height: 8px;
+ transform: translate(-50%);
+ }
+ }
+
+ // 绗簩琛�
+ .aside-width {
+ width: 40%;
+ }
+ .react-r-s,
+ .react-l-s {
+ background-color: #000000;
+ }
+
+ // 骞宠鍥涜竟褰�
+ .react-right {
+ &.react-l-s {
+ text-align: right;
+ width: 500px;
+ }
+ font-size: 18px;
+ width: 300px;
+ line-height: 30px;
+ text-align: center;
+ transform: skewX(-45deg);
+
+ .react-after {
+ position: absolute;
+ right: -25px;
+ top: 0;
+ height: 50px;
+ width: 50px;
+ background-color: #0f1325;
+ transform: skewX(45deg);
+ }
+
+ .text {
+ padding-left: 80px;
+ display: inline-block;
+ transform: skewX(45deg);
+ }
+ }
+
+ .react-left {
+ &.react-l-s {
+ width: 500px;
+ text-align: left;
+ }
+ font-size: 18px;
+ width: 300px;
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ transform: skewX(45deg);
+ background-color: #0f1325;
+
+ .react-before {
+ position: absolute;
+ left: -25px;
+ top: 0;
+ height: 50px;
+ width: 50px;
+ background-color: #0f1325;
+ transform: skewX(-45deg);
+ }
+
+ .text {
+ display: inline-block;
+ transform: skewX(-45deg);
+ }
+ }
+
+ .body-box {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ gap: 20px;
+ padding: 0 20px;
+ //涓嬫柟鍖哄煙鐨勫竷灞�
+ .content-box {
+ width: 100%;
+ }
+ }
+ }
+}
--
Gitblit v1.9.3