前端gjy

App.vue

@@ -806,4 +806,7 @@
 			}
 		}
 	}
+	.align-item-center{
+		align-items: center;
+	}
 </style>

pages.json

@@ -22,6 +22,12 @@
 				"selectedIconPath": "static/img/jiaoyi_check.png",
 				"text": "交易"
 			},
+			{
+				"pagePath": "pages/grain_pulse/home",
+				"iconPath": "static/img/liangmai.png",
+				"selectedIconPath": "static/img/liangmai_check.png",
+				"text": "粮脉"
+			},
 			{
 				"pagePath": "pages/tran/tran",
 				"iconPath": "static/img/wuliu.png",
@@ -102,6 +108,16 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/grain_pulse/home",
+			"style": {
+				"navigationStyle": "custom",
+				"app-plus": {
+					"titleNView": false
+				},
+				"enablePullDownRefresh": true
+			}
+		},
 		{
 			"path": "pages/public/login",
 			"style": {

pages/grain_pulse/home.vue

@@ -0,0 +1,104 @@
+<template>
+	<view>
+		<view class="header">
+			<view class="flex justify-between map">
+				<view class='Medium flex align-item-center locationwrap'>
+					<image class='location' src="../../static/img/liangmai/icon_ditu.png" mode=""></image>
+					黑龙江中天昊元…
+				</view>
+				<view class='Regular flex align-item-center distribution justify-center'>
+					<image class='cangku' src="../../static/img/liangmai/cangku.png" mode=""></image>
+					分布
+				</view>
+			</view>
+			<view class="cu-bar search">
+				<view class="search-form round" @click="naviageToPage('')">
+					<image class='icon-scarch' src="../../static/img/liangmai/sousuo.png" mode=""></image>
+					<view class='Regular'> 请输入货名或标题</view>
+				</view>
+			</view>
+		</view>
+		<view class="content">
+			<view class="friendcircle">
+				
+			</view>
+			<view></view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+        components: {
+            
+        },
+		data() {
+			return {
+				guidePages:true
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	/* 《--头部 */
+	.header{
+		padding:0 12.5px;
+		background:#fff;
+		border-radius:0 0 10px 10px;
+	}
+	/* 头部--》 */
+	/* 《--定位 */
+	.location{
+		width:15.5px;height:17.5px;margin-right:2.5px;
+	}
+	.locationwrap{
+		font-size:16px;
+	}
+	/* 定位 --》 */
+	/* 《--分布 */
+	.map{
+		padding:8.5px 0;
+	}
+	.cangku{
+		width:16.5px;height:16.5px;margin-right:5px;
+	}
+	.distribution{
+		background:#F5F6FA;
+		width: 71.5px;
+		height:32px;
+		border-radius:15px;
+		font-size:12px;
+	}
+	/* 分布--》 */
+	/* 《--搜索 */
+	.cu-bar .search-form{
+		background:#F5F6F9;
+		margin:0;
+		margin-bottom:18px;
+		padding:10px 18px;
+	}
+	.icon-scarch{
+		width:15px;
+		height:15px;
+		margin-right:5px;
+	}
+	/* 搜索--》 */
+	/* 《--内容 */
+	.content{
+		margin-top:13px;
+	}
+	/* 内容--》 */
+	/* 《--圈友说 */
+	.friendcircle{
+		background:#fff;
+		margin:0 9px;
+	}
+	/* 圈友说--》 */
+</style>