style: continue按钮背景样式
All checks were successful
git提交控制 AiDA WEB-Node.js main 分支构建部署 / build (20.19.0) (push) Has been skipped
All checks were successful
git提交控制 AiDA WEB-Node.js main 分支构建部署 / build (20.19.0) (push) Has been skipped
This commit is contained in:
@@ -35,7 +35,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Continue按钮 -->
|
<!-- Continue按钮 -->
|
||||||
<div class="continue-button" @click="handleContinue" v-if="!$route.query?.demo">Continue</div>
|
<button
|
||||||
|
class="sandblasted-blurred continue-button flex flex-center"
|
||||||
|
@click="handleContinue"
|
||||||
|
v-if="!$route.query?.demo"
|
||||||
|
>
|
||||||
|
<span>Continue</span>
|
||||||
|
</button>
|
||||||
<!-- <van-dialog
|
<!-- <van-dialog
|
||||||
class="video-dialog"
|
class="video-dialog"
|
||||||
:show-confirm-button="false"
|
:show-confirm-button="false"
|
||||||
@@ -294,9 +300,9 @@ const handleContinue = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.continue-button {
|
button.sandblasted-blurred.continue-button {
|
||||||
height: 6.7rem;
|
height: 6.7rem;
|
||||||
box-sizing: border-box;
|
width: 24.6rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 6.4rem;
|
bottom: 6.4rem;
|
||||||
right: 7.6rem;
|
right: 7.6rem;
|
||||||
@@ -306,14 +312,9 @@ const handleContinue = () => {
|
|||||||
color: white;
|
color: white;
|
||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
cursor: pointer;
|
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
font-family: 'satoshiRegular';
|
font-family: 'satoshiRegular';
|
||||||
display: flex;
|
box-sizing: border-box;
|
||||||
align-items: center;
|
|
||||||
backdrop-filter: blur(8.1rem);
|
|
||||||
-webkit-backdrop-filter: blur(8.1rem);
|
|
||||||
-moz-backdrop-filter: blur(8.1rem);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.van-overlay) {
|
:deep(.van-overlay) {
|
||||||
|
|||||||
Reference in New Issue
Block a user