diff --git a/src/view/guide.vue b/src/view/guide.vue index cd8cd62..1d8faae 100644 --- a/src/view/guide.vue +++ b/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; diff --git a/src/view/sy_details.vue b/src/view/sy_details.vue index a050c85..111f89f 100644 --- a/src/view/sy_details.vue +++ b/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 { diff --git a/src/view/sy_table.vue b/src/view/sy_table.vue index a04b169..c03a329 100644 --- a/src/view/sy_table.vue +++ b/src/view/sy_table.vue @@ -75,7 +75,10 @@
{{ item.name }}
-
+
详情
@@ -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) => {