Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 468 Releases 0 Wiki
Browse Source

弹框样式，调整z-index

luyanan 7 years ago
parent
e1e912272f
commit
a0cec5bf4a
6 changed files with 92 additions and 92 deletions
Split View Show Diff Stats
  1. 21 21
      articalIssue.html
  2. 21 21
      articalModify.html
  3. 21 21
      cmp-portal/articalIssue.html
  4. 21 21
      cmp-portal/articalModify.html
  5. 6 6
      cmp-portal/css/cmpindex.css
  6. 2 2
      cmp-portal/css/common.css

+ 21 - 21
articalIssue.html
View File 

@ -18,31 +18,31 @@
18 18 
	<script src="js/header.js"></script>
19 19 
</header>
20 20 
<!--定时发布弹框-->
21 
<div class="blackcover2">
22 
	<div class="setTimeBlock modelContain">
23 
		<span class="mb_tit">提示</span>
24 
		<a class="mb_close"></a>
25 
		<div class="mb_msg">
26 
			<p style="margin: 10px;">请设置文章发布的时间：</p>
27 
			        <div class="formTime">
28 
			        <!--<div class="form-group">
29 
			            <div class='input-group date' id='datetimepicker6'>
30 
			                <input type='text' class="form-control" />
31 
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
32 
			            </div>
33 
			        </div>-->
34 
			        <div class="form-group">
35 
			             <input size="16" type="text" value="" readonly class="form-control form_datetime">
36 
			        </div>
37 
			</div>
38 
		</div>
39 
		<div class="mb_btnbox">
40 
			<input class="mb_btn mb_btnOk" type="button" value="确定">
41 
			<input class="mb_btn mb_btnNo" type="button" value="取消">
21 
<div class="blackcover2"></div>
22 
<div class="setTimeBlock modelContain">
23 
	<span class="mb_tit">提示</span>
24 
	<a class="mb_close"></a>
25 
	<div class="mb_msg">
26 
		<p style="margin: 10px;">请设置文章发布的时间：</p>
27 
		        <div class="formTime">
28 
		        <!--<div class="form-group">
29 
		            <div class='input-group date' id='datetimepicker6'>
30 
		                <input type='text' class="form-control" />
31 
		                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
32 
		            </div>
33 
		        </div>-->
34 
		        <div class="form-group">
35 
		             <input size="16" type="text" value="" readonly class="form-control form_datetime">
36 
		        </div>
42 37 
		</div>
43 38 
	</div>
39 
	<div class="mb_btnbox">
40 
		<input class="mb_btn mb_btnOk" type="button" value="确定">
41 
		<input class="mb_btn mb_btnNo" type="button" value="取消">
42 
	</div>
44 43 
</div>
45 44
45
46 46 
<input type="hidden" id="hidearticleId" value="" />
47 47 
<div id="container">
48 48 
	<div class="containerCon">

+ 21 - 21
articalModify.html
View File 

@ -22,30 +22,30 @@
22 22 
	<script src="js/header.js"></script>
23 23 
</header>
24 24 
<!--定时发布弹框-->
25 
<div class="blackcover2">
26 
	<div class="setTimeBlock modelContain">
27 
		<span class="mb_tit">提示</span>
28 
		<a class="mb_close"></a>
29 
		<div class="mb_msg">
30 
			<p style="margin: 10px;">请设置文章发布的时间：</p>
31 
			        <div class="formTime">
32 
			        <!--<div class="form-group">
33 
			            <div class='input-group date' id='datetimepicker6'>
34 
			                <input type='text' class="form-control" />
35 
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
36 
			            </div>
37 
			        </div>-->
38 
			        <div class="form-group">
39 
			             <input size="16" type="text" value="" readonly class="form-control form_datetime">
40 
			        </div>
41 
			</div>
42 
		</div>
43 
		<div class="mb_btnbox">
44 
			<input class="mb_btn mb_btnOk" type="button" value="确定">
45 
			<input class="mb_btn mb_btnNo" type="button" value="取消">
25 
<div class="blackcover2"></div>
26 
<div class="setTimeBlock modelContain">
27 
	<span class="mb_tit">提示</span>
28 
	<a class="mb_close"></a>
29 
	<div class="mb_msg">
30 
		<p style="margin: 10px;">请设置文章发布的时间：</p>
31 
		        <div class="formTime">
32 
		        <!--<div class="form-group">
33 
		            <div class='input-group date' id='datetimepicker6'>
34 
		                <input type='text' class="form-control" />
35 
		                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
36 
		            </div>
37 
		        </div>-->
38 
		        <div class="form-group">
39 
		             <input size="16" type="text" value="" readonly class="form-control form_datetime">
40 
		        </div>
46 41 
		</div>
47 42 
	</div>
43 
	<div class="mb_btnbox">
44 
		<input class="mb_btn mb_btnOk" type="button" value="确定">
45 
		<input class="mb_btn mb_btnNo" type="button" value="取消">
46 
	</div>
48 47 
</div>
48
49 49 
<div id="container">
50 50 
	<div class="containerCon">
51 51 
		<div class="contentCon clearfix conBlock">

+ 21 - 21
cmp-portal/articalIssue.html
View File 

@ -17,31 +17,31 @@
17 17 
	<script src="js/public/cmpHeader.js"></script>
18 18 
</header>
19 19 
<!--定时发布弹框-->
20 
<div class="blackcover2">
21 
	<div class="setTimeBlock modelContain">
22 
		<span class="mb_tit">提示</span>
23 
		<a class="mb_close"></a>
24 
		<div class="mb_msg">
25 
			<p style="margin: 10px;">请设置文章发布的时间：</p>
26 
			        <div class="formTime">
27 
			        <!--<div class="form-group">
28 
			            <div class='input-group date' id='datetimepicker6'>
29 
			                <input type='text' class="form-control" />
30 
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
31 
			            </div>
32 
			        </div>-->
33 
			        <div class="form-group">
34 
			             <input size="16" type="text" value="" readonly class="form-control form_datetime">
35 
			        </div>
36 
			</div>
37 
		</div>
38 
		<div class="mb_btnbox">
39 
			<input class="mb_btn mb_btnOk" type="button" value="确定">
40 
			<input class="mb_btn mb_btnNo" type="button" value="取消">
20 
<div class="blackcover2"></div>
21 
<div class="setTimeBlock modelContain">
22 
	<span class="mb_tit">提示</span>
23 
	<a class="mb_close"></a>
24 
	<div class="mb_msg">
25 
		<p style="margin: 10px;">请设置文章发布的时间：</p>
26 
		        <div class="formTime">
27 
		        <!--<div class="form-group">
28 
		            <div class='input-group date' id='datetimepicker6'>
29 
		                <input type='text' class="form-control" />
30 
		                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
31 
		            </div>
32 
		        </div>-->
33 
		        <div class="form-group">
34 
		             <input size="16" type="text" value="" readonly class="form-control form_datetime">
35 
		        </div>
41 36 
		</div>
42 37 
	</div>
38 
	<div class="mb_btnbox">
39 
		<input class="mb_btn mb_btnOk" type="button" value="确定">
40 
		<input class="mb_btn mb_btnNo" type="button" value="取消">
41 
	</div>
43 42 
</div>
44 43
44
45 45 
<input type="hidden" id="hidearticleId" value="" />
46 46 
<div id="container">
47 47 
	<div class="containerCon">

+ 21 - 21
cmp-portal/articalModify.html
View File 

@ -21,30 +21,30 @@
21 21 
	<script src="js/public/cmpHeader.js"></script>
22 22 
</header>
23 23 
<!--定时发布弹框-->
24 
<div class="blackcover2">
25 
	<div class="setTimeBlock modelContain">
26 
		<span class="mb_tit">提示</span>
27 
		<a class="mb_close"></a>
28 
		<div class="mb_msg">
29 
			<p style="margin: 10px;">请设置文章发布的时间：</p>
30 
			        <div class="formTime">
31 
			        <!--<div class="form-group">
32 
			            <div class='input-group date' id='datetimepicker6'>
33 
			                <input type='text' class="form-control" />
34 
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
35 
			            </div>
36 
			        </div>-->
37 
			        <div class="form-group">
38 
			             <input size="16" type="text" value="" readonly class="form-control form_datetime">
39 
			        </div>
40 
			</div>
41 
		</div>
42 
		<div class="mb_btnbox">
43 
			<input class="mb_btn mb_btnOk" type="button" value="确定">
44 
			<input class="mb_btn mb_btnNo" type="button" value="取消">
24 
<div class="blackcover2"></div>
25 
<div class="setTimeBlock modelContain">
26 
	<span class="mb_tit">提示</span>
27 
	<a class="mb_close"></a>
28 
	<div class="mb_msg">
29 
		<p style="margin: 10px;">请设置文章发布的时间：</p>
30 
		        <div class="formTime">
31 
		        <!--<div class="form-group">
32 
		            <div class='input-group date' id='datetimepicker6'>
33 
		                <input type='text' class="form-control" />
34 
		                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
35 
		            </div>
36 
		        </div>-->
37 
		        <div class="form-group">
38 
		             <input size="16" type="text" value="" readonly class="form-control form_datetime">
39 
		        </div>
45 40 
		</div>
46 41 
	</div>
42 
	<div class="mb_btnbox">
43 
		<input class="mb_btn mb_btnOk" type="button" value="确定">
44 
		<input class="mb_btn mb_btnNo" type="button" value="取消">
45 
	</div>
47 46 
</div>
47
48 48 
<div id="container">
49 49 
	<div class="containerCon">
50 50 
		<div class="contentCon clearfix conBlock" style="padding-top:20px">

+ 6 - 6
cmp-portal/css/cmpindex.css
View File 

@ -432,12 +432,12 @@ ul.tagList>li .h2Font{color:#666}
432 432
433 433 
/*定时发送时间选择器*/
434 434 
.blackcover2{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.5);z-index: 1050;}
435 
.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056;
436 
 		 box-shadow: 2px 4px 10px 4px #555;
437 
  -webkit-box-shadow: 2px 4px 10px 4px #555;}
438 
.modelContain:before,.modelContain:after{display:table;content:" "}
439 
.modelContain:after{clear: both;}
440 
.modelOpen{overflow: hidden;}
435 
/*.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056;
436 
 		 box-shadow: 2px 4px 10px 4px #555;
437 
  -webkit-box-shadow: 2px 4px 10px 4px #555;}*/
438 
/*.modelContain:before,.modelContain:after{display:table;content:" "}
439 
.modelContain:after{clear: both;}
440 
.modelOpen{overflow: hidden;}*/
441 441 
.setTimeBlock{z-index: 999999; width: 400px; position: fixed; background-color: white; border-radius: 6px; box-shadow: rgb(102, 102, 102) 1px 1px 20px 4px;top:50%;left:50%;margin:-167px 0 0 -200px;}
442 442 
.setTimeBlock .mb_tit{display: block; font-size: 18px; color: rgb(255, 255, 255); background-color:#28b8fa; line-height: 60px; text-align: center; border-radius: 6px 6px 0 0; }
443 443 
.setTimeBlock .mb_close{display: block; position: absolute; right: 20px; top: 18px; background: url(../../images/sign_icon_guanbi_nor.png) center center no-repeat; width: 20px; height: 20px; cursor: pointer;}

+ 2 - 2
cmp-portal/css/common.css
View File 

@ -574,8 +574,8 @@ button.btnModelBig:hover{
574 574 
.cmpBorder{border-color:#28b8fa;}
575 575
576 576 
/*弹出模态框*/
577 
.blackcover{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.6);z-index: 1000;}
578 
.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056;
577 
.blackcover{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.6);z-index: 1004;}
578 
.modelContain{display:none;position:relative;clear:both;top:20%;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056;
579 579 
 		 box-shadow: 2px 4px 10px 4px #555;
580 580 
  -webkit-box-shadow: 2px 4px 10px 4px #555;}
581 581 
.modelContain:before,.modelContain:after{display:table;content:" "}