Commit 4822f61a authored by liuzhaoh's avatar liuzhaoh

登录小屏样式调整

parent 7207252a
...@@ -5,11 +5,19 @@ ...@@ -5,11 +5,19 @@
</div> </div>
<h1 class="title">sensor设置信息</h1> <h1 class="title">sensor设置信息</h1>
<div class="content-box">
<div class="grid-container"> <div class="grid-container">
<!-- 左侧参数设置 --> <!-- 左侧参数设置 -->
<div class="setting-group"> <div class="setting-group">
<div class="setting-row" v-for="item in leftInfoEnum" :key="item.label"> <div
<span class="label" :class="{'layout_2': item.type2 === 'checkbox'}"> class="setting-row"
v-for="item in leftInfoEnum"
:key="item.label"
>
<span
class="label"
:class="{ layout_2: item.type2 === 'checkbox' }"
>
<el-checkbox <el-checkbox
style="margin-right: 10px" style="margin-right: 10px"
v-if="item.type2 === 'checkbox'" v-if="item.type2 === 'checkbox'"
...@@ -113,10 +121,11 @@ ...@@ -113,10 +121,11 @@
</div> </div>
<div> <div>
<label class="custom-checkbox"> <label class="custom-checkbox">
<input type="checkbox" /> 室内脉冲轮流喷吹 <input type="checkbox" v-model="infoObj.indoorPulseBlow"/> 室内脉冲轮流喷吹
</label> </label>
</div> </div>
</div> </div>
</div>
<!-- 操作按钮 --> <!-- 操作按钮 -->
<div class="button-group"> <div class="button-group">
...@@ -355,18 +364,28 @@ body { ...@@ -355,18 +364,28 @@ body {
.container { .container {
position: absolute; position: absolute;
top: 40%; top: 10%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translateX(-50%);
max-width: 650px; max-height: 80vh;
max-width: 60vw;
margin: 0 auto; margin: 0 auto;
background: white; background: white;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
padding: 0.8rem 1.2rem 1.2rem; padding: 0.8rem 1.2rem 1.2rem;
z-index: 100; z-index: 100;
// overflow-y: auto;
.content-box {
overflow: auto;
height: 55vh;
}
.content-box::-webkit-scrollbar {
width: 1px;
}
} }
.title { .title {
color: #3b82f6; color: #3b82f6;
font-size: 1.8rem; font-size: 1.8rem;
......
...@@ -1225,8 +1225,9 @@ $light_gray: #eee; ...@@ -1225,8 +1225,9 @@ $light_gray: #eee;
box-shadow: 0px 15px 30px 0px rgba(0, 85, 183, 0.15); box-shadow: 0px 15px 30px 0px rgba(0, 85, 183, 0.15);
padding: 40px; padding: 40px;
position: absolute; position: absolute;
right: 14vw; right:10%;
top: 22%; top: 15%;
// transform: translateY(-50%);
border-radius: 20px; border-radius: 20px;
.el-checkbox-group label { .el-checkbox-group label {
......
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