优化首页、场馆、折扣、权益、我的、登录页面UI及交互体验
- 首页:金刚区添加文字标签、活动指南卡片自适应宽度、字体调整 - 场馆列表:去掉导航栏、添加返回按钮、优化加载提示 - 折扣列表:样式与场馆列表统一 - 场馆详情:合并信息与地址容器、添加分割线和返回按钮 - 权益页面:banner渐变圆角、统计卡片优化、空状态引导、Tab列表优化 - 我的页面:主色调统一、渐变背景、菜单样式优化 - 登录页面:协议链接可跳转、添加返回按钮 - 移除VConsole调试按钮 - 底部导航栏线条颜色调整
This commit is contained in:
+40
-6
@@ -23,14 +23,20 @@
|
||||
<view class="login-btn" @click="onLogin">立即登录</view>
|
||||
|
||||
<!-- 协议区 -->
|
||||
<view class="agreement-area" @click="agreed = !agreed">
|
||||
<view class="checkbox" :class="{ checked: agreed }">
|
||||
<view class="agreement-area">
|
||||
<view class="checkbox" :class="{ checked: agreed }" @click="agreed = !agreed">
|
||||
<text class="check-icon" v-if="agreed">✓</text>
|
||||
</view>
|
||||
<text class="agreement-text">我已阅读并同意</text>
|
||||
<text class="agreement-link">《用户协议》</text>
|
||||
<text class="agreement-text">和</text>
|
||||
<text class="agreement-link">《隐私协议》</text>
|
||||
<text class="agreement-text" @click="agreed = !agreed">我已阅读并同意</text>
|
||||
<text class="agreement-link" @click.stop="goAgreement('user')">《用户协议》</text>
|
||||
<text class="agreement-text" @click="agreed = !agreed">和</text>
|
||||
<text class="agreement-link" @click.stop="goAgreement('privacy')">《隐私协议》</text>
|
||||
</view>
|
||||
|
||||
<!-- 返回按钮 -->
|
||||
<view class="back-btn" @click="goBack">
|
||||
<image class="back-icon" src="https://zhihuiyou.oss-cn-shenzhen.aliyuncs.com/hhrs/hhrs_back.png" mode="aspectFit"></image>
|
||||
<text class="back-text">返回上一页</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -123,6 +129,13 @@ export default {
|
||||
}).catch(() => {
|
||||
uni.showToast({ title: '登录失败', icon: 'none' })
|
||||
})
|
||||
},
|
||||
goAgreement(type) {
|
||||
const url = type === 'user' ? '/pages/agreement/user' : '/pages/agreement/privacy'
|
||||
uni.navigateTo({ url })
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack()
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -250,4 +263,25 @@ export default {
|
||||
font-size: 24rpx;
|
||||
color: #0088FF;
|
||||
}
|
||||
|
||||
/* 返回按钮 */
|
||||
.back-btn {
|
||||
position: fixed;
|
||||
left: 24px;
|
||||
bottom: 50px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.back-text {
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user