Authored by leo

Update: 调整样式

... ... @@ -37,21 +37,23 @@
<!-- 左侧装修模板列表 -->
<div class="decorator-left">
<div class="template-list"></div>
</div>
<!-- 底部按钮组 -->
<div class="left-footer">
<div class="btn-group save-btn">
<div class="btn-group dropup">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
存储 <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="javascript:;" class="btn btn-primary" id="updateBtn">保存</a></li>
<li><a href="javascript:;" class="btn btn-info" id="saveBtn">另存为</a></li>
</ul>
<div class="template-list-parent">
<div class="template-list"></div>
</div>
<!-- 底部按钮组 -->
<div class="left-footer">
<div class="btn-group save-btn">
<div class="btn-group dropup">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
存储 <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="javascript:;" class="btn btn-primary" id="updateBtn">保存</a></li>
<li><a href="javascript:;" class="btn btn-info" id="saveBtn">另存为</a></li>
</ul>
</div>
<a href="javascript:;" class="btn btn-warning" id="applyBtn">应用</a>
</div>
<a href="javascript:;" class="btn btn-warning" id="applyBtn">应用</a>
</div>
</div>
... ...
... ... @@ -131,9 +131,9 @@
position: absolute;
top: 60px;
background: #E7E7E7;
bottom: 60px;
bottom: 0;
width: 200px;
overflow-y: auto;
overflow: hidden;
box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
... ... @@ -146,15 +146,13 @@
background: #FFFFFF;
border: 1px solid #E7E7E7;
box-shadow: 0px 0px 15px rgba(0,0,0,.2);
overflow: hidden;
}
.left-footer .save-btn {
margin-left: 10px;
margin-top: 5px;
position: relative;
top: 50%;
transform: translateY(-50%);
top: 8px;
}
/*.left-footer .btn {
... ... @@ -178,10 +176,17 @@
color: #FFFFFF;
}
.template-list-parent {
position: absolute;
bottom: 60px;
top: 28px;
width: 100%;
overflow-y: auto;
}
/* 左侧模板列表 */
.template-list {
text-align: center;
margin-top: 28px;
}
.template-list .title {
... ... @@ -260,6 +265,7 @@
margin-left: 480px;
height: 800px;
overflow-y: auto;
overflow-x: hidden;
background: #F0F0F0;
border: 1px dashed;
box-shadow: 0px 0px 15px rgba(0,0,0,.8);
... ... @@ -270,6 +276,7 @@
width: 1150px;
height: 800px;
overflow-y: auto;
overflow-x: hidden;
background: #F0F0F0;
border: 1px dashed;
}
... ...