1.myteam

operatingCompany/pages.json

@@ -14,7 +14,8 @@
 				 "navigationBarBackgroundColor":"#FFFFFF"
 			}
 		}
-	],
+	    
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "uni-app",

operatingCompany/pages/team/myTeam.vue

@@ -1,25 +1,90 @@
-<template>
-	<view class="content">
+<template>
+	<view class="content">
+		<!-- 搜索 -->
+		<view class="searchBoxBg">
+			<view class="searchBox">
+				<image src="../../static/img/icon_search.png" mode="" class="searchImg"></image>
+				<input type="text" class="searchInput" placeholder="请输入姓名、手机号" v-model="searchValue" />
+			</view>
+		</view>
+
+		<!-- 团队数量 -->
+		<view class="teamTop">
+			<!-- <image class="iconTeam" src="../../static/img/icon_team.png" mode=""></image>
+			<view class="teamCount">我的团队：<text style="color: #FF4F00;">3</text>人</view> -->
+		</view>
 		
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-
-		}
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				searchValue:'',
+			}
+		},
+		onLoad() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.content {
+		background: #F4F5F7;
+		min-height: 100vh;
+
+	}
+
+	.searchBoxBg {
+		position: fixed;
+		width: 100%;
+		background-color: #FFFFFF;
+	}
+
+	.searchBox {
+		display: flex;
+		position: relative;
+		height: 72rpx;
+		margin: 24rpx;
+		background-color: #F4F5F7;
+		border-radius: 36rpx;
+	}
+
+	.searchImg {
+		position: relative;
+		width: 32rpx;
+		height: 32rpx;
+		left: 20rpx;
+		top: 20rpx;
+
+	}
+
+	.searchInput {
+		position: absolute;
+		height: 72rpx;
+		left: 68rpx;
+		right: 36rpx;
+		font-size: 28rpx;
+	}
+
+	.teamTop {
+		background-color: #007AFF;
+		
+		
+	}
+	/* .iconTeam{
+		width: 32rpx;
+		height: 32rpx;
 	}
-</script>
-
-<style scoped>
-	
+	.teamCount{
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #3C3C3C;
+	} */
 </style>