Commit d9a06b02 authored by xinzhedeai's avatar xinzhedeai

add: select样式调整,赋值回显

parent 3e986db1
......@@ -72,4 +72,128 @@
padding-left: 0;
color: #c8c9cc;
font-size: .28rem;
}
\ No newline at end of file
}
/* 基础重置样式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
/* 去除移动端点击高亮 */
}
body {
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
font-size: 16px;
background-color: #f8f9fa;
}
/* 表单容器 */
.form-container {
max-width: 750px;
/* 移动端最大宽度 */
margin: 20px auto;
padding: 0 15px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
/* 表单单项 */
.form-item {
display: flex;
align-items: center;
/* 垂直居中 */
height: 50px;
padding: 0 12px;
border-bottom: 1px solid #f0f2f5;
}
/* 最后一项去除下边框 */
.form-item:last-child {
border-bottom: none;
}
/* 表单标题 */
.form-label {
flex-shrink: 0;
/* 防止标题被压缩 */
width: 80px;
/* 标题固定宽度,可根据需求调整 */
color: #333;
font-size: 15px;
text-align: left;
/* 标题左对齐 */
}
/* 输入框容器 */
.form-input-wrap {
flex: 1;
/* 占据剩余空间 */
height: 100%;
display: flex;
align-items: center;
}
/* 输入框样式 */
.form-input {
width: 100%;
height: 32px;
/* 输入框高度小于容器,留出垂直空间 */
border: none;
outline: none;
font-size: 15px;
color: #666;
}
/* 输入框placeholder样式 */
.form-input::placeholder {
color: #999;
font-size: 14px;
}
/* 输入框聚焦效果 */
.form-input:focus {
color: #262626;
}
.imager-item-title {
height: 50px;
line-height: 50px;
padding: 0 12px;
font-size: 14px;
border-bottom: 1px solid #f0f2f5;
margin-bottom: 10px;
font-weight: 400;
}
/* vant tab底部栏颜色 */
.van-tabs__line{
background-color: #1081E3;
}
.selector{
width: 5.5rem;
height: 0.6rem;
font-size: 0.3rem;
border: 1px solid #D7D7D7;
background-color: #fff;
}
input:disabled{
background-color: #fff;
}
select:disabled{
border:none;
/* 移除默认箭头 */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* 调整右侧内边距,防止文字溢出 */
padding-right: 25px;
/* 可选:统一背景色 */
background-color: white;
}
\ No newline at end of file
This diff is collapsed.
......@@ -34,7 +34,7 @@ window.addEventListener('load', function () {
remark: '',
deptId: '',
merchantId: 0,
smallPlaceType: '',
smallPlaceType: '1',
smallPlaceTypeName: '',
principal: '',
phone: '',
......@@ -182,6 +182,9 @@ window.addEventListener('load', function () {
}, 0);
var result = JSON.parse(res)
this.formData = result.data
// setTimeout(()=>{
// this.formData.smallPlaceTypeName = "0"
// },1000)
// this.formData = {} // 表单赋值
// 这里添加跳转逻辑
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment