...
|
...
|
@@ -4,44 +4,42 @@ |
|
|
</div>
|
|
|
<div v-else>
|
|
|
<LayoutApp title="选择地址" :show-back="true" :back-action="goBack">
|
|
|
<CubeScroll class="main-container" ref="scroll" :options="scrollOpts">
|
|
|
<div class="user-list">
|
|
|
<div
|
|
|
v-for="(item, index) in addressList"
|
|
|
:key="index"
|
|
|
class="item"
|
|
|
@click="toOrderPage(item)"
|
|
|
>
|
|
|
<slot name="item" :data="item">
|
|
|
<div class="user-item">
|
|
|
<div class="user-list">
|
|
|
<div
|
|
|
v-for="(item, index) in addressList"
|
|
|
:key="index"
|
|
|
class="item"
|
|
|
@click="toOrderPage(item)"
|
|
|
>
|
|
|
<slot name="item" :data="item">
|
|
|
<div class="user-item">
|
|
|
<div
|
|
|
:class="{
|
|
|
'uncheck-item': item.address_id !== selectedAddressId,
|
|
|
'check-item': item.address_id === selectedAddressId
|
|
|
}"
|
|
|
></div>
|
|
|
<div class="user-info">
|
|
|
<div class="extra">
|
|
|
<p class="name">{{ item.consignee }}</p>
|
|
|
<p class="mobile">{{ item.mobile }}</p>
|
|
|
<div v-if="item.is_default === 'Y'" class="tag-btn">默认</div>
|
|
|
<div v-if="item.tag_code && item.tag" class="tag-btn">{{ item.tag }}</div>
|
|
|
<div
|
|
|
:class="{
|
|
|
'uncheck-item': item.address_id !== selectedAddressId,
|
|
|
'check-item': item.address_id === selectedAddressId
|
|
|
}"
|
|
|
></div>
|
|
|
<div class="user-info">
|
|
|
<div class="extra">
|
|
|
<p class="name">{{ item.consignee }}</p>
|
|
|
<p class="mobile">{{ item.mobile }}</p>
|
|
|
<div v-if="item.is_default === 'Y'" class="tag-btn">默认</div>
|
|
|
<div v-if="item.tag_code && item.tag" class="tag-btn">{{ item.tag }}</div>
|
|
|
<div
|
|
|
class="option-btn"
|
|
|
:data-item="JSON.stringify(item)"
|
|
|
:data-add="0"
|
|
|
@click="toEditorPage"
|
|
|
>编辑</div>
|
|
|
</div>
|
|
|
<p class="address">{{ item.area }}{{ item.address }}</p>
|
|
|
</div>
|
|
|
class="option-btn"
|
|
|
:data-item="JSON.stringify(item)"
|
|
|
:data-add="0"
|
|
|
@click="toEditorPage"
|
|
|
>编辑</div>
|
|
|
</div>
|
|
|
</slot>
|
|
|
<div class="border-line"></div>
|
|
|
<p class="address">{{ item.area }}{{ item.address }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="add-btn" :data-add="1" @click="toEditorPage">新增地址</div>
|
|
|
</CubeScroll>
|
|
|
</slot>
|
|
|
<div class="border-line"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="add-btn" :data-add="1" @click="toEditorPage">新增地址</div>
|
|
|
</LayoutApp>
|
|
|
</div>
|
|
|
</template>
|
...
|
...
|
@@ -156,19 +154,6 @@ export default { |
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
/deep/ {
|
|
|
.cube-scroll-content {
|
|
|
min-height: 100%;
|
|
|
}
|
|
|
|
|
|
.cube-scroll-list-wrapper {
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
.cube-loading-spinners {
|
|
|
margin: auto;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.father-img {
|
|
|
position: absolute;
|
...
|
...
|
@@ -186,6 +171,7 @@ export default { |
|
|
}
|
|
|
|
|
|
.user-list {
|
|
|
display: block;
|
|
|
background-color: white;
|
|
|
|
|
|
.border-line {
|
...
|
...
|
@@ -255,14 +241,14 @@ export default { |
|
|
|
|
|
.option-btn {
|
|
|
display: block;
|
|
|
width: 65px;
|
|
|
line-height: 44px;
|
|
|
width: 80px;
|
|
|
line-height: 50px;
|
|
|
letter-spacing: -0.29px;
|
|
|
color: black;
|
|
|
font-size: 24px;
|
|
|
position: absolute;
|
|
|
right: 40px;
|
|
|
text-align: right;
|
|
|
right: 30px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
}
|
|
|
|
...
|
...
|
|