修改引导页、登录页等页面样式
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user