Browse Source

未登录状态,点击【咨询】模块,注册/登录页面,样式调整

luyanan 8 years ago
parent
commit
3570ab5e38
5 changed files with 31 additions and 55 deletions
  1. 5 3
      app/css/app.css
  2. 13 39
      app/html/consultlist.html
  3. 1 1
      app/html/defaultPage.html
  4. 12 12
      app/html/index_home.html
  5. BIN
      app/images/nodata.png

+ 5 - 3
app/css/app.css

@ -534,10 +534,12 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
534 534
/***********************缺省页面*******************/
535 535
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
536 536
.nodatabox .picbox{width: 40%;margin: auto;}
537
.nodatabox .picbox .defpic{width:100%;}
538
.nodatabox .txtbox { margin:10px 0;}
537
.nodatabox .picbox .defpic{display:block;margin:auto;width:160px; height: 160px;background: url(../images/nodata.png);}
538
.nodatabox .picbox .defpic.consult-pic{background-position: -232px -1320px;}/*咨询页面未登录*/
539
540
.nodatabox .txtbox { margin:40px 0 10px 0;}
539 541
.nodatabox .txtbox .currword{font-size: 14px;color: #999999;line-height: 14px;}
540
.nodatabox .txtbox .currtip{ font-size:12px;color: #AAAAAA;}
542
.nodatabox .txtbox .currtip{ font-size:13px;color: #AAAAAA;}
541 543
.nodatabox .txtbox .keyword{ padding:0 6px;}
542 544
/***********************缺省页面*******************/
543 545

+ 13 - 39
app/html/consultlist.html

@ -75,35 +75,7 @@
75 75
    		width: 100%;
76 76
    		height: 100%;
77 77
    	}
78
    	
79
    	/*登陆科袖样式*/
80
    	.logintext {
81
    		text-align: center;
82
    		font-size: 20px;
83
    		color: :#333;
84
    	}
85
    	
86
    	.desc {
87
    		text-align: center;
88
    		font-size: 20px;
89
    		color:#ccc;
90
    	}
91
    	/*按钮*/
92
    	.frmbox .btn {
93
    		margin:4% auto;
94
    		line-height:24px;
95
    		padding:1% 2%;
96
    		border-radius:6px;
97
    		border:1px solid #FF9900;
98
    	}
99
    	.frmbox .regBtn {
100
    		color: #fff;
101
    		background: #FF9900;
102
    	}
103
    	.frmbox .logBtn {
104
    		color: #FF9900;
105
    	}
106
    	
78
107 79
    	
108 80
    	html,
109 81
			body {
@ -381,16 +353,18 @@
381 353
	
382 354
	<!--未登录或者未注册时咨询主页面-->
383 355
	<div class="mui-content" id="unlogin">
384
		<div class="imgdiv">
385
			<img class="chat" src="../images/chat.png"/>
386
		</div>
387
		<p class="logintext">登录科袖</p>
388
        <p class="desc">随时和专家沟通,掌握最新动态</p>
389
		<p class="desc">接收咨询通知</p>
390
		
391
		<div class="mui-content-padded frmbox" style="margin-top: 20%;">
392
			<button  class="mui-btn mui-btn-block btn regBtn" id="regBtn">注&nbsp;册</button>
393
			<button  class="mui-btn mui-btn-block btn mui-btn-outlined logBtn" id="logBtn">登&nbsp;录</button>
356
		<div class="nodatabox">
357
	        <div class="nodata">
358
	            <div class="picbox"><span class="defpic consult-pic"></span></div>
359
	            <div class="txtbox">
360
	            	<p class="currword" style="color:#ff9900;font-weight: bold;">登录科袖</p>
361
	                <p class="currtip">随时和专家沟通,掌握最新动态</p>
362
	            </div>
363
	        </div>
364
	   </div>
365
		<div class="mui-content-padded frmbox">
366
			<button id='logBtn' class="mui-btn mui-btn-block frmbtn frmactive" style="width: 86%;" >登&nbsp;录</button>
367
			<button id='regBtn' class="mui-btn mui-btn-block mui-btn-outlined frmbtn" style="width: 86%;" >注&nbsp;册</button>
394 368
		</div>
395 369
    </div>
396 370
	

+ 1 - 1
app/html/defaultPage.html

@ -21,7 +21,7 @@
21 21
    	<!-- 主界面具体展示内容 -->
22 22
    	<div class="nodatabox">
23 23
	        <div class="nodata">
24
	            <div class="picbox"><img class="defpic" src="../images/catmao.jpg"/></div>
24
	            <div class="picbox"><span class="defpic"></span></div>
25 25
	            <div class="txtbox">
26 26
	            	<p class="currword">抱歉!没找到与<span class="keyword">“路”</span>相匹配的内容。</p>
27 27
	                <p class="currtip">请重新修改搜索关键字、或筛选条件后再进行搜索</p>

+ 12 - 12
app/html/index_home.html

@ -26,37 +26,37 @@
26 26
            <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
27 27
            <div class="mui-slider-item mui-slider-item-duplicate">
28 28
              <a >
29
                 <img src="../images/4.jpg">
29
                 <img src="../images/banner/4.jpg">
30 30
              </a>
31 31
            </div>
32 32
            <!-- 第一张 -->
33 33
            <div class="mui-slider-item">
34 34
              <a >
35
                 <img src="../images/1.jpg">
35
                 <img src="../images/banner/1.jpg">
36 36
              </a>
37 37
            </div>
38 38
            <!-- 第二张 -->
39 39
            <div class="mui-slider-item">
40 40
              <a >
41
                 <img src="../images/2.jpg">
41
                 <img src="../images/banner/2.jpg">
42 42
              </a>
43 43
            </div>
44 44
            <!-- 第三张 -->
45 45
            <div class="mui-slider-item">
46 46
              <a >
47
                 <img src="../images/3.jpg">
47
                 <img src="../images/banner/3.jpg">
48 48
              </a>
49 49
            </div>
50 50
            <!-- 第四张 -->
51 51
            <div class="mui-slider-item">
52 52
              <a >
53
                 <img src="../images/4.jpg">
53
                 <img src="../images/banner/4.jpg">
54 54
              </a>
55 55
            </div>
56 56
            <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
57 57
            <div class="mui-slider-item mui-slider-item-duplicate">
58 58
              <a >
59
                 <img src="../images/1.jpg">
59
                 <img src="../images/banner/1.jpg">
60 60
              </a>
61 61
            </div>
62 62
          </div>
@ -76,7 +76,7 @@
76 76
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料失效与保护">
77 77
		            <a >
78 78
		                <div class="fieldicon">
79
		                	<img src="../images/field05.png"/>
79
		                	<img src="../images/field_icon/field05.png"/>
80 80
		                </div>
81 81
		                <div class="mui-media-body">材料失效与保护</div>
82 82
		            </a>
@ -84,7 +84,7 @@
84 84
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料表面与界面">
85 85
		            <a >
86 86
		                <div class="fieldicon">
87
		                	<img src="../images/field02.png"/>
87
		                	<img src="../images/field_icon/field02.png"/>
88 88
		                </div>
89 89
		                <div class="mui-media-body">材料表面与界面</div>
90 90
		            </a>
@ -92,7 +92,7 @@
92 92
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="黑色金属及其合金">
93 93
		            <a >
94 94
		                <div class="fieldicon">
95
		                	<img src="../images/field07.png"/>
95
		                	<img src="../images/field_icon/field07.png"/>
96 96
		                </div>
97 97
		                <div class="mui-media-body">黑色金属及其合金</div>
98 98
		            </a>
@ -100,7 +100,7 @@
100 100
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="金属材料">
101 101
		            <a >
102 102
		                <div class="fieldicon">
103
		                	<img src="../images/field18.png"/>
103
		                	<img src="../images/field_icon/field18.png"/>
104 104
		                </div>
105 105
		                <div class="mui-media-body">金属材料</div>
106 106
		            </a>
@ -108,7 +108,7 @@
108 108
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="有色金属及其合金">
109 109
		            <a >
110 110
		                <div class="fieldicon">
111
		                	<img src="../images/field04.png"/>
111
		                	<img src="../images/field_icon/field04.png"/>
112 112
		                </div>
113 113
		                <div class="mui-media-body">有色金属及其合金</div>
114 114
		            </a>
@ -116,7 +116,7 @@
116 116
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料检测与分析技术">
117 117
		            <a >
118 118
		                <div class="fieldicon">
119
		                	<img src="../images/field16.png"/>
119
		                	<img src="../images/field_icon/field16.png"/>
120 120
		                </div>
121 121
		                <div class="mui-media-body">材料检测与分析技术</div>
122 122
		            </a>

BIN
app/images/nodata.png