cr
/
fjrcloud-community-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(pages): 使用s-layout重构更多服务页面

main
cr 2026-04-25 01:23:44 +08:00
parent cc87e84cbc
commit b60294beaa
1 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/sub/service/more.vue
View File

@ -1,32 +1,33 @@
<!-- 更多服务 - 模仿首页功能入口网格 -->
<template>
<view class="more-service-page">
<!-- 标题区 -->
<view class="page-header">
<text class="page-title">更多服务</text>
<text class="page-subtitle">可在此处查看所有服务哦~</text>
</view>
<s-layout title="更多服务">
<view class="more-service-page">
<!-- 标题区 -->
<view class="page-header">
<text class="page-subtitle">可在此处查看所有服务哦~</text>
</view>
<!-- 功能入口网格 4列自适应 -->
<view class="service-grid" v-if="serviceList.length > 0">
<view
class="grid-item"
v-for="(item, index) in serviceList"
:key="index"
@tap="handleServiceTap(item)"
>
<view class="icon-wrapper" :style="{ background: item.bgGradient }">
<image class="icon-img" :src="item.icon" mode="aspectFit"></image>
<!-- 功能入口网格 4列自适应 -->
<view class="service-grid" v-if="serviceList.length > 0">
<view
class="grid-item"
v-for="(item, index) in serviceList"
:key="index"
@tap="handleServiceTap(item)"
>
<view class="icon-wrapper" :style="{ background: item.bgGradient }">
<image class="icon-img" :src="item.icon" mode="aspectFit"></image>
</view>
<text class="icon-label">{{ item.label }}</text>
</view>
<text class="icon-label">{{ item.label }}</text>
</view>
<!-- 空状态 -->
<view class="empty-state" v-else>
<text class="empty-text">暂无数据</text>
</view>
</view>
<!-- 空状态 -->
<view class="empty-state" v-else>
<text class="empty-text">暂无数据</text>
</view>
</view>
</s-layout>
</template>
<script setup>