浏览代码

更新图标及样式

306132416@qq.com 4 年之前
父节点
当前提交
226a66a9dd

+ 10 - 4
pages.json

@@ -31,6 +31,12 @@
 			}
 		},
 		{
+			"path": "pages/park/map_search",
+			"style": {
+				"navigationBarTitleText": "地图找园区"
+			}
+		},
+		{
 			"path": "pages/activity/index",
 			"style": {
 				"navigationBarTitleText": "找活动"
@@ -68,14 +74,14 @@
 		"backgroundColor": "#FFFFFF",
 		"list": [{
 				"pagePath": "pages/index/index",
-				"iconPath": "/static/tabbar/page_off.png",
-				"selectedIconPath": "/static/tabbar/page_on.png",
+				"iconPath": "/static/tabbar/home-select.png",
+				"selectedIconPath": "/static/tabbar/home-selected.png",
 				"text": "首页"
 			},
 			{
 				"pagePath": "pages/selfCenter/index",
-				"iconPath": "/static/tabbar/self_off.png",
-				"selectedIconPath": "/static/tabbar/self_on.png",
+				"iconPath": "/static/tabbar/user-select.png",
+				"selectedIconPath": "/static/tabbar/user-selected.png",
 				"text": "我的"
 			}
 		]

+ 26 - 15
pages/index/index.vue

@@ -4,7 +4,8 @@
 		 	<swiper class="swiper" 
 		 		indicator-dots="true" 
 				 autoplay="true" 
-		 		 duration="500"	>
+		 		 duration="500"	
+				 style="height:400rpx">
 		 		<swiper-item v-for="(item , index) in swiperList" :key="index">
 		 			<image :src="item.img" mode="aspectFill" style="width: 100%;height: 100%;"></image>
 		 		</swiper-item>
@@ -30,45 +31,45 @@
 			return {
 			    swiperList:[
 					{
-						img:'https://f.xazhima.com/userfiles/upload/indexpic/202005251007104506.jpg'
+						img:'/static/swiper/swiper1.jpg'
 					},
 					{
-						img:'https://f.xazhima.com/userfiles/upload/indexpic/202005251007104506.jpg'
+						img:'/static/swiper/swiper2.jpg'
 					},
 				],
 			    navList:[
 					{
-						url:'/static/navList/7.png',
+						url:'/static/navList/appeal.png',
 						path:'/pages/appeal/index',
 						content:'提诉求'
 					},
 					{
-						url:'/static/navList/7.png',
+						url:'/static/navList/policy.png',
 						path:'/pages/policy/index',
 						content:'搜政策'
 					},
 					{
-						url:'/static/navList/7.png',
+						url:'/static/navList/park.png',
 						path:'/pages/park/index',
 						content:'找园区'
 					},
 					{
-						url:'/static/navList/7.png',
+						url:'/static/navList/activity.png',
 						path:'/pages/activity/index',
 						content:'找活动'
 					},
 					{
-						url:'/static/navList/7.png',
+						url:'/static/navList/supply.png',
 						path:'/pages/supply/index',
 						content:'发供需'
 					},
 					{
-						url:'/static/navList/7.png',
+						url:'/static/navList/enterprise.png',
 						path:'/pages/enterprise/index',
 						content:'查企业'
 					},
 					{
-						url:'/static/navList/7.png',
+						url:'/static/navList/service.png',
 						path:'/pages/service/index',
 						content:'找服务'
 					},
@@ -113,22 +114,32 @@
 	}
 	
 	.page-nav-box {
-		width: 100%;
+		width: 80%;
+		/* height: 320rpx; */
 		display: flex;
 		flex-wrap: wrap;
-		padding: 10rpx 10rpx 30rpx 10rpx;
-		border-bottom: 10rpx solid #e9e9e9;
+		padding: 20rpx 10rpx 30rpx 10rpx;
+		box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
+		border-radius: 32rpx;
+		position: absolute;
+		top: 300rpx;
+		background-color: #fff;
 	}
 	.nav-content {
 		
 		width: 25%;
-		height: 150rpx;
+		height: 130rpx;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		margin-top: 20rpx;
-		font-size: 26rpx;
+		font-size: 22rpx;
 		justify-content: space-around;
+		letter-spacing: 0.02em;
+		color: #0D1937;
+		font-family: PingFang SC;
+		font-style: normal;
+		font-weight: 600;
 	}
 	
 </style>

+ 1 - 0
pages/park/index.vue

@@ -1,6 +1,7 @@
 <template>
 	<view class="content">
 		{{message}}
+		<navigator url="/pages/park/map_search"><button type="default">地图查找</button></navigator>
 	</view>
 </template>
 

+ 36 - 0
pages/park/map_search.vue

@@ -0,0 +1,36 @@
+<template>
+    <view style="height: 100%;">
+		<map style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude" :markers="covers">
+		</map>
+    </view>
+</template>
+<script>
+	export default {
+	    data() {
+	        return {
+				id:0, // 使用 marker点击事件 需要填写id
+	            title: 'map',
+	            latitude: 39.909,
+	            longitude: 116.39742,
+	            covers: [{
+	                latitude: 39.909,
+	                longitude: 116.39742,
+	                iconPath: '/static/logo.png'
+	            }, {
+	                latitude: 39.90,
+	                longitude: 116.39,
+	                iconPath: '/static/logo.png'
+	            }]
+	        }
+	    },
+	    methods: {
+	
+	    }
+	}
+</script>
+
+<style>
+	page {
+		height: 100%;
+	}
+</style>

二进制
static/navList/7.png


二进制
static/navList/activity-icon.png


二进制
static/navList/activity.png


二进制
static/navList/appeal.png


二进制
static/navList/enterprise.png


二进制
static/navList/park.png


二进制
static/navList/policy-icon.png


二进制
static/navList/policy.png


二进制
static/navList/service.png


二进制
static/navList/supply.png


二进制
static/swiper/swiper1.jpg


二进制
static/swiper/swiper2.jpg


二进制
static/tabbar/home-select.png


二进制
static/tabbar/home-selected.png


二进制
static/tabbar/user-select.png


二进制
static/tabbar/user-selected.png