前端代码/pages/address/address_sh.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
	<view class="page-address-sh">
		<u-empty mode="address" v-if="address_list.length == 0" >
		</u-empty>
		<view class="list" v-for="(item,b) in address_list" :key="b" @click="line_click(item)">
			<view class="info">
				<view class="s-s-q-jd">{{item.address}}</view>
				<view class="address">{{item.detail_address}}</view>
				<view class="user-info">
					<view class="name">{{item.name}}</view>
					<view class="phone">{{judgePhone(item.phone)}}</view>
					<view class="default" v-if="item.is_def == 1">默认</view>
				</view>
			</view>
			<view class="edit" @click.stop="goto_detail(item.id)">
				<u-icon name="edit-pen" size="18" color="#000000"></u-icon>
			</view>
		</view>
		<view style="height: 110rpx;"></view>
		<view class="fooer">
			<button class="btn" @click="goToNewAddress">新增地址</button>
		</view>
	</view>
</template>

<script>
	import { request } from '@/common/api.js';
	export default {
		data() {
			return {
				inputStyle:{
					fontSize:'24rpx'
				},
				address_list: [],
				mode: ''
			}
		},
		onLoad(opt) {
			this.mode = opt.mode
		},
		onShow() {
			this.get_address_list()
		},
		methods: {
			line_click(item) {
				if (this.mode == 'select') {
					uni.setStorageSync('curr_address', item)
					uni.$u.route({ type: 'back' })
				}
			},
			goto_detail(id) {
				uni.$u.route('/pages/address/newAddress', {
					id: id
				});
			},
			goToNewAddress(){
				uni.$u.route('/pages/address/newAddress');
			},
			get_address_list() {
				request({