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> |