aidlab/lanecarford_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style product页面设置跳转携带参数

Browse Source
This commit is contained in:
X1627315083
2025-12-22 13:39:34 +08:00
parent d0ada4e6f0
commit 3dde004166
8 changed files with 52 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/views/Workshop/homeNav.vue
View File

@@ -32,8 +32,8 @@ const clickSwitchVIPID = ()=>{
.catch(() => {})
}
const openFlow = (path:string)=>{
const query = computed(() => router.currentRoute.value.query)
router.push({ name: path, query: {...query.value} })
const query = router.currentRoute.value.query
router.push({ name: path, query: {...query} })
// if(flowType == 'clientId')return clickSwitchVIPID()
// if(flowType == 'main'){
@@ -83,14 +83,18 @@ defineExpose({})
</script>
<template>
<div class="homeNavPage">
<div class="title">
Welcome Back,
What can I help you today?
<div class="shadow top"></div>
<div class="shadow bottom"></div>
<div class="titleBox">
<div class="title">
Choose one<br/>
function to explore.
</div>
<div class="info">
Welcome back! What can I help you today?
</div>
</div>
<div class="navBox">
<div class="navTitle">
Explore
</div>
<div class="navList">
<div class="item active" v-for="item in navList" :key="item.path" @click="openFlow(item.path)">
<img :src="item.imgPath" alt="">
@@ -120,28 +124,46 @@ defineExpose({})
--header-title-height: 12rem !important;
}
.homeNavPage{
> .title{
padding: 0 8.4rem;
font-family: satoshiBold;
font-weight: 700;
margin-top: 6.8rem;
font-size: 9.6rem;
line-height: 124%;
background: #B3B3B3;
background: linear-gradient(120deg, #b3b3b3 1%, rgba(0, 0, 0, 0) 48%), linear-gradient(
344deg, #B3B3B2 16%, #000000 66%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
> .shadow{
position: absolute;
width: 91rem;
height: 92rem;
background: linear-gradient(88.42deg, #FFFFFF 32.58%, #D9D9D9 94.9%);
transform: rotate(312deg);
&.top{
top: -20%;
right: -20%;
}
&.bottom{
bottom: -30%;
left: -20%;
transform: rotate(134deg);
}
}
> .navBox{
> .navTitle{
padding: 0 8.4rem;
> .titleBox{
padding-left: 7.9rem;
margin-top: 13.4rem;
margin-bottom: 11.2rem;
> div{
background: linear-gradient(120deg, #b3b3b3 1%, rgba(0, 0, 0, 0) 48%), linear-gradient(
344deg, #B3B3B2 16%, #000000 66%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
> .title{
font-family: satoshiBold;
font-weight: 700;
font-size: 5.2rem;
margin: 6.3rem 0;
font-size: 10rem;
line-height: 124%;
}
> .info{
margin-top: 4.7rem;
font-size: 4rem;
font-family: satoshiRegular;
}
}
> .navBox{
> .navList{
display: flex;
flex-wrap: wrap;