Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
xyxBooking-weapp
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2026-01-07 22:14:24 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
8465b95a62dce97300999ec45994604e9406fa10
8465b95a
1 parent
da098fb0
style(weakNetwork): 调整弱网页面样式和图标
更新弱网页面的图标大小、颜色和布局,添加预约码图标 修改按钮背景色和文字样式,优化视觉呈现
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
8 additions
and
4 deletions
src/pages/weakNetwork/index.vue
src/pages/weakNetwork/index.vue
View file @
8465b95
...
...
@@ -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:
40
rpx;
color: #
A67939
;
font-size:
32
rpx;
font-weight: bold;
letter-spacing: 2rpx;
}
...
...
Please
register
or
login
to post a comment