ソースを参照

二维码扫码界面调整

qymljy 1 ヶ月 前
コミット
cb91291cb1
2 ファイル変更36 行追加5 行削除
  1. 36 5
      public/codeToFile.html
  2. BIN
      public/img/background.png

+ 36 - 5
public/codeToFile.html

@@ -12,8 +12,12 @@
             }
             .img-div{
                 width: 100%;
-                height: 233pt;
+                height: 353pt;
                 background-color: #AAB7CB ;
+                background-image: url('./img/background.png');
+                background-size: cover; /* 可选:使背景图片覆盖整个div */
+                background-position: center; /* 可选:居中显示背景图片 */
+                background-repeat: no-repeat; /* 可选:防止背景图片重复 */
                 position: relative;
                 margin-top: 95px;
             }
@@ -57,14 +61,36 @@
                 width: 85%;
                 height: 500pt;
                 min-height: 500pt;
-                background-color: #FFFFFF ;
-                opacity: 0.3;
+                background-color: rgba(255, 255, 255, 0.3);
                 margin: auto;
                 max-height: 500pt;
                 overflow: auto;
                 border: 1px solid #707070;
                 border-radius: 10pt;
             }
+            .container {
+                display: flex;
+                justify-content: center; /* 水平居中 */
+                align-items: center;     /* 垂直居中 */
+                height: 100pt;          /* 设置容器高度 */
+                background-color: rgba(255, 255, 255, 0.3);
+                width: 100%;
+                margin-top: 50pt;
+                font-size: 50pt;
+                margin-bottom: 50pt;
+            }
+            .inner {
+                color: #FFFFFF;
+            }
+            .container_div {
+                display: flex;
+                justify-content: center; /* 水平居中 */
+                align-items: center;     /* 垂直居中 */
+                height: 50pt;
+                width: 100%;
+                font-size: 30pt;
+                color: #FFFFFF;
+            }
         </style>
     </head>
     <body style="background-color: #003399 ">
@@ -78,11 +104,16 @@
         <div class="content-div" style="margin-top: 30pt">
             <div class="margin-style" id="dataContainer"></div>
         </div>
-        <div style="margin-top: 50pt;background-color:  #FFFFFF;opacity: 0.3;height: 150pt;width: 100%">
-            <div style="margin: auto;font-size: 50pt;color: #e31d1d;height: 150pt;text-align: center;">
+        <div class="container">
+            <div class="inner" onclick="window.location.href='http://www.ibpchina.com/';">
                 品牌官网·点击跳转
             </div>
         </div>
+
+        <div class="container_div">班尼戈</div>
+        <div class="container_div">水工业控制的可靠服务商</div>
+        <div class="container_div">客服电话:+86 0573-89053730</div>
+
         <script>
             window.onload = async function(){
                 var loc=location.href;

BIN
public/img/background.png