52 lines
915 B
Vue
52 lines
915 B
Vue
<template>
|
|
<!-- 地址列表页面 -->
|
|
<view class="address" v-for="item in 10">
|
|
<view class="addressList">
|
|
<view class="addressTop">
|
|
<p>哈尔滨华德学院二公寓</p>
|
|
</view>
|
|
<view class="addressBottom">
|
|
<p>张新然女士</p>
|
|
<p>12345235432</p>
|
|
</view>
|
|
<navigator url="/pages/address/address" class="change">
|
|
<uni-icons type="plus-filled" size="30"></uni-icons>
|
|
</navigator>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
<script></script>
|
|
<style>
|
|
page {
|
|
background-color: #f6f6f6;
|
|
}
|
|
.address {
|
|
width: 100%;
|
|
height: 200rpx;
|
|
background-color: #fff;
|
|
}
|
|
.addressList {
|
|
width: 90%;
|
|
height: inherit;
|
|
background-color: #fff;
|
|
margin: 0 auto;
|
|
border-bottom: 2px solid #f6f6f6;
|
|
}
|
|
.addressTop {
|
|
padding-top: 10px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
}
|
|
.addressBottom {
|
|
display: inline-block;
|
|
float: left;
|
|
padding-top: 10px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.change {
|
|
float: right;
|
|
|
|
}
|
|
</style> |