提交 1ad84452 作者: 毛细亚

style: 优化抽屉宽度和样式格式

上级 65763e61
......@@ -3,7 +3,7 @@
<el-drawer
title="选择游戏"
:visible="show"
size="420px"
size="300px"
append-to-body
@close="close"
>
......@@ -126,7 +126,7 @@
<el-drawer
title="预览"
:visible.sync="previewVisible"
size="500px"
size="300px"
:close-on-click-modal="false"
append-to-body
class="preview-dialog"
......@@ -708,19 +708,18 @@
}
}
</script>
<style scoped lang="scss">
.formLabel{
font-size: 16px;
font-weight: 500;
}
.sendTransWxGame{
}
.sendTransWxGame{
width: 100%;
height: 100%;
overflow: auto;
padding-bottom: 50px;
}
.dialog-footer{
}
.dialog-footer{
width: calc(100%);
height: auto;
position: absolute;
......@@ -735,8 +734,8 @@
width:84px ;
height: 32px;
}
}
.game-select-container {
}
.game-select-container {
padding: 0 20px;
::v-deep .el-icon-circle-close{
color: #C0C4CC !important;
......@@ -745,38 +744,39 @@
line-height: 32px;
padding: 3px;
}
}
.compose-container {
}
.compose-container {
position: fixed;
left: -9999px;
top: -9999px;
overflow: hidden;
z-index: -1;
}
}
.image-wrapper {
.image-wrapper {
position: relative;
display: none;
font-size: 0;
width: 750px; /* 固定容器宽度 */
}
}
.background-img {
.background-img {
display: block;
width: 750px !important; /* 固定宽度 */
height: auto !important; /* 高度自适应 */
object-fit: contain;
}
}
.qr-code {
.qr-code {
position: absolute;
display: block;
width: 180px !important;
height: 180px !important;
object-fit: contain;
pointer-events: none;
}
.required-mark {
}
.required-mark {
color: #f53f3f;
margin-right: 4px;
}
......@@ -791,8 +791,6 @@
.background-radio-item {
margin-right: 0 !important;
margin-bottom: 0 !important;
flex: 1 0 0;
min-width: 0;
width: 170px;
::v-deep .el-radio__input {
display: none;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论