f
This commit is contained in:
@@ -296,19 +296,20 @@ function goLegalAuthorization() {
|
||||
}
|
||||
|
||||
function goIllegalCode() {
|
||||
uni.showToast({ title: '敬请期待', icon: 'none' })
|
||||
uni.navigateTo({ url: '/pages/toolbox/query?key=jtwfcode' })
|
||||
}
|
||||
|
||||
function goOilPrice() {
|
||||
uni.showToast({ title: '敬请期待', icon: 'none' })
|
||||
uni.navigateTo({ url: '/pages/toolbox/query?key=oilprice' })
|
||||
}
|
||||
|
||||
function goHelp() {
|
||||
uni.navigateTo({ url: '/pages/help/index' })
|
||||
uni.navigateTo({ url: '/pages/help-center' })
|
||||
}
|
||||
|
||||
|
||||
function goAbout() {
|
||||
uni.navigateTo({ url: '/pages/about/index' })
|
||||
uni.navigateTo({ url: '/pages/about-us' })
|
||||
}
|
||||
|
||||
function goSettings() {
|
||||
@@ -394,32 +395,31 @@ onUnmounted(() => {
|
||||
<text class="quick-name">分享好友</text>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<view class="quick-item" @tap="openCoopModal">
|
||||
<!-- 暂时关闭商务合作功能 -->
|
||||
<!-- <view class="quick-item" @tap="openCoopModal">
|
||||
<view class="quick-icon-wrap" style="background: rgba(114,46,209,0.08)">
|
||||
<view class="quick-icon i-carbon-enterprise" style="color: #722ed1" />
|
||||
</view>
|
||||
<text class="quick-name">商务合作</text>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- ═══ 区块3: 常用工具 ═══ -->
|
||||
<view class="section">
|
||||
<view class="section-title">常用工具</view>
|
||||
<view class="tool-list">
|
||||
<view class="tool-row" @tap="goOilPrice">
|
||||
<view class="tool-row-icon-wrap" style="background: rgba(23,104,255,0.08)">
|
||||
<view class="tool-row-icon i-carbon-gas-station" style="color: #1768ff" />
|
||||
<view class="tool-grid">
|
||||
<view class="tool-item" @tap="goOilPrice">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(23,104,255,0.08)">
|
||||
<view class="tool-item-icon i-carbon-gas-station" style="color: #1768ff" />
|
||||
</view>
|
||||
<text class="tool-row-name">实时油价查询</text>
|
||||
<text class="tool-row-arrow">›</text>
|
||||
<text class="tool-item-name">实时油价查询</text>
|
||||
</view>
|
||||
<view class="tool-row" @tap="goIllegalCode">
|
||||
<view class="tool-row-icon-wrap" style="background: rgba(250,140,22,0.08)">
|
||||
<view class="tool-row-icon i-carbon-search" style="color: #fa8c16" />
|
||||
<view class="tool-item" @tap="goIllegalCode">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(250,140,22,0.08)">
|
||||
<view class="tool-item-icon i-carbon-search" style="color: #fa8c16" />
|
||||
</view>
|
||||
<text class="tool-row-name">违章代码查询</text>
|
||||
<text class="tool-row-arrow">›</text>
|
||||
<text class="tool-item-name">违章代码查询</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -427,29 +427,34 @@ onUnmounted(() => {
|
||||
<!-- ═══ 区块4: 服务与支持 ═══ -->
|
||||
<view class="section">
|
||||
<view class="section-title">服务与支持</view>
|
||||
<view class="tool-list">
|
||||
<button class="tool-row tool-row-btn no-border" open-type="contact" hover-class="tool-row-hover">
|
||||
<view class="tool-row-icon-wrap" style="background: rgba(19,194,94,0.08)">
|
||||
<view class="tool-row-icon i-carbon-chat" style="color: #13c25e" />
|
||||
</view>
|
||||
<view class="tool-row-text">
|
||||
<text class="tool-row-name">在线客服</text>
|
||||
<text class="tool-row-sub">周一至周日 9:00-20:00</text>
|
||||
<view class="tool-grid">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<button class="tool-item-btn" open-type="contact" hover-class="tool-item-hover">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(19,194,94,0.08)">
|
||||
<view class="tool-item-icon i-carbon-chat" style="color: #13c25e" />
|
||||
</view>
|
||||
<text class="tool-item-name">在线客服</text>
|
||||
</button>
|
||||
<view class="tool-row" @tap="goHelp">
|
||||
<view class="tool-row-icon-wrap" style="background: rgba(114,46,209,0.08)">
|
||||
<view class="tool-row-icon i-carbon-help" style="color: #722ed1" />
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="tool-item" @tap="goServiceFallback">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(19,194,94,0.08)">
|
||||
<view class="tool-item-icon i-carbon-chat" style="color: #13c25e" />
|
||||
</view>
|
||||
<text class="tool-row-name">帮助中心</text>
|
||||
<text class="tool-row-arrow">›</text>
|
||||
<text class="tool-item-name">在线客服</text>
|
||||
</view>
|
||||
<view class="tool-row" @tap="goAbout">
|
||||
<view class="tool-row-icon-wrap" style="background: rgba(78,89,105,0.08)">
|
||||
<view class="tool-row-icon i-carbon-information" style="color: #4e5969" />
|
||||
<!-- #endif -->
|
||||
<view class="tool-item" @tap="goHelp">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(114,46,209,0.08)">
|
||||
<view class="tool-item-icon i-carbon-help" style="color: #722ed1" />
|
||||
</view>
|
||||
<text class="tool-row-name">关于我们</text>
|
||||
<text class="tool-row-arrow">›</text>
|
||||
<text class="tool-item-name">帮助中心</text>
|
||||
</view>
|
||||
<view class="tool-item" @tap="goAbout">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(78,89,105,0.08)">
|
||||
<view class="tool-item-icon i-carbon-information" style="color: #4e5969" />
|
||||
</view>
|
||||
<text class="tool-item-name">关于我们</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -457,27 +462,24 @@ onUnmounted(() => {
|
||||
<!-- ═══ 区块5: 法律条款 ═══ -->
|
||||
<view class="section">
|
||||
<view class="section-title">法律条款</view>
|
||||
<view class="tool-list">
|
||||
<view class="tool-row" @tap="goLegalUserAgreement">
|
||||
<view class="tool-row-icon-wrap" style="background: rgba(78,89,105,0.06)">
|
||||
<view class="tool-row-icon i-carbon-document-blank" style="color: #86909c" />
|
||||
<view class="tool-grid">
|
||||
<view class="tool-item" @tap="goLegalUserAgreement">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(78,89,105,0.06)">
|
||||
<view class="tool-item-icon i-carbon-document-blank" style="color: #86909c" />
|
||||
</view>
|
||||
<text class="tool-row-name">用户协议</text>
|
||||
<text class="tool-row-arrow">›</text>
|
||||
<text class="tool-item-name">用户协议</text>
|
||||
</view>
|
||||
<view class="tool-row" @tap="goLegalPrivacyPolicy">
|
||||
<view class="tool-row-icon-wrap" style="background: rgba(78,89,105,0.06)">
|
||||
<view class="tool-row-icon i-carbon-security" style="color: #86909c" />
|
||||
<view class="tool-item" @tap="goLegalPrivacyPolicy">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(78,89,105,0.06)">
|
||||
<view class="tool-item-icon i-carbon-security" style="color: #86909c" />
|
||||
</view>
|
||||
<text class="tool-row-name">隐私政策</text>
|
||||
<text class="tool-row-arrow">›</text>
|
||||
<text class="tool-item-name">隐私政策</text>
|
||||
</view>
|
||||
<view class="tool-row no-border" @tap="goLegalAuthorization">
|
||||
<view class="tool-row-icon-wrap" style="background: rgba(78,89,105,0.06)">
|
||||
<view class="tool-row-icon i-carbon-certificate" style="color: #86909c" />
|
||||
<view class="tool-item" @tap="goLegalAuthorization">
|
||||
<view class="tool-item-icon-wrap" style="background: rgba(78,89,105,0.06)">
|
||||
<view class="tool-item-icon i-carbon-certificate" style="color: #86909c" />
|
||||
</view>
|
||||
<text class="tool-row-name">授权书</text>
|
||||
<text class="tool-row-arrow">›</text>
|
||||
<text class="tool-item-name">授权书</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -752,6 +754,66 @@ onUnmounted(() => {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ═══ 区块3/4/5: 工具网格 ═══ */
|
||||
.tool-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 4rpx 8rpx;
|
||||
}
|
||||
|
||||
.tool-item {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
|
||||
.tool-item-btn {
|
||||
margin: 0;
|
||||
padding: 16rpx 0;
|
||||
border: none;
|
||||
background: transparent;
|
||||
line-height: normal;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.tool-item-btn::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tool-item-hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.tool-item-icon-wrap {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.tool-item-icon {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
|
||||
.tool-item-name {
|
||||
font-size: 24rpx;
|
||||
color: #1d2129;
|
||||
text-align: center;
|
||||
line-height: 1.3;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding: 0 4rpx;
|
||||
}
|
||||
|
||||
/* ═══ 区块3/4/5: 列表行 ═══ */
|
||||
.tool-list {
|
||||
padding-bottom: 8rpx;
|
||||
|
||||
Reference in New Issue
Block a user