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

This commit is contained in:
jqtmviyu 2025-05-05 16:49:10 +08:00
parent 7009df90c7
commit f2ebf64622

View File

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