feat:优化 user 管理的样式:

1)详情、表单,移除 cell-group、safe-area-inset-bottom
2)使用 wd-fab 替代右下角按钮
This commit is contained in:
YunaiV
2025-12-15 11:00:44 +08:00
parent 96f4a931ca
commit 4e29f71a8c
3 changed files with 25 additions and 39 deletions

View File

@@ -8,9 +8,9 @@
/>
<!-- 表单区域 -->
<view class="p-24rpx">
<view>
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group custom-class="cell-group" border>
<wd-cell-group border>
<wd-input
v-model="formData.username"
label="用户名称"
@@ -83,7 +83,7 @@
</view>
<!-- 底部保存按钮 -->
<view class="safe-area-inset-bottom fixed bottom-0 left-0 right-0 bg-white p-24rpx">
<view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
<wd-button
type="primary"
block
@@ -190,13 +190,4 @@ onMounted(() => {
</script>
<style lang="scss" scoped>
:deep(.cell-group) {
border-radius: 12rpx;
overflow: hidden;
box-shadow: 0 3rpx 8rpx rgba(24, 144, 255, 0.06);
}
.safe-area-inset-bottom {
padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
}
</style>