Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

style: 统一优化表单组件的样式细节

Browse Source 
调整了表单容器、输入框、文本域等组件的尺寸、内边距和圆角参数，统一整体视觉风格，优化交互体验
This commit is contained in:
ZF Sun
2026-06-09 09:20:21 +08:00
parent 8c32f78503
commit 605ca69238
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
pages_tool/_components/ns-newform/ns-newform.vue
View File

@@ -791,7 +791,7 @@ export default {
background: #fff;
position: relative;
padding: 0;
min-height: 64rpx;
min-height: 60rpx;
// 水平布局（默认）：标签自动宽度（以最大为准），根据组件特性对齐
&:not(.vertical-layout) {
@@ -854,8 +854,8 @@ export default {
white-space: nowrap;
display: flex;
align-items: center;
height: 64rpx;
line-height: 64rpx;
height: 60rpx;
line-height: 60rpx;
.tit {
text-align: left;
@@ -899,11 +899,11 @@ export default {
input {
font-size: 26rpx;
text-align: left;
height: 64rpx;
height: 60rpx;
border: 2rpx solid #f3f4f6;
border-radius: 12rpx;
line-height: 64rpx;
padding: 0 20rpx;
border-radius: 10rpx;
line-height: 60rpx;
padding: 0 16rpx;
background: #f9fafb;
color: #1f2937;
transition: all 0.3s ease;
@@ -920,14 +920,14 @@ export default {
}
textarea {
font-size: 28rpx;
font-size: 26rpx;
width: 100%;
min-height: 200rpx;
line-height: 44rpx;
min-height: 180rpx;
line-height: 40rpx;
text-align: left;
border: 2rpx solid #f3f4f6;
border-radius: 16rpx;
padding: 16rpx 24rpx;
border-radius: 10rpx;
padding: 12rpx 16rpx;
background: #f9fafb;
color: #1f2937;
transition: all 0.3s ease;
@@ -937,7 +937,7 @@ export default {
&:focus {
background: #fff;
border-color: #3b82f6;
box-shadow: 0 0 0 6rpx rgba(59, 130, 246, 0.08);
box-shadow: 0 0 0 4rpx rgba(59, 130, 246, 0.08);
}
&::placeholder {
@@ -947,14 +947,14 @@ export default {
.uni-input, .select-address {
display: inline-block;
padding: 12rpx 20rpx;
border-radius: 12rpx;
padding: 8rpx 16rpx;
border-radius: 10rpx;
background: #f9fafb;
border: 2rpx solid #f3f4f6;
color: #1f2937;
font-size: 26rpx;
transition: all 0.3s ease;
min-height: 64rpx;
min-height: 60rpx;
box-sizing: border-box;
&.color-tip {
@@ -987,9 +987,9 @@ export default {
align-items: center;
line-height: 1;
margin: 0;
padding: 8rpx 16rpx;
padding: 6rpx 14rpx;
border: 2rpx solid #e5e7eb;
border-radius: 32rpx;
border-radius: 6rpx;
background: #fff;
transition: all 0.3s ease;
@@ -1012,7 +1012,7 @@ export default {
width: 120rpx;
height: 120rpx;
border: 2rpx dashed #d1d5db;
border-radius: 12rpx;
border-radius: 8rpx;
position: relative;
background: #f9fafb;
transition: all 0.3s ease;