xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-07-23 16:14:35 +08:00
parent fe7a9adcf4
commit f3693bfdb9
3 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/view/guide.vue
View File

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

1
src/view/sy_details.vue
View File

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

22
src/view/sy_table.vue
View File

@ -75,7 +75,10 @@
<img src="@/assets/sy-table/sy-table3.png" /> <img src="@/assets/sy-table/sy-table3.png" />
<div class="tableli">{{ item.name }}</div> <div class="tableli">{{ item.name }}</div>
</div> </div>
<div class="tableBoxCenter1" @click="goto('/home/index/table/details')"> <div
class="tableBoxCenter1"
@click="goto('/home/index/table/details')"
>
详情 详情
</div> </div>
</div> </div>
@ -365,7 +368,7 @@ const rowState = (row) => {
// opacity: 0.45; // opacity: 0.45;
} }
.tabPositionminBoxBgc { .tabPositionminBoxBgc {
background: #92bdff; background: rgba(73, 121, 191);
} }
} }
} }
@ -459,7 +462,6 @@ const rowState = (row) => {
} }
} }
.left_1 { .left_1 {
background-image: url(@/assets/sy-table/sy-table1.png); background-image: url(@/assets/sy-table/sy-table1.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -478,13 +480,25 @@ const rowState = (row) => {
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.el-table) { :deep(.el-table) {
background: rgba(32, 64, 115, 1) !important ; background: rgba(32, 64, 115, 1);
color: #ffffff; color: #ffffff;
--el-table-border-color: rgba(57, 107, 161);
--el-table-tr-bg-color: none; --el-table-tr-bg-color: none;
--el-table-header-bg-color: none; --el-table-header-bg-color: none;
--el-table-header-text-color: none; --el-table-header-text-color: none;
border: 1px solid #7aceff; 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 { .table {
:deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) { :deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
border: none !important; border: none !important;