hxx/uni-shop-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 🐛 address 模块样式调整为flex

Browse Source
This commit is contained in:
jqtmviyu 2025-05-05 16:49:10 +08:00
parent 7009df90c7
commit f2ebf64622
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/pagesMember/address/address.vue
View File

@ -5,22 +5,24 @@
<view v-if="addressList.length > 0" class="address">
<!-- 收货地址项 -->
<uni-swipe-action class="item" v-for="item in addressList" :key="item.id">
<uni-swipe-action-item class="item-content" :text="item.receiver">
<view class="left">
<view class="user">
{{ item.receiver }}
<text class="contact">{{ item.contact }}</text>
<text v-if="item.isDefault === 1" class="badge">默认</text>
<uni-swipe-action-item :text="item.receiver">
<view class="item-content">
<view class="left">
<view class="user">
{{ item.receiver }}
<text class="contact">{{ item.contact }}</text>
<text v-if="item.isDefault === 1" class="badge">默认</text>
</view>
<view class="locate">{{ item.fullLocation }} {{ item.address }}</view>
</view>
<view class="locate">{{ item.fullLocation }} {{ item.address }}</view>
<navigator
class="edit right"
hover-class="none"
:url="`/pagesMember/address/address-form?id=${item.id}`"
>
修改
</navigator>
</view>
<navigator
class="edit right"
hover-class="none"
:url="`/pagesMember/address/address-form?id=${item.id}`"
>
修改
</navigator>
<!-- 删除按钮 -->
<template #right>
<button class="delete-button" @tap="handleDelete(item.id)">删除</button>
@ -113,7 +115,6 @@ page {
.item-content {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1;
padding: 40rpx 10rpx 38rpx;
@ -121,6 +122,7 @@ page {
.left {
flex: 1;
margin-right: 20rpx;
}
.right {