64 lines
2.3 KiB
Vue
64 lines
2.3 KiB
Vue
<template>
|
||
<view class="main">
|
||
<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" @click="revamp()">
|
||
<image class="location_img" src="../../static/userserve/edit.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" @click="revamp()">
|
||
<image class="location_img" src="../../static/userserve/edit.png"></image>
|
||
</view>
|
||
</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 addressEdit=()=>{
|
||
uni.navigateTo({
|
||
url:`/userserve/addressEdit/addressEdit`
|
||
})
|
||
};
|
||
const revamp=()=>{
|
||
uni.navigateTo({
|
||
url:`/userserve/addressEdit/addressEdit`
|
||
})
|
||
}
|
||
onLoad((options) => {});
|
||
onShow(() => {});
|
||
onReady(()=>{})
|
||
onPullDownRefresh(()=>{})
|
||
onReachBottom(()=>{})
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import './style.scss';
|
||
</style> |