<template>
  <view class="main">
	<view class="location">
		<view class="location_title">当前定位</view>
	</view>
	<view class="location_cont flex">
		<view class="location_name" @click="addressBack">财富海景花园</view>
		<view class="location_btn" @click="refresh"><image class="location_img" src="../../static/userserve/location.png" mode="widthFix"></image>重新定位</view>
	</view>
	
	<view class="location">
		<view class="location_title">我的地址</view>
		<view class="location_button" @click="addressList">管理</view>
	</view>
	<view class="location_cont location_padding">
		<view class="location_list flex" @click="addressBack">
			<view class="location_l">
				<view class="location_address">
					<text class="location_default">默认</text>
					<text class="location_address_text">汤臣一品-20号楼2306室</text>
				</view>
				<view class="location_user"><text class="location_user_name">悟语先生</text><text class="location_user_tel">15221678099</text></view>
			</view>
			<view class="location_r location_acty">
				<image class="location_acty_img" src="../../static/selected.png"></image>
			</view>
		</view>
		<view class="location_list flex" @click="addressBack">
			<view class="location_l">
				<view class="location_address">
					<text class="location_address_text">花木街道浦东新区机关事务管理局人民政府-20号楼2306室</text>
				</view>
				<view class="location_user"><text class="location_user_name">悟语先生</text><text class="location_user_tel">15221678099</text></view>
			</view>
			<!-- <view class="location_r"></view> -->
		</view>
	</view>
	
	<view class="location">
		<view class="location_title">附近地址</view>
	</view>
	<view class="location_cont location_padding">
		<view class="location_item" @click="addressBack">浦茗荟(陆家嘴店)</view>
		<view class="location_item" @click="addressBack">汇豪天下-7号楼</view>
		<view class="location_item" @click="addressBack">臻邦游泳健身中心(财富海景店</view>
		<view class="location_item" @click="addressBack">优涵游泳俱乐部·YHSC(财富海景店)</view>
		<view class="location_item" @click="addressBack">财富海景花园-6号楼</view>
	</view>
	
	<view style="height: 200rpx;"></view>
	<view class="footer">
		<view class="footer_btn" @click="addressEdit">新增地址</view>
	</view>
  </view>
</template>

<script setup>
import { computed,ref,onMounted,onUnmounted,getCurrentInstance,nextTick } from 'vue';
import { useCounterStore } from '@/store/counter'; // 引入 Pinia Store
import { storeToRefs } from 'pinia';//实现解构付值
import { onLoad,onShow,onPullDownRefresh,onPageScroll,onReachBottom,onReady } from "@dcloudio/uni-app"
const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore);
const addressList=()=>{
	uni.navigateTo({
		url:`/userserve/addressList/addressList`
	})
};
const addressBack=()=>{
	uni.navigateBack({
		delta:1
	})
};
const refresh=()=>{
	console.log('刷新定位');
};
const addressEdit=()=>{
	uni.navigateTo({
		url:`/userserve/addressEdit/addressEdit`
	})
};
onLoad((options) => {});
onShow(() => {});
onReady(()=>{})
onPullDownRefresh(()=>{})
onReachBottom(()=>{})
</script>

<style lang="scss">
	@import './style.scss';
</style>