|
|
@@ -8,6 +8,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="product-edit-form-wrap">
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
<el-form-item label="商品名称" prop="name">
|
|
|
<el-input v-model="form.name" placeholder="请输入商品名称" maxlength="100" />
|
|
|
@@ -347,6 +348,7 @@
|
|
|
<el-button @click="$router.back()">取消</el-button>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
+ </div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -1361,15 +1363,20 @@ async loadGiftRule(productId) {
|
|
|
border-radius: 8px;
|
|
|
border: 1px solid #f0f0f0;
|
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
|
|
|
- /* 覆盖全局 .admin-page > .el-card 的 flex:1;min-height:0（会裁剪超长内容）
|
|
|
- 改为由内容撑开高度，超出时由 el-main 滚动显示 */
|
|
|
- flex: none;
|
|
|
- flex-shrink: 0;
|
|
|
- min-height: auto;
|
|
|
}
|
|
|
+/* 表单滚动容器：卡片锁定可视高度，表单区内部滚动（解决长表单无法下翻） */
|
|
|
.product-edit /deep/ .el-card__body {
|
|
|
- flex: none;
|
|
|
- min-height: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ min-height: 0;
|
|
|
+ padding: 24px;
|
|
|
+}
|
|
|
+.product-edit-form-wrap {
|
|
|
+ flex: 1;
|
|
|
+ min-height: 0;
|
|
|
+ overflow-y: auto;
|
|
|
+ padding-right: 8px;
|
|
|
+ margin-right: -8px;
|
|
|
}
|
|
|
.product-edit /deep/ .el-card__header {
|
|
|
padding: 20px 24px;
|
