feat: 创建了地图导航的组件

src/pages/index/components/module/OpenMapComponent/index.vue

@@ -0,0 +1,51 @@
+<template>
+    <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
+        <!-- 占位撑开 -->
+        <view class="w-vw"></view>
+        <view class="flex flex-items-center flex-justify-between p-12 border-box" @click="openMap">
+            <view class="rounded-16 p-16 bg-theme-color-50">
+                <view class="w-32 h-32 rounded-full bg-white flex flex-items-center flex-justify-center">
+                    <image src="./images/map_icon.png" class="w-16 h-16" />
+                </view>
+            </view>
+            <view class="center ml-12">
+                <view class="font-color-800 font-size-14">打开导览地图</view>
+                <view class="font-color-500 font-size-12 mt-6">距你 {{ distance }} · 步行 {{ walk }}</view>
+            </view>
+            <view class="ml-12 flex flex-items-center flex-justify-center w-32 h-32 rounded-full bg-F2F5F8">
+                <uni-icons class="mb-2" type="right" size="12" color="#99A0AE" />
+            </view>
+        </view>
+    </view>
+	
+</template>
+
+<script>
+export default {
+	name: 'OpenMapComponent',
+	props: {
+		distance: {
+			type: String,
+			default: '500m'
+		},
+		walk: {
+			type: String,
+			default: '8分钟'
+		}
+	},
+	methods: {
+		openMap() {
+			this.$emit('open')
+		}
+	}
+}
+</script>
+
+<style scoped>
+
+.center {
+	flex: 1 1 auto;
+}
+
+</style>
+