76 lines
2.0 KiB
Vue
76 lines
2.0 KiB
Vue
<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"/>
|
|
</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"/>
|
|
</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"/>
|
|
</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"/>
|
|
</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>
|