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

123

Browse Source
This commit is contained in:
李志鹏
2025-10-20 15:45:42 +08:00
parent 8994b4a1d2
commit 408b159860
10 changed files with 324 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/Workshop/customize.vue
View File

@@ -27,7 +27,7 @@
const onRetry = () => {
router.back()
}
const onContinue = () => {
const onFinish = () => {
router.push({ name: 'creation' })
}
</script>
@@ -49,20 +49,19 @@
</div>
<div class="card">
<img src="@/assets/images/workshop/posture/posture_1.png" />
<div class="select-box">
<!-- <div class="select-box">
<div class="icon"><SvgIcon name="history" size="35" /></div>
<div class="label">History</div>
<div class="icon"><SvgIcon name="xialajiantou" size="29" /></div>
</div>
</div> -->
<div class="icons">
<div @click="onLove"><SvgIcon :name="`love_${isLoved ? 1 : 0}`" size="35" /></div>
<div @click="onReload"><SvgIcon name="reload" size="35" /></div>
<div @click="onDownload"><SvgIcon name="download" size="35" /></div>
<!-- <div @click="onDownload"><SvgIcon name="download" size="35" /></div> -->
</div>
</div>
<div class="btns">
<button @click="onRetry">Re-try?</button>
<button @click="onContinue">Continue</button>
<button @click="onFinish">Finish</button>
</div>
</div>
<footer-navigation />
@@ -88,13 +87,14 @@
font-family: satoshiRegular;
font-size: 3.74rem;
line-height: 124%;
color: rgba(0, 0, 0, 0.6);
}
> .input-box {
margin-top: 7.3rem;
margin-top: 6rem;
width: 87.5rem;
height: 8.3rem;
border-radius: 0.5rem;
border: 0.4rem solid #000000;
border: 0.3rem solid #000000;
box-sizing: content-box;
display: flex;
align-items: center;
@@ -127,9 +127,9 @@
}
}
> .card {
margin-top: 6.9rem;
width: 79.8rem;
height: 107.4rem;
margin-top: 6.4rem;
width: 72.9rem;
height: 102.3rem;
border-radius: 2rem;
// box-shadow: 1.3rem 1.4rem 2rem 0.2rem #0000004d;
border: 0.2rem solid #d9d9d9;
@@ -181,20 +181,21 @@
}
}
> .btns {
margin-top: 2.5rem;
margin-top: 5.6rem;
width: 100%;
display: flex;
justify-content: center;
> button {
box-sizing: content-box;
font-family: satoshiRegular;
margin: 0 2rem;
width: 35rem;
height: 6rem;
// margin: 0 1.8rem;
margin: 0 5.2rem 0 auto;
width: 23.8rem;
height: 6.9rem;
border-radius: 1.3rem;
background: #000;
font-weight: 400;
font-size: 3.6rem;
font-size: 3.89rem;
color: #fff;
&:active {
opacity: 0.7;