Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 941 KiB |
Before Width: | Height: | Size: 2.4 MiB After Width: | Height: | Size: 2.8 MiB |
Before Width: | Height: | Size: 1003 KiB After Width: | Height: | Size: 1.2 MiB |
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 995 KiB After Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 1011 KiB |
After Width: | Height: | Size: 995 KiB |
|
@ -29,7 +29,7 @@
|
||||||
:style="{
|
:style="{
|
||||||
transform: `rotateY(${45 * indexP}deg) translateZ(450px)`,
|
transform: `rotateY(${45 * indexP}deg) translateZ(450px)`,
|
||||||
}"
|
}"
|
||||||
@click="toPage(itemP.url)"
|
@click.stop="toPage(itemP.url)"
|
||||||
>
|
>
|
||||||
<div class="animate-border">
|
<div class="animate-border">
|
||||||
<i></i>
|
<i></i>
|
||||||
|
@ -76,6 +76,8 @@ import png3 from "@/assets/guide/Dp/3.png";
|
||||||
import png4 from "@/assets/guide/Dp/4.png";
|
import png4 from "@/assets/guide/Dp/4.png";
|
||||||
import png5 from "@/assets/guide/Dp/5.png";
|
import png5 from "@/assets/guide/Dp/5.png";
|
||||||
import png6 from "@/assets/guide/Dp/6.png";
|
import png6 from "@/assets/guide/Dp/6.png";
|
||||||
|
import png7 from "@/assets/guide/Dp/7.png";
|
||||||
|
import png8 from "@/assets/guide/Dp/8.png";
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const routers = useRoute();
|
const routers = useRoute();
|
||||||
|
|
||||||
|
@ -184,31 +186,31 @@ const tabData = reactive({
|
||||||
url: "/home/index/table",
|
url: "/home/index/table",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
img: png1,
|
img: png2,
|
||||||
url: "/home/index/map",
|
url: "/home/index/map",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
img: png1,
|
img: png3,
|
||||||
url: "/home/index",
|
url: "/home/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
img: png2,
|
img: png4,
|
||||||
url: "/home/yl",
|
url: "/home/yl",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
img: png3,
|
img: png5,
|
||||||
url: "/home/hygiene",
|
url: "/home/hygiene",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
img: png4,
|
img: png6,
|
||||||
url: "/home/education",
|
url: "/home/education",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
img: png5,
|
img: png7,
|
||||||
url: "/home/work",
|
url: "/home/work",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
img: png6,
|
img: png8,
|
||||||
url: "/home/analyze",
|
url: "/home/analyze",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
@ -226,7 +228,7 @@ const changeTab = (val) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const toPage = (val) => {
|
const toPage = (val) => {
|
||||||
// console.log(val);
|
console.log(val);
|
||||||
router.push({
|
router.push({
|
||||||
path: `${val}`,
|
path: `${val}`,
|
||||||
});
|
});
|
||||||
|
|
|
@ -2415,6 +2415,7 @@ onMounted(() => {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
.jbggfwq_content_item_right_item {
|
.jbggfwq_content_item_right_item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|