صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
shaogen1995
/
HNBWY_Model
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
فهرست منبع

upp

shaogen1995 2 سال پیش
والد
030cee9f0f
کامیت
52a06f10bb
4فایلهای تغییر یافته به همراه27 افزوده شده و 8 حذف شده
مشاهده تقسیم شده نمایش آمار تفاوت ها
  1. 5 1
      webNew/public/4dage.js
  2. 15 2
      webNew/public/model.html
  3. 1 1
      webNew/src/pages/Home/index.module.scss
  4. 6 4
      webNew/src/pages/HomeM/index.module.scss

+ 5 - 1
webNew/public/4dage.js
مشاهده فایل 

@@ -6247,7 +6247,11 @@ fdage = {},
 
             W.prototype.start = function () {
 
                 // console.log('模型加载完成');
 
                 window.modelLoding = true
 
-
 
+                setTimeout(() => {
 
+                    let dom = document.querySelector('.bacBox')
 
+                    dom.style.opacity = 0
 
+                    dom.style.pointerEvents = 'none'
 
+                  }, 500);
 
 
                 this.scene.view.updateView(),
 
                     this.ui.showActiveView(),

+ 15 - 2
webNew/public/model.html
مشاهده فایل 

@@ -11,12 +11,25 @@
 
     html {
 
       overflow: hidden;
 
     }
 
+
 
+    .bacBox {
 
+      opacity: 1;
 
+      pointer-events: auto;
 
+      position: absolute;
 
+      z-index: 998;
 
+      top: 0;
 
+      left: 0;
 
+      width: 100%;
 
+      height: 100%;
 
+      background-color: #cfcfd0;
 
+      transition: all 1s;
 
+    }
 
   </style>
 
 </head>
 
 
 <body>
 
-  <div id="ui">
 
-  </div>
 
+  <div id="ui"></div>
 
+  <div class="bacBox"></div>
 
   <script>
 
     let number = getQueryVariable("m");
 
     window.autoRotate = true; // 是否自动旋转

+ 1 - 1
webNew/src/pages/Home/index.module.scss
مشاهده فایل 

@@ -25,7 +25,7 @@
 
 
 
     .modelTxtBox {
 
-      z-index: 10;
 
+      z-index: 100;
 
       opacity: 0;
 
       pointer-events: none;
 
       position: fixed;

+ 6 - 4
webNew/src/pages/HomeM/index.module.scss
مشاهده فایل 

@@ -1,7 +1,9 @@
 
 .HomeM {
 
   width: 100%;
 
   height: 100%;
 
-  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(207, 202, 189, 1));
 
+  // background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(207, 202, 189, 1));
 
+  background-image: url('../../assets/img/bg.png');
 
+  background-size: 100% 100%;
 
   position: relative;
 
   :global {
 
 
@@ -24,7 +26,7 @@
 
     .title {
 
       width: 100%;
 
       height: 50px;
 
-      background-color: #741A1A;
 
+      background-color: #bda262;
 
       display: flex;
 
       justify-content: center;
 
       align-items: center;
 
@@ -162,7 +164,7 @@
 
         position: relative;
 
 
         .sortName {
 
-          color: #741A1A;
 
+          color: #bda262;
 
           font-size: 14px;
 
           position: absolute;
 
           top: 0;
 
@@ -188,7 +190,7 @@
 
           line-height: 30px;
 
           font-size: 14px;
 
           color: #fff;
 
-          background-color: #741A1A;
 
+          background-color: #bda262;
 
           text-align: center;
 
           overflow: hidden;
 
           text-overflow: ellipsis;