采购商服务样式覆盖问题

This commit is contained in:
姚俊旭 2025-05-27 09:39:23 +08:00
parent e8e62576e1
commit f037010515
2 changed files with 5 additions and 6 deletions

View File

@ -14,7 +14,7 @@ import Main from './component/Main';
.basic-layout {
width: 100%;
min-width: 1200px;
height: 100%;
height: fit-content;
&-container {
position: relative;
margin-left: 210px;

View File

@ -85,8 +85,8 @@
</div>
<div style="display: flex; justify-content: flex-start; text-align: left; margin-top: 20px">
<div class="inputs" style="width: 100%">
<span class="labels" style="width: 14%">收货地址</span>
<el-input v-model="formData.address" maxlength="30" style="width: 100%" placeholder="请输入" show-word-limit type="textarea" />
<span class="labels" style="padding-right: 12px">收货地址</span>
<el-input v-model="formData.address" maxlength="30" style="width: 87%" placeholder="请输入" show-word-limit type="textarea" />
</div>
</div>
</el-form>
@ -193,7 +193,7 @@ defineExpose({
.unit::after {
content: 'kg';
position: absolute;
right: 10px; /* 调整单位与输入框的距离 */
right: 65px; /* 调整单位与输入框的距离 */
color: #000; /* 单位颜色 */
pointer-events: none; /* 防止单位遮挡输入框 */
}
@ -207,8 +207,7 @@ defineExpose({
display: flex;
align-items: center;
.labels {
width: 25%;
margin-right: 10px;
padding-right: 12px;
}
input {
width: calc(74% - 20px);