91 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Vue
		
	
	
	
		
		
			
		
	
	
			91 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Vue
		
	
	
	
|  | <!-- | ||
|  |  * @Descripttion:  | ||
|  |  * @version:  | ||
|  |  * @Author: 王三华 | ||
|  |  * @Date: 2023-10-16 09:13:48 | ||
|  | --> | ||
|  | <template> | ||
|  |   <view class="contain"> | ||
|  |     <view class="kuang" | ||
|  |           v-for="(item,index) in addressArr" | ||
|  |           :key="index" @click="goDetails(item)"> | ||
|  |       <view class="kuang_l"> | ||
|  |         <view class="kuang_lt"> | ||
|  |           {{ item.pkProvinceVal }} | ||
|  |           {{ item.pkCityVal }} | ||
|  |           {{ item.pkCountyVal }} | ||
|  |         </view> | ||
|  |         <view class="kuang_lc">{{ item.address }}</view> | ||
|  |         <view class="kuang_lb"> | ||
|  |           <view>{{ item.accountName }}</view> | ||
|  |           <span>{{ item.phone }}</span> | ||
|  |         </view> | ||
|  |       </view> | ||
|  |       <u-icon name="edit-pen" color="#999" | ||
|  |               size="22"></u-icon> | ||
|  |     </view> | ||
|  |   </view> | ||
|  | </template> | ||
|  | 
 | ||
|  | <script> | ||
|  | import * as api from '@/config/mine.js' | ||
|  | 
 | ||
|  | export default { | ||
|  |   data() { | ||
|  |     return { | ||
|  |       addressArr: [], | ||
|  |     } | ||
|  |   }, | ||
|  |   onLoad(options) { | ||
|  |     | ||
|  |   }, | ||
|  |   onShow() { | ||
|  |     this.getAddressList() | ||
|  |   }, | ||
|  |   methods: { | ||
|  |     goDetails(item){ | ||
|  |       uni.navigateTo({ | ||
|  | 					url: '/pages/mine/giftAddress/details?obj=' + JSON.stringify(item) | ||
|  | 				}) | ||
|  |     }, | ||
|  |     getAddressList() { | ||
|  |       api.getMemberGift().then((res) => { | ||
|  |         this.addressArr = res.data | ||
|  |       }) | ||
|  |     }, | ||
|  |   }, | ||
|  | } | ||
|  | </script> | ||
|  | 
 | ||
|  | <style lang="scss" scoped> | ||
|  | .contain { | ||
|  |   padding: 10rpx 0; | ||
|  | } | ||
|  | .kuang { | ||
|  |   padding: 30rpx 20rpx; | ||
|  |   margin-bottom: 20rpx; | ||
|  |   background: #fff; | ||
|  |   display: flex; | ||
|  |   align-items: center; | ||
|  |   justify-content: space-between; | ||
|  |   .kuang_lt { | ||
|  |     color: #999; | ||
|  |     font-size: 12px; | ||
|  |     margin-bottom: 10rpx; | ||
|  |   } | ||
|  |   .kuang_lc { | ||
|  |     color: #333333; | ||
|  |     font-size: 14px; | ||
|  |     margin-bottom: 20rpx; | ||
|  |   } | ||
|  |   .kuang_lb { | ||
|  |     color: #333333; | ||
|  |     font-size: 12px; | ||
|  |     display: flex; | ||
|  |     align-items: center; | ||
|  |     span { | ||
|  |       color: #999; | ||
|  |     } | ||
|  |   } | ||
|  | } | ||
|  | </style> |