|
@@ -3,36 +3,35 @@
|
|
|
<template>
|
|
|
<view class="Wrapper-grid">
|
|
|
<view class="serve-title client-title" v-if="userType == 2">注册专区</view>
|
|
|
- <swiper :indicator-dots="true" class="swiper" v-if="serveiceList && serveiceList.length > 0">
|
|
|
- <swiper-item>
|
|
|
- <up-grid :border="false" col="5">
|
|
|
- <up-grid-item v-for="(item, index) in serveiceList.slice(0,10)" :key="index"
|
|
|
- :custom-style="custmoStyle" @click="handleGridClick(item)">
|
|
|
- <view class="grid-box">
|
|
|
- <view class="grid-icon">
|
|
|
- <image :src="item.icon" class="service-img" mode="aspectFit" />
|
|
|
- </view>
|
|
|
-
|
|
|
- <text class="grid-text">{{ item.name }}</text>
|
|
|
- </view>
|
|
|
- </up-grid-item>
|
|
|
- </up-grid>
|
|
|
- </swiper-item>
|
|
|
- <swiper-item>
|
|
|
- <up-grid :border="false" col="5">
|
|
|
- <up-grid-item v-for="(item, index) in serveiceList.slice(10,serveiceList.length)"
|
|
|
- :key="index" :custom-style="custmoStyle" @click="handleGridClick(item)">
|
|
|
- <view class="grid-box">
|
|
|
- <view class="grid-icon">
|
|
|
- <image :src="item.icon" class="service-img" mode="aspectFit" />
|
|
|
- </view>
|
|
|
-
|
|
|
- <text class="grid-text">{{ item.name }}</text>
|
|
|
- </view>
|
|
|
- </up-grid-item>
|
|
|
- </up-grid>
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
+ <!-- <swiper :indicator-dots="true" class="swiper" v-if="serveiceList && serveiceList.length > 0"> -->
|
|
|
+ <!-- <swiper-item> -->
|
|
|
+ <up-grid :border="false" col="5">
|
|
|
+ <up-grid-item v-for="(item, index) in serveiceList.slice(0,10)" :key="index"
|
|
|
+ :custom-style="custmoStyle" @click="handleGridClick(item)">
|
|
|
+ <view class="grid-box">
|
|
|
+ <view class="grid-icon">
|
|
|
+ <image :src="item.icon" class="service-img" mode="aspectFit" />
|
|
|
+ </view>
|
|
|
+ <text class="grid-text">{{ item.name }}</text>
|
|
|
+ </view>
|
|
|
+ </up-grid-item>
|
|
|
+ </up-grid>
|
|
|
+ <!-- </swiper-item> -->
|
|
|
+ <!-- <swiper-item> -->
|
|
|
+ <up-grid :border="false" col="5">
|
|
|
+ <up-grid-item v-for="(item, index) in serveiceList.slice(10,serveiceList.length)" :key="index"
|
|
|
+ :custom-style="custmoStyle" @click="handleGridClick(item)">
|
|
|
+ <view class="grid-box">
|
|
|
+ <view class="grid-icon">
|
|
|
+ <image :src="item.icon" class="service-img" mode="aspectFit" />
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <text class="grid-text">{{ item.name }}</text>
|
|
|
+ </view>
|
|
|
+ </up-grid-item>
|
|
|
+ </up-grid>
|
|
|
+ <!-- </swiper-item> -->
|
|
|
+ <!-- </swiper> -->
|
|
|
|
|
|
<up-toast ref="uToastRef" />
|
|
|
</view>
|
|
@@ -82,23 +81,23 @@
|
|
|
|
|
|
// 普通用户
|
|
|
const serviceList1 = [{
|
|
|
- icon: '/static/Tioimages/1v专业指导.png',
|
|
|
- name: '陪伴陪聊',
|
|
|
+ icon: '/static/Tioimages/父母体检.png',
|
|
|
+ name: '老人生活',
|
|
|
key: 1,
|
|
|
},
|
|
|
{
|
|
|
icon: '/static/Tioimages/1 妇女儿童权益保护服务.png',
|
|
|
- name: '孩子陪伴',
|
|
|
+ name: '孩子成长',
|
|
|
key: 2,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/临时帮手.png',
|
|
|
- name: '临时帮手',
|
|
|
+ icon: '/static/Tioimages/家庭保洁.png',
|
|
|
+ name: '家庭保洁',
|
|
|
key: 3,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/专家服务.png',
|
|
|
- name: '专家服务',
|
|
|
+ icon: '/static/Tioimages/临时帮手.png',
|
|
|
+ name: '临时帮手',
|
|
|
key: 4,
|
|
|
},
|
|
|
{
|
|
@@ -107,27 +106,27 @@
|
|
|
key: 5,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/家庭保洁.png',
|
|
|
- name: '家庭保洁',
|
|
|
+ icon: '/static/Tioimages/专家服务.png',
|
|
|
+ name: '专家服务',
|
|
|
key: 6,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/旅游服务.png',
|
|
|
+ icon: '/static/Tioimages/15-旅游服务-01.png',
|
|
|
name: '旅游服务',
|
|
|
key: 7,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/健康管理.png',
|
|
|
- name: '健康管理',
|
|
|
+ icon: '/static/Tioimages/交友.png',
|
|
|
+ name: '交友专区',
|
|
|
key: 8,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/交友.png',
|
|
|
- name: '交友专区',
|
|
|
+ icon: '/static/Tioimages/休闲娱乐.png',
|
|
|
+ name: '娱乐专区',
|
|
|
key: 9,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/购物商城.png',
|
|
|
+ icon: '/static/Tioimages/福利商城_购物车.png',
|
|
|
name: '商城购物',
|
|
|
key: 10,
|
|
|
},
|
|
@@ -136,63 +135,73 @@
|
|
|
name: '本地生活',
|
|
|
key: 11,
|
|
|
},
|
|
|
+ {
|
|
|
+ icon: '/static/Tioimages/其他服务.png',
|
|
|
+ name: '其他服务',
|
|
|
+ key: 12,
|
|
|
+ },
|
|
|
]
|
|
|
|
|
|
//志愿者
|
|
|
const serviceList2 = [{
|
|
|
- icon: '/static/Tioimages/1v专业指导.png',
|
|
|
- name: '陪伴陪聊',
|
|
|
+ icon: '/static/Tioimages/父母体检.png',
|
|
|
+ name: '老人生活',
|
|
|
key: 1,
|
|
|
},
|
|
|
{
|
|
|
icon: '/static/Tioimages/1 妇女儿童权益保护服务.png',
|
|
|
- name: '孩子陪护',
|
|
|
+ name: '孩子成长',
|
|
|
key: 2,
|
|
|
},
|
|
|
- {
|
|
|
- icon: '/static/Tioimages/健康管理.png',
|
|
|
- name: '健康管理',
|
|
|
- key: 3,
|
|
|
- },
|
|
|
{
|
|
|
icon: '/static/Tioimages/家庭保洁.png',
|
|
|
name: '家庭保洁',
|
|
|
- key: 4
|
|
|
+ key: 3,
|
|
|
},
|
|
|
{
|
|
|
icon: '/static/Tioimages/临时帮手.png',
|
|
|
name: '临时帮手',
|
|
|
- key: 5
|
|
|
- },
|
|
|
- {
|
|
|
- icon: '/static/Tioimages/专家服务.png',
|
|
|
- name: '专家服务',
|
|
|
- key: 6
|
|
|
+ key: 4,
|
|
|
},
|
|
|
{
|
|
|
icon: '/static/Tioimages/家电维修.png',
|
|
|
name: '家电维护',
|
|
|
- key: 8
|
|
|
+ key: 5,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: '/static/Tioimages/专家服务.png',
|
|
|
+ name: '专家服务',
|
|
|
+ key: 6,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/旅游服务.png',
|
|
|
+ icon: '/static/Tioimages/15-旅游服务-01.png',
|
|
|
name: '旅游服务',
|
|
|
- key: 9
|
|
|
+ key: 7,
|
|
|
},
|
|
|
{
|
|
|
icon: '/static/Tioimages/交友.png',
|
|
|
name: '交友专区',
|
|
|
- key: 10
|
|
|
+ key: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: '/static/Tioimages/休闲娱乐.png',
|
|
|
+ name: '娱乐专区',
|
|
|
+ key: 9,
|
|
|
},
|
|
|
{
|
|
|
- icon: '/static/Tioimages/购物商城.png',
|
|
|
+ icon: '/static/Tioimages/福利商城_购物车.png',
|
|
|
name: '商城购物',
|
|
|
- key: 11
|
|
|
+ key: 10,
|
|
|
},
|
|
|
{
|
|
|
icon: '/static/Tioimages/本地生活.png',
|
|
|
name: '本地生活',
|
|
|
- key: 12
|
|
|
+ key: 11,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: '/static/Tioimages/其他服务.png',
|
|
|
+ name: '其他服务',
|
|
|
+ key: 12,
|
|
|
},
|
|
|
{
|
|
|
icon: '/static/serverImg/home/icon/icon8.png',
|
|
@@ -210,11 +219,11 @@
|
|
|
return serviceList2
|
|
|
})
|
|
|
|
|
|
-
|
|
|
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
// 宫格点击事件
|
|
|
- const handleGridClick = async (service) => {
|
|
|
+ const handleGridClick = async (service) => {
|
|
|
// 用户
|
|
|
if (userType == 1) {
|
|
|
|
|
@@ -250,7 +259,7 @@
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
- [1,2].includes(service.key) ? uni.navigateTo({
|
|
|
+ [1, 2].includes(service.key) ? uni.navigateTo({
|
|
|
url: `/pages_home/pages/register/index?data=${encodeURIComponent(JSON.stringify(service))}`
|
|
|
}) : uni.showToast({
|
|
|
title: '敬请期待',
|