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

View File

@ -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;

View File

@ -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 {

View File

@ -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;