修改引导页、登录页等页面样式

This commit is contained in:
zhouyanli
2026-05-05 11:42:04 +08:00
parent 614dab7a6b
commit 97f8973f39
12 changed files with 161 additions and 138 deletions

View File

@@ -2,9 +2,9 @@
<view class="guide-page">
<view class="status_bar"></view>
<!-- 引导内容滑动容器 -->
<swiper
class="guide-swiper"
:current="currentStep"
<swiper
class="guide-swiper"
:current="currentStep"
@change="handleSwiperChange"
:disable-scroll="false"
:indicator-dots="false"
@@ -56,8 +56,8 @@
<!-- 操作按钮 -->
<view class="guide-btn-wrap">
<button
class="guide-btn"
<button
class="guide-btn"
:class="{ primary: currentStep === 2 }"
@click="handleBtnClick"
>
@@ -167,7 +167,7 @@ const handleBtnClick = () => {
/* 单个进度点 */
.dot {
width: 16rpx;
height: 16rpx;
height: 8rpx;
border-radius: 8rpx;
background-color: #ddd;
margin: 0 8rpx;
@@ -176,7 +176,7 @@ const handleBtnClick = () => {
/* 激活的进度点 */
.dot.active {
background-color: #4D5DFA;
width: 40rpx;
width: 28rpx;
}
/* 按钮容器 */
@@ -216,4 +216,4 @@ const handleBtnClick = () => {
color: #fff;
border: none;
}
</style>
</style>