hookehuyr

style(weakNetwork): 调整弱网页面样式和图标

更新弱网页面的图标大小、颜色和布局,添加预约码图标
修改按钮背景色和文字样式,优化视觉呈现
......@@ -2,13 +2,14 @@
<view class="weak-network-page">
<view class="content">
<view class="icon-wrapper">
<IconFont name="mask-close" size="120" color="#ccc" />
<IconFont name="mask-close" size="60" color="#A67939" />
</view>
<view class="title">网络连接不畅</view>
<view class="desc">当前网络信号较弱,已自动为您切换至离线模式</view>
<view class="offline-entry" @tap="toOfflineCode">
<view class="circle-btn">
<image :src="icon_invite" style="width: 60rpx; height: 60rpx; margin-bottom: 16rpx;" />
<text>预约码</text>
</view>
</view>
......@@ -25,6 +26,8 @@ import Taro from '@tarojs/taro'
import { IconFont } from '@nutui/icons-vue-taro'
import { useGo } from '@/hooks/useGo'
import icon_invite from '@/assets/images/二维码@2x2.png'
const go = useGo();
const toOfflineCode = () => {
......@@ -78,15 +81,16 @@ const retry = () => {
width: 240rpx;
height: 240rpx;
border-radius: 50%;
background: linear-gradient(135deg, #A67939 0%, #C69C5C 100%);
background: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 10rpx 30rpx rgba(166, 121, 57, 0.4);
text {
color: #fff;
font-size: 40rpx;
color: #A67939;
font-size: 32rpx;
font-weight: bold;
letter-spacing: 2rpx;
}
......