other_ui/quer_map/pages/index/index.vue

<template>
	<view class="content">
		<view @click="getMap" class="maptop">
			<image :src="logo" class="mapimg"></image>
			潜山市地籍图查询系统
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				logo:require('@/static/images/logo.png')
			}
		},
		onLoad() {

		},
		methods: {
			getMap(){
				var url='https://220.179.8.145:8000'
				uni.navigateTo({
					url:'/pages/index/webview?url='+encodeURIComponent(url)
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.maptop{width: 100%;min-height: 88rpx;background-color: #4f96d6;display: flex;align-items: center;font-size: 36rpx;color: #fff;padding: 20rpx 20rpx 20rpx 80rpx;box-sizing: border-box;}
.mapimg{width: 46rpx;height: 46rpx;margin-right: 20rpx;flex: 0 0 auto;}
</style>