This commit is contained in:
duanxiaohai 2024-08-06 11:16:30 +08:00
parent de2f241957
commit 28bfea34b2
1 changed files with 50 additions and 49 deletions

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(${45 * indexP}deg) translateZ(450px)`, transform: `rotateY(${91.25 * indexP}deg) translateZ(350px)`,
}" }"
@click.stop="toPage(itemP.url)" @click.stop="toPage(itemP.url)"
> >
@ -137,13 +137,13 @@ const reset_font = () => {
"scale(" + width / 1920 + "," + height / 1080 + ")"; "scale(" + width / 1920 + "," + height / 1080 + ")";
}; };
onMounted(() => { onMounted(() => {
let token = tools.data.get("token"); // let token = tools.data.get("token");
// console.log(token, "token"); // // console.log(token, "token");
if (token == null) { // if (token == null) {
ElMessage.error("请重新登录!"); // ElMessage.error("!");
window.location.href = // window.location.href =
"http://220.191.238.50:996/api/login?returnURL=" + window.location.href; // "http://220.191.238.50:996/api/login?returnURL=" + window.location.href;
} // }
reset_font(); reset_font();
reset_font(); reset_font();
}); });
@ -157,6 +157,10 @@ const tabData = reactive({
tabNum: 0, tabNum: 0,
PageUrl: "/home/index/table", PageUrl: "/home/index/table",
tabList: [ tabList: [
{
name: "总体概况",
img: tab1,
},
{ {
name: "评估模型", name: "评估模型",
img: tab7, img: tab7,
@ -165,32 +169,32 @@ const tabData = reactive({
name: "要素一张图", name: "要素一张图",
img: tab8, img: tab8,
}, },
{ // {
name: "总体概况", // name: "",
img: tab1, // img: tab2,
}, // },
{ // {
name: "养老体系", // name: "",
img: tab2, // img: tab3,
}, // },
{ // {
name: "卫生体系", // name: "",
img: tab3, // img: tab4,
}, // },
{ // {
name: "教育体系", // name: "",
img: tab4, // img: tab5,
}, // },
{
name: "救助体系",
img: tab5,
},
{ {
name: "智能分析", name: "智能分析",
img: tab6, img: tab6,
}, },
], ],
scenList: [ scenList: [
{
img: png3,
url: "/home/index",
},
{ {
img: png1, img: png1,
url: "/home/index/table", url: "/home/index/table",
@ -199,26 +203,23 @@ const tabData = reactive({
img: png2, img: png2,
url: "/home/index/map", url: "/home/index/map",
}, },
{
img: png3, // {
url: "/home/index", // img: png4,
}, // url: "/home/yl",
{ // },
img: png4, // {
url: "/home/yl", // img: png5,
}, // url: "/home/hygiene",
{ // },
img: png5, // {
url: "/home/hygiene", // img: png6,
}, // url: "/home/education",
{ // },
img: png6, // {
url: "/home/education", // img: png7,
}, // url: "/home/work",
{ // },
img: png7,
url: "/home/work",
},
{ {
img: png8, img: png8,
url: "/home/analyze", url: "/home/analyze",
@ -230,7 +231,7 @@ const changeTab = (val) => {
tabData.PageUrl = tabData.scenList[val].url; tabData.PageUrl = tabData.scenList[val].url;
transTime.value = 0.8; transTime.value = 0.8;
tabData.tabNum = val; tabData.tabNum = val;
rotateY.value = 360 - 45 * val; rotateY.value = 360 - 91.25 * val;
rotateX.value = 0; rotateX.value = 0;
setTimeout(() => { setTimeout(() => {
transTime.value = 0; transTime.value = 0;