Files
lilishop-uniapp/pages/passport/entry/seller/entry-form.scss
Yer11214 349ffa4f34 refactor: 重构多个组件以支持 Vue 3 语法和功能
- 将多个组件转换为 `<script setup>` 语法,提升可读性和性能
- 优化状态管理和事件处理逻辑,简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题,提升用户体验
2026-07-08 18:37:11 +08:00

93 lines
1.6 KiB
SCSS

@mixin seller-entry-form {
:deep(.u-form-item) {
padding: 0;
margin-top: 24rpx;
}
:deep(.u-form-item__body) {
flex-direction: column !important;
align-items: stretch !important;
padding: 0;
}
:deep(.u-form-item__body__left) {
width: 100% !important;
margin-bottom: 16rpx;
}
:deep(.u-form-item__body__left__content__label) {
display: block;
font-size: 30rpx;
font-weight: 600;
color: #333;
line-height: 1.4;
white-space: normal;
}
:deep(.u-form-item__body__right),
:deep(.u-form-item__body__right__content),
:deep(.u-form-item__body__right__content__slot) {
width: 100%;
flex: none;
min-width: 0;
}
:deep(.u-form-item__body__right__content__slot) {
display: block;
}
.field-input {
width: 100%;
margin-top: 0;
}
.field-row {
display: flex;
align-items: center;
gap: 16rpx;
width: 100%;
}
.field-row .field-input {
flex: 1;
min-width: 0;
}
.field-textarea {
width: 100%;
:deep(.u-textarea) {
background: #fafafa !important;
border-radius: 12rpx;
padding: 20rpx;
box-sizing: border-box;
}
:deep(.u-textarea__field) {
width: 100%;
font-size: 28rpx;
line-height: 1.6;
color: #333;
}
}
}
@mixin seller-entry-submit {
text-align: center;
background: var(--theme-light, #ff6b35);
height: 88rpx;
line-height: 88rpx;
color: #fff;
width: 92%;
margin: 40rpx auto 60rpx;
border-radius: 100px;
font-size: 30rpx;
}
.picker-action {
flex-shrink: 0;
color: var(--theme-light, #ff6b35);
font-size: 28rpx;
white-space: nowrap;
}