You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.0 KiB
75 lines
2.0 KiB
<template> |
|
<view> |
|
<page-head :title="title"></page-head> |
|
<view class="uni-common-mt"> |
|
<form @submit="openLocation"> |
|
<view class="uni-list"> |
|
<view class="uni-list-cell"> |
|
<view class="uni-list-cell-left"> |
|
<view class="uni-label">经度</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" value="116.39747" name="longitude"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-list-cell-left"> |
|
<view class="uni-label">纬度</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" value="39.9085" name="latitude"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-list-cell-left"> |
|
<view class="uni-label">位置名称</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" value="天安门" name="name"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-list-cell-left"> |
|
<view class="uni-label">详细位置</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" value="北京市东城区东长安街" name="address"></input> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="uni-padding-wrap"> |
|
<view class="uni-btn-v uni-common-mt"> |
|
<button type="primary" formType="submit">查看位置</button> |
|
</view> |
|
</view> |
|
</form> |
|
</view> |
|
</view> |
|
</template> |
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
title: 'openLocation' |
|
} |
|
}, |
|
methods: { |
|
openLocation: function (e) { |
|
console.log(e) |
|
var value = e.detail.value |
|
uni.openLocation({ |
|
longitude: Number(value.longitude), |
|
latitude: Number(value.latitude), |
|
name: value.name, |
|
address: value.address |
|
}) |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style> |
|
.uni-list-cell-left { |
|
padding: 0 30rpx; |
|
} |
|
</style>
|
|
|