gx

src/view/guide.vue

@@ -27,7 +27,7 @@
               class="image-wall"
               style="transition: transform 1s ease 0.5s"
               :style="{
-                transform: `rotateY(${80 * indexP}deg) translateZ(450px)`,
+                transform: `rotateY(${45 * indexP}deg) translateZ(450px)`,
               }"
               @click="toPage(itemP.url)"
             >
@@ -179,11 +179,11 @@ const tabData = reactive({
   ],
   scenList: [
     {
-      img: png6,
+      img: png1,
       url: "/home/index/map",
     },
     {
-      img: png6,
+      img: png1,
       url: "/home/index/table",
     },
     {
@@ -214,10 +214,9 @@ const tabData = reactive({
 });
 
 const changeTab = (val) => {
-  console.log(val);
   transTime.value = 0.8;
   tabData.tabNum = val;
-  rotateY.value = 360 - 40 * val;
+  rotateY.value = 360 - 45 * val;
   rotateX.value = 0;
   setTimeout(() => {
     transTime.value = 0;
@@ -225,7 +224,7 @@ const changeTab = (val) => {
 };
 
 const toPage = (val) => {
-  console.log(val);
+  // console.log(val);
   router.push({
     path: `${val}`,
   });
@@ -352,9 +351,12 @@ body {
   height: 100%;
   transform-style: preserve-3d;
   transition: transform 0.1s ease-in-out;
+  // background-color: skyblue;
 }
 
 .image-wall {
+  // background-color: skyblue;
+  z-index: 99;
   width: 80%;
   height: 80%;
   position: absolute;

src/view/sy_details.vue

@@ -566,6 +566,7 @@ const rowState = (row) => {
   --el-table-tr-bg-color: none;
   --el-table-header-bg-color: none;
   --el-table-header-text-color: none;
+  
   border: 1px solid #7aceff;
 }
 .table {

src/view/sy_table.vue

@@ -75,7 +75,10 @@
                   <img src="@/assets/sy-table/sy-table3.png" />
                   <div class="tableli">{{ item.name }}</div>
                 </div>
-                <div class="tableBoxCenter1" @click="goto('/home/index/table/details')">
+                <div
+                  class="tableBoxCenter1"
+                  @click="goto('/home/index/table/details')"
+                >
                   详情
                 </div>
               </div>
@@ -365,7 +368,7 @@ const rowState = (row) => {
         // opacity: 0.45;
       }
       .tabPositionminBoxBgc {
-        background: #92bdff;
+        background: rgba(73, 121, 191);
       }
     }
   }
@@ -459,7 +462,6 @@ const rowState = (row) => {
   }
 }
 
-
 .left_1 {
   background-image: url(@/assets/sy-table/sy-table1.png);
   background-repeat: no-repeat;
@@ -478,13 +480,25 @@ const rowState = (row) => {
 </style>
 <style lang="scss" scoped>
 :deep(.el-table) {
-  background: rgba(32, 64, 115, 1) !important ;
+  background: rgba(32, 64, 115, 1);
   color: #ffffff;
+  --el-table-border-color: rgba(57, 107, 161);
   --el-table-tr-bg-color: none;
   --el-table-header-bg-color: none;
   --el-table-header-text-color: none;
   border: 1px solid #7aceff;
 }
+// :deep(.el-table tr) {
+//   background: linear-gradient(
+//     270deg,
+//     rgba(0, 52, 131, 0.69) 0%,
+//     rgba(0, 32, 83, 0.77) 50%,
+//     rgba(0, 60, 131, 0.74) 100%
+//   );
+//   box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
+//   backdrop-filter: blur(0px);
+// }
+
 .table {
   :deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
     border: none !important;