From 54be223896544833a8136b1971b3b698e1c686ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Sun, 26 Feb 2023 22:14:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=B6=E4=BB=96=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json             |  6 +++
 src/pages/service/more.vue | 97 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 103 insertions(+)
 create mode 100644 src/pages/service/more.vue

diff --git a/src/pages.json b/src/pages.json
index 04890aa..3f292f6 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -37,6 +37,12 @@
 				"navigationBarTitleText": "购物车"
 			}
 		},
+		{
+			"path": "pages/service/more",
+			"style": {
+				"navigationBarTitleText": "其他服务"
+			}
+		},
 		{
 			"path": "pages/order/create",
 			"style": {
diff --git a/src/pages/service/more.vue b/src/pages/service/more.vue
new file mode 100644
index 0000000..f6b706a
--- /dev/null
+++ b/src/pages/service/more.vue
@@ -0,0 +1,97 @@
+<template>
+    <app-layout title="其他服务">
+        <view class="common-service-nav-group">
+            <text class="section-title">建材安装服务</text>
+            <view class="group g1">
+                <view class="service-item" v-for="(item, index) in list" :key="index" @click="utils.toPage(item.page)">
+                    <image class="service-icon" :src="item.icon" mode="scaleToFill" />
+                    <text class="service-name limit-line clamp-1">
+                        {{ item.title }}
+                    </text>
+                </view>
+            </view>
+        </view>
+    </app-layout>
+</template>
+
+<script>
+import AppLayout from "@/components/layout/layout";
+export default {
+    name: "service-more",
+    data() {
+        return {
+            utils: this.$utils,
+            list: [
+                {
+                    id: 1,
+                    icon: require("@/static/temp/index/1.png"),
+                    title: "电器安装",
+                    page: "",
+                },
+                {
+                    id: 2,
+                    icon: require("@/static/temp/index/2.png"),
+                    title: "卫浴吊顶安装",
+                    page: "",
+                },
+                {
+                    id: 3,
+                    icon: require("@/static/temp/index/3.png"),
+                    title: "水电安装",
+                    page: "",
+                },
+                {
+                    id: 4,
+                    icon: require("@/static/temp/index/4.png"),
+                    title: "烟道钻孔",
+                    page: "",
+                },
+                {
+                    id: 5,
+                    icon: require("@/static/temp/index/5.png"),
+                    title: "家具安装",
+                    page: "",
+                },
+                {
+                    id: 6,
+                    icon: require("@/static/temp/index/6.png"),
+                    title: "门窗五金安装",
+                    page: "",
+                },
+                {
+                    id: 7,
+                    icon: require("@/static/temp/index/7.png"),
+                    title: "地面墙体安装",
+                    page: "",
+                },
+                {
+                    id: 8,
+                    icon: require("@/static/temp/index/8.png"),
+                    title: "其他安装",
+                    page: "/pages/service/more",
+                },
+            ],
+        };
+    },
+    components: {
+        AppLayout,
+    },
+    onLoad() {},
+    onShow() {},
+    onReady() {},
+    onReachBottom() {},
+    onPullDownRefresh() {},
+    methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.common-service-nav-group {
+    width: 710rpx;
+    padding: 40rpx 20rpx;
+    box-sizing: border-box;
+    margin: 0 auto;
+    background-color: #ffffff;
+    border: 0;
+}
+</style>
\ No newline at end of file