修改首页

pages.json

@@ -45,9 +45,15 @@
 			"root": "pagesHome",
 			"pages": [ //分包
 				{
-					"path": "index/index",
+					"path": "group/index",
+					"style": {
+						"navigationBarTitleText": "群组"
+					}
+				},
+				{
+					"path": "friend/index",
 					"style": {
-						"navigationBarTitleText": "test"
+						"navigationBarTitleText": "好友"
 					}
 				},
 				{

pages/home/index.vue

@@ -12,25 +12,28 @@
 			<uni-collapse>
 				<uni-collapse-item title="群组" :thumb="config.group_url[0].url">
 					<view class="content">
-						<view class="list" v-for="(item, index) in groupList" :key="index" @tap="toInfo(item)">
-							<uni-list-chat :title="item.name" :avatar="item.doctor.icon[0].url||config.logo_url[0].url"
-								:time="item.doctor.name"></uni-list-chat>
+						<view class="two_1">
+							<input type="text" v-model="searchInfo.name" @input="toInput" placeholder="搜索">
 						</view>
-						<view class="is_bottom" v-if="is_bottom">
-							<text>{{config.bottom_title||'到底了！'}}</text>
+						<view class="list" v-for="(item, index) in groupList" :key="index">
+							<uni-list-chat :title="item.name" :avatar="item.doctor.icon[0].url||config.logo_url[0].url"
+								:time="item.doctor.name" link="navigateTo" @click="toInfo(item,'group')">
+							</uni-list-chat>
 						</view>
 					</view>
 				</uni-collapse-item>
 				<uni-collapse-item title="好友" :thumb="config.friend_url[0].url">
 					<view class="content">
-						<view class="list" v-for="(item, index) in friendList" :key="index" @tap="toInfo(item)">
+						<view class="two_1">
+							<input type="text" v-model="searchInfo.name" @input="toInput" placeholder="搜索">
+						</view>
+						<view class="list" v-for="(item, index) in friendList" :key="index"
+							@tap="toInfo(item,'friend')">
 							<uni-list-chat title="uni-app"
 								avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
-								note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left"
-								badge-text="99"></uni-list-chat>
-						</view>
-						<view class="is_bottom" v-if="is_bottom">
-							<text>{{config.bottom_title||'到底了！'}}</text>
+								note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="99"
+								link="navigateTo" @click="toInfo(item,'friend')">
+							</uni-list-chat>
 						</view>
 					</view>
 				</uni-collapse-item>
@@ -45,6 +48,7 @@
 			return {
 				user: {},
 				config: {},
+				searchInfo: {},
 				// 广告
 				advertList: [],
 				// 群组
@@ -109,9 +113,13 @@
 						title: res.errmsg,
 					});
 				}
+				let info = {
+					// doctor: that.user._id,
+				}
 				// 群组
 				res = await that.$api(`/group`, 'GET', {
-					// doctor: that.user._id
+					...info,
+					...that.searchInfo
 				})
 				if (res.errcode == '0') {
 					that.$set(that, `groupList`, res.data)
@@ -121,7 +129,25 @@
 					});
 				}
 				// 好友
-
+			},
+			// 输入框
+			toInput(e) {
+				const that = this;
+				if (that.searchInfo.name) that.$set(that.searchInfo, `name`, e.detail.value)
+				else that.$set(that, `searchInfo`, {})
+				that.search();
+			},
+			// 详情
+			toInfo(item, type) {
+				if (type == 'group') {
+					uni.navigateTo({
+						url: `/pagesHome/group/index?id=${item.id||item._id}&title=${item.name}`
+					})
+				} else {
+					uni.navigateTo({
+						url: `/pagesHome/friend/index?id=${item.id||item._id}&title=${item.name}`
+					})
+				}
 			},
 		}
 	}
@@ -143,5 +169,25 @@
 				}
 			}
 		}
+
+		.two {
+			.content {
+				.two_1 {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					padding: 2vw;
+					background-color: var(--f3CColor);
+
+					input {
+						width: 100%;
+						padding: 2vw;
+						background-color: var(--mainColor);
+						font-size: var(--font14Size);
+						border-radius: 5px;
+					}
+				}
+			}
+		}
 	}
 </style>

pages/science/index.vue

@@ -41,6 +41,7 @@
 			return {
 				config: {},
 				user: {},
+				searchInfo: {},
 				list: [],
 				total: 0,
 				skip: 0,

pagesHome/friend/index.vue

@@ -0,0 +1,34 @@
+<template>
+	<view class="main">
+		好友
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				id: ''
+			}
+		},
+		onLoad: async function(e) {
+			const that = this;
+			that.$set(that, `id`, e && e.id || '');
+			uni.setNavigationBarTitle({
+				title: e && e.title || '好友'
+			});
+		},
+		onShow: async function(e) {
+			const that = this;
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.main {
+		padding: 2vw;
+	}
+</style>

pagesHome/group/index.vue

@@ -0,0 +1,34 @@
+<template>
+	<view class="main">
+		群组
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				id: ''
+			}
+		},
+		onLoad: async function(e) {
+			const that = this;
+			that.$set(that, `id`, e && e.id || '');
+			uni.setNavigationBarTitle({
+				title: e && e.title || '群组'
+			});
+		},
+		onShow: async function(e) {
+			const that = this;
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.main {
+		padding: 2vw;
+	}
+</style>

pagesHome/index/index.vue

@@ -1,22 +0,0 @@
-<template>
-	<view class="main">
-		首页
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {}
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.main {
-		padding: 2vw;
-	}
-</style>

unpackage/dist/dev/mp-weixin/app.json

@@ -10,7 +10,8 @@
     {
       "root": "pagesHome",
       "pages": [
-        "index/index",
+        "group/index",
+        "friend/index",
         "other/agree"
       ]
     },

unpackage/dist/dev/mp-weixin/pages/home/index.wxss

@@ -11,4 +11,18 @@
   width: 100%;
   height: 100%;
 }
+.main .two .content .two_1.data-v-71e217db {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 2vw;
+  background-color: var(--f3CColor);
+}
+.main .two .content .two_1 input.data-v-71e217db {
+  width: 100%;
+  padding: 2vw;
+  background-color: var(--mainColor);
+  font-size: var(--font14Size);
+  border-radius: 5px;
+}
 

unpackage/dist/dev/mp-weixin/pages/science/index.js

@@ -208,6 +208,7 @@ var _default = {
     return {
       config: {},
       user: {},
+      searchInfo: {},
       list: [],
       total: 0,
       skip: 0,

unpackage/dist/dev/mp-weixin/pagesHome/friend/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "好友",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pagesHome/friend/index.wxml

@@ -0,0 +1 @@
+<view class="main data-v-ce92db0a">好友</view>

unpackage/dist/dev/mp-weixin/pagesHome/index/index.wxss

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /* 水平间距 */
 /* 水平间距 */
-.main.data-v-0b9312eb {
+.main.data-v-ce92db0a {
   padding: 2vw;
 }
 

unpackage/dist/dev/mp-weixin/pagesHome/group/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "群组",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pagesHome/group/index.wxml

@@ -0,0 +1 @@
+<view class="main data-v-1a2d2750">群组</view>

unpackage/dist/dev/mp-weixin/pagesHome/group/index.wxss

@@ -0,0 +1,7 @@
+@charset "UTF-8";
+/* 水平间距 */
+/* 水平间距 */
+.main.data-v-1a2d2750 {
+  padding: 2vw;
+}
+

unpackage/dist/dev/mp-weixin/pagesHome/index/index.json

@@ -1,4 +0,0 @@
-{
-  "navigationBarTitleText": "test",
-  "usingComponents": {}
-}

unpackage/dist/dev/mp-weixin/pagesHome/index/index.wxml

@@ -1 +0,0 @@
-<view class="main data-v-0b9312eb">首页</view>