Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
9ff25577 by 任超
Options

style:页面中心内容快显示最小高度

1 parent ebe150cb
Inline Side-by-side
Showing 8 changed files with 266 additions and 244 deletions
......@@ -2,10 +2,14 @@
.main {
overflow-x: hidden;
}
.central_area {
min-height:calc(100vh - 207px);
}
.navigation_crumbs {
height: 45px;
}
.personal_center {
margin-top: 10px;
}
.personal_information {
width: 100%;
......@@ -35,7 +39,7 @@
}
/* --------------------业务模块----------------------- */
.business_module {
margin-top: 10px;
margin-top: 20px;
overflow: hidden;
margin-left: -10px;
margin-right: -10px;
......
......@@ -70,67 +70,69 @@
</div>
</div>
<!-- -----------------------------------个人中心模块---------------------------------------------- -->
<div class="personal_center contentBox">
<div class="personal_information layui-bg-gray">
<img src="../../staticImages/logo-realestate.png" alt="个人中心">
<ul>
<div class="central_area">
<div class="personal_center contentBox">
<div class="personal_information layui-bg-gray">
<img src="../../staticImages/logo-realestate.png" alt="个人中心">
<ul>
<li>
<span>姓名：</span>
<p>任超</p>
</li>
<li>
<span>登录时间：</span>
<p>2020-120-2</p>
</li>
<li>
<span>联系方式：</span>
<p>1852555224</p>
</li>
<li>
第25次次登录此平台
</li>
<li>
<span>身份证号码：</span>
<p>61012419930545464</p>
</li>
</ul>
</div>
</div>
<!-- ---------------------------业务模块------------------------------- -->
<div class="contentBox">
<ul class="business_module">
<li>
<span>姓名：</span>
<p>任超</p>
<a href="" title="我的业务">
我的业务
</a>
</li>
<li>
<span>登录时间：</span>
<p>2020-120-2</p>
<a href="../wdyy/index.html" title="我的预约">
我的预约
</a>
</li>
<li>
<span>联系方式：</span>
<p>1852555224</p>
<a href="" title="我的不动产">
我的不动产
</a>
</li>
<li>
第25次次登录此平台
<a href="" title="业务查询">
业务查询
</a>
</li>
<li>
<a href="" title="我的支付">
我的支付
</a>
</li>
<li>
<span>身份证号码：</span>
<p>61012419930545464</p>
<a href="" title="档案查询">
档案查询
</a>
</li>
</ul>
</div>
</div>
<!-- ---------------------------业务模块------------------------------- -->
<div class="contentBox">
<ul class="business_module">
<li>
<a href="" title="我的业务">
我的业务
</a>
</li>
<li>
<a href="../wdyy/index.html" title="我的预约">
我的预约
</a>
</li>
<li>
<a href="" title="我的不动产">
我的不动产
</a>
</li>
<li>
<a href="" title="业务查询">
业务查询
</a>
</li>
<li>
<a href="" title="我的支付">
我的支付
</a>
</li>
<li>
<a href="" title="档案查询">
档案查询
</a>
</li>
</ul>
</div>
<div class="footer">
<div class="system_service">
<ul class="">
......
.central_area {
min-height:calc(100vh - 207px);
}
.navigation_crumbs {
height: 45px;
}
......@@ -5,6 +8,7 @@
height: 100px;
padding: 20px;
box-sizing: border-box;
margin-top: 10px;
}
.perinfo_left{
float: left;
......@@ -46,5 +50,5 @@
}
/* ----------------预约列表-------------------- */
.appointment_list {
margin-top: 10px;
}
\ No newline at end of file
......
......@@ -70,29 +70,31 @@
</div>
</div>
<!-- -----------------个人信息------------------------ -->
<div class="perinfo contentBox layui-bg-gray">
<div class="perinfo_left">
<img src="../../staticImages/logo-realestate.png" alt="">
<ul>
<li>
<span>上午好：</span>
<p>任超</p>
</li>
<li>
<span>身份证号：</span>
<p>61012216464646</p>
</li>
</ul>
<div class="central_area">
<div class="perinfo contentBox layui-bg-gray">
<div class="perinfo_left">
<img src="../../staticImages/logo-realestate.png" alt="">
<ul>
<li>
<span>上午好：</span>
<p>任超</p>
</li>
<li>
<span>身份证号：</span>
<p>61012216464646</p>
</li>
</ul>
</div>
<a class="my_appointment" title="在线预约" href="../yyxz/index.html">在线预约</a>
<div class="time">
登录时间：2088-20-88
</div>
</div>
<a class="my_appointment" title="在线预约" href="../yyxz/index.html">在线预约</a>
<div class="time">
登录时间：2088-20-88
<!-- -------------预约列表--------------- -->
<div class="appointment_list contentBox">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
</div>
<!-- -------------预约列表--------------- -->
<div class="appointment_list contentBox">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
<div class="footer">
<div class="system_service">
<ul class="">
......
.central_area {
min-height:calc(100vh - 227px);
}
.navigation_crumbs {
height: 45px;
}
......@@ -64,7 +67,8 @@
/* -------------分割线----------------------- */
.site-title {
margin: 20px 0;
margin: 20px auto;
width: 1200px;
}
.site-title fieldset {
border-top: 1px solid #eee;
......
......@@ -73,88 +73,89 @@
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="appointment_notice contentBox">
<ul class="app_progress">
<li>
<span>1</span>
预约须知
</li>
<div class="line"></div>
<li>
<span>2</span>
选择区域
</li>
<div class="line"></div>
<li>
<span>3</span>
预约时间
</li>
<div class="line"></div>
<li class="active">
<span>4</span>
预约结果
</li>
</ul>
</div>
<div class="result_details contentBox">
<blockquote class="layui-elem-quote">
<ul>
<div class="central_area">
<div class="appointment_notice contentBox">
<ul class="app_progress">
<li>
<span>1</span>
预约须知
</li>
<div class="line"></div>
<li>
<span>预约成功！您的预约号：</span>
<p>20201019001104</p>
<span>2</span>
选择区域
</li>
<div class="line"></div>
<li>
<span>3</span>
预约时间
</li>
<div class="line"></div>
<li class="active">
<span>4</span>
预约结果
</li>
<li>请记录下您的预约号，以便后续的预约服务。</li>
</ul>
</blockquote>
</div>
<div class="site-title">
<fieldset>
<legend>
<a href="" name="fieldset">
预约信息
</a>
</legend>
</fieldset>
</div>
<!-- ------------------------------------预约列表信息---------------------------------------------- -->
<div class="contentBox">
<ul class="result_details_list">
<li>
<span>姓名</span>
<p>任超</p>
</li>
<li>
<span>身份证号</span>
<p>61012419930918119</p>
</li>
<li>
<span>联系电话</span>
<p>1988405632</p>
</li>
<li>
<span>办事大厅</span>
<p>米香园办事大厅</p>
</li>
<li>
<span>办理业务类型</span>
<p>二手房交易</p>
</li>
<li>
<span>预约时间</span>
<p>2020-02-03</p>
</li>
<li>
<span>预约号</span>
<p>20202222</p>
</li>
<li>
<span>状态</span>
<p class="success">成功</p>
</li>
</ul>
</div>
<div class="result_details contentBox">
<blockquote class="layui-elem-quote">
<ul>
<li>
<span>预约成功！您的预约号：</span>
<p>20201019001104</p>
</li>
<li>请记录下您的预约号，以便后续的预约服务。</li>
</ul>
</blockquote>
</div>
<div class="site-title">
<fieldset>
<legend>
<a href="" name="fieldset">
预约信息
</a>
</legend>
</fieldset>
</div>
<!-- ------------------------------------预约列表信息---------------------------------------------- -->
<div class="contentBox">
<ul class="result_details_list">
<li>
<span>姓名</span>
<p>任超</p>
</li>
<li>
<span>身份证号</span>
<p>61012419930918119</p>
</li>
<li>
<span>联系电话</span>
<p>1988405632</p>
</li>
<li>
<span>办事大厅</span>
<p>米香园办事大厅</p>
</li>
<li>
<span>办理业务类型</span>
<p>二手房交易</p>
</li>
<li>
<span>预约时间</span>
<p>2020-02-03</p>
</li>
<li>
<span>预约号</span>
<p>20202222</p>
</li>
<li>
<span>状态</span>
<p class="success">成功</p>
</li>
</ul>
</div>
</div>
<!-- ---------------------------------------------------------------------------------------------- -->
<!-- ----------------------------------内容模块的end----------------------------------------------- -->
<div class="footer">
<div class="system_service">
......
.central_area {
min-height:calc(100vh - 227px);
}
.yysj_main .navigation .layui-nav-item{
width: 133px;
}
......
......@@ -73,107 +73,109 @@
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="appointment_notice contentBox">
<ul class="app_progress">
<li>
<span>1</span>
预约须知
</li>
<div class="line"></div>
<li>
<span>2</span>
选择区域
</li>
<div class="line"></div>
<li class="active">
<span>3</span>
预约时间
</li>
<div class="line"></div>
<li>
<span>4</span>
预约结果
</li>
</ul>
</div>
<div class="appoint_time">
<div class="swiper-container">
<div class="swiper-wrapper" id="swiperDate"></div>
<div class="central_area">
<div class="appointment_notice contentBox">
<ul class="app_progress">
<li>
<span>1</span>
预约须知
</li>
<div class="line"></div>
<li>
<span>2</span>
选择区域
</li>
<div class="line"></div>
<li class="active">
<span>3</span>
预约时间
</li>
<div class="line"></div>
<li>
<span>4</span>
预约结果
</li>
</ul>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- ----------------------------------业务选择start----------------------------------------------- -->
<div class="business_choice contentBox">
<div class="title">
<h2>选择业务</h2>
<p>(请选择您要办理的业务)</p>
<div class="appoint_time">
<div class="swiper-container">
<div class="swiper-wrapper" id="swiperDate"></div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="site-title">
<fieldset>
<legend>
<a href="" name="fieldset">
国有房屋
<!-- ----------------------------------业务选择start----------------------------------------------- -->
<div class="business_choice contentBox">
<div class="title">
<h2>选择业务</h2>
<p>(请选择您要办理的业务)</p>
</div>
<div class="site-title">
<fieldset>
<legend>
<a href="" name="fieldset">
国有房屋
</a>
</legend>
</fieldset>
</div>
<ul class="business_list">
<li>
<a title="二手房转移登记">
二手房转移登记
</a>
</li>
<li>
<a title="有证房抵押首次登记">
有证房抵押首次登记/注销登记
</a>
</li>
<li>
<a title="解封登记">
查封/解封登记
</a>
</li>
<li>
<a title="解封登记">
查封/解封登记
</a>
</li>
<li>
<a title="证房抵押首次登记">
证房抵押首次登记/注销登记
</a>
</li>
<li>
<a title="二手房转移登记">
二手房转移登记
</a>
</legend>
</fieldset>
</li>
</ul>
</div>
<ul class="business_list">
<li>
<a title="二手房转移登记">
二手房转移登记
</a>
</li>
<li>
<a title="有证房抵押首次登记">
有证房抵押首次登记/注销登记
</a>
</li>
<li>
<a title="解封登记">
查封/解封登记
</a>
</li>
<li>
<a title="解封登记">
查封/解封登记
</a>
</li>
<li>
<a title="证房抵押首次登记">
证房抵押首次登记/注销登记
<div class="layui-anim layui_anim_list" data-anim="layui-anim-scale">
<h2>
<i class="layui-icon layui-icon-close" onclick="modleClose()"></i>
</h2>
<ul class="content_box">
<li id="view"></li>
<li id="view1"></li>
</ul>
</div>
<div class="layui_anim_content"></div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="../xxqu/index.html" title="上一步">
上一步
</a>
</li>
<li>
<a title="二手房转移登记">
二手房转移登记
</button>
<button type="button" class="layui-btn layui-btn-normal nextButton">
<a title="下一步">
下一步
</a>
</li>
</ul>
</div>
<div class="layui-anim layui_anim_list" data-anim="layui-anim-scale">
<h2>
<i class="layui-icon layui-icon-close" onclick="modleClose()"></i>
</h2>
<ul class="content_box">
<li id="view"></li>
<li id="view1"></li>
</ul>
</div>
<div class="layui_anim_content"></div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="../xxqu/index.html" title="上一步">
上一步
</a>
</button>
<button type="button" class="layui-btn layui-btn-normal nextButton">
<a title="下一步">
下一步
</a>
</button>
</button>
</div>
</div>
<!-- ----------------------------------内容模块的end----------------------------------------------- -->
<div class="footer">
......