hookehuyr

refactor(AdPage): 替换手动刷新按钮为步骤说明

将手动刷新按钮和重试按钮替换为网络连接异常的步骤说明,并更新相关样式
......@@ -191,40 +191,22 @@
line-height: 1.5;
}
.refresh-buttons {
display: flex;
gap: 20rpx;
justify-content: center;
}
.refresh-button {
flex: 1;
padding: 24rpx 32rpx;
background: linear-gradient(135deg, #007aff, #0056cc);
color: white;
.refresh-steps {
text-align: left;
background: #f8f9fa;
border-radius: 12rpx;
font-size: 32rpx;
font-weight: 600;
text-align: center;
&:active {
background: linear-gradient(135deg, #0056cc, #003d99);
transform: scale(0.98);
}
padding: 32rpx;
margin-top: 20rpx;
}
.retry-button-small {
flex: 1;
padding: 24rpx 32rpx;
background: #f0f0f0;
color: #666;
border-radius: 12rpx;
font-size: 32rpx;
text-align: center;
.step-item {
font-size: 30rpx;
color: #333;
line-height: 1.6;
margin-bottom: 16rpx;
&:active {
background: #e0e0e0;
transform: scale(0.98);
&:last-child {
margin-bottom: 0;
}
}
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-25 21:22:49
* @LastEditTime: 2025-09-26 08:14:03
* @FilePath: /lls_program/src/pages/AdPage/index.vue
* @Description: 广告页面
-->
......@@ -24,11 +24,11 @@
<view v-if="showManualRefresh" class="manual-refresh-container">
<view class="refresh-content">
<view class="refresh-icon">⚠️</view>
<view class="refresh-title">加载遇到问题</view>
<view class="refresh-subtitle">网络可能不稳定,请尝试刷新页面</view>
<view class="refresh-buttons">
<view class="refresh-button" @tap="manualRefresh">刷新页面</view>
<view class="retry-button-small" @tap="retryLoadImage">重试</view>
<view class="refresh-title">网络连接异常</view>
<view class="refresh-subtitle">请检查网络连接后重新进入小程序</view>
<view class="refresh-steps">
<view class="step-item">1. 点击右上角 ⋯ 菜单</view>
<view class="step-item">2. 选择"重新进入小程序"</view>
</view>
</view>
</view>
......@@ -181,22 +181,6 @@ const retryLoadImage = () => {
};
/**
* 手动刷新页面
*/
const manualRefresh = () => {
// 重置所有状态
retryCount.value = 0;
imageLoading.value = true;
imageLoadError.value = false;
isTimeout.value = false;
showManualRefresh.value = false;
loading.value = true;
// 重新初始化页面
initializePage();
};
/**
* 开始加载超时检测
*/
const startLoadingTimeout = () => {
......