初始化(包含登录模块)
This commit is contained in:
62
pages/API/choose-location/choose-location.vue
Normal file
62
pages/API/choose-location/choose-location.vue
Normal file
@@ -0,0 +1,62 @@
|
||||
<template>
|
||||
<view>
|
||||
<page-head :title="title"></page-head>
|
||||
<view class="uni-padding-wrap">
|
||||
<view style="background:#FFFFFF; padding:40rpx;">
|
||||
<view class="uni-hello-text uni-center">当前位置信息</view>
|
||||
<block v-if="hasLocation === false">
|
||||
<view class="uni-h2 uni-center uni-common-mt">未选择位置</view>
|
||||
</block>
|
||||
<block v-if="hasLocation === true">
|
||||
<view class="uni-hello-text uni-center" style="margin-top:10px;">
|
||||
{{locationAddress}}
|
||||
</view>
|
||||
<view class="uni-h2 uni-center uni-common-mt">
|
||||
<text>E: {{location.longitude[0]}}°{{location.longitude[1]}}′</text>
|
||||
<text>\nN: {{location.latitude[0]}}°{{location.latitude[1]}}′</text>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="uni-btn-v">
|
||||
<button type="primary" @tap="chooseLocation">选择位置</button>
|
||||
<button @tap="clear">清空</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import * as util from '../../../common/util.js'
|
||||
var formatLocation = util.formatLocation;
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title: 'chooseLocation',
|
||||
hasLocation: false,
|
||||
location: {},
|
||||
locationAddress: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
chooseLocation: function () {
|
||||
uni.chooseLocation({
|
||||
success: (res) => {
|
||||
this.hasLocation = true,
|
||||
this.location = formatLocation(res.longitude, res.latitude),
|
||||
this.locationAddress = res.address
|
||||
}
|
||||
})
|
||||
},
|
||||
clear: function () {
|
||||
this.hasLocation = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page-body-info {
|
||||
padding-bottom: 0;
|
||||
height: 440rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user