浏览代码

增加二维码弹窗内容

outaozhen 5 年之前
父节点
当前提交
f79c186362
共有 5 个文件被更改,包括 77 次插入3 次删除
  1. 50 0
      css/global.css
  2. 二进制
      css/pageimg.png
  3. 二进制
      images/xiami.jpg
  4. 17 3
      login.html
  5. 10 0
      successMobile.html

+ 50 - 0
css/global.css

@@ -545,6 +545,12 @@ table th[class*="col-"] {
 .listItem .entry .qyimg{
   background-position:0px -191px
 }
+.listItem .entry .jianzuimg{
+  background-position:-315px -191px
+}
+.listItem .entry .yhyunimg{
+  background-position:0px -330px
+}
 .listItem .entry .links{
   color:#999;
   text-align:center
@@ -1060,3 +1066,47 @@ table th[class*="col-"] {
   color: #3366cc;
   font-weight: bold;
 }
+.bgBlack{
+  position:absolute;
+  top:0;
+  width:100%;
+  height:100%;
+  background-color: rgba(0,0,0,0.6);
+}
+.popupCon{
+  width:600px;
+  margin-top: 150px;
+  background:#fff;
+}
+.erweima{
+  width:600px;
+  text-align: center;
+  padding-top: 30px;
+}
+.popupText{
+  width:600px;
+  text-align: center;
+  font-size: 14px;
+  padding-bottom: 15px;
+  color: #999;
+}
+.popupTextB{
+  padding-top: 10px;
+  font-size: 20px;
+  color: #333;
+}
+.popupBtn{
+  background: #1ABC9C;
+  color: #fff;
+  border:1px solid #1ABC9C;
+  padding:10px 25px;
+  margin-bottom: 35px;
+}
+.popupBtn:hover{
+  background: #48C9B0;
+  border:1px solid #48C9B0;
+}
+.popupBtn:active{
+  background: #16A085;
+  border:1px solid #16A085;
+}

二进制
css/pageimg.png


二进制
images/xiami.jpg


+ 17 - 3
login.html

@@ -59,17 +59,31 @@
 		<h2 class="proTitle"></h2>
 		<div class="listItem clearfix">
 			<div class="entry">
-				<div class="eImg zhzdimg"></div>
-				<div class="links"><a href="http://zhzdwd.com" target="_blank">问答</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://zhzdwk.com" target="_blank">文库</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://zhzdjg.com" target="_blank">价格信息</a></div>
+				<div class="eImg jianzuimg"></div>
+				<div class="links"><a href="https://yun.smartcost.com.cn/login" target="_blank">立即登录大司空市政房建云计价</a></a></div>
+			</div>
+			<div class="entry">
+				<div class="eImg yhyunimg"></div>
+				<div class="links"><a href="https://yhyun.smartcost.com.cn/login" target="_blank">立即登录纵横公路养护云造价</a></a></div>
 			</div>
 			<div class="entry">
 				<div class="eImg wsoftimg"></div>
 				<div class="links"><a href="http://websoft.smartcost.com.cn" target="_blank">立即下载免费网络版</a></a></div>
 			</div>
-			<div class="entry">
+			<!-- <div class="entry">
 				<div class="eImg qyimg"></div>
 				<div class="links"><a href="http://qy.smartcost.com.cn" target="_blank">立即登录纵横晴雨表</a></a></div>
+			</div> -->
+		</div>
+		<div class="listItem clearfix" style="margin-top:40px;">
+			<div class="entry">
+				<div class="eImg zhzdimg"></div>
+				<div class="links"><a href="http://zhzdwd.com" target="_blank">问答</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://zhzdwk.com" target="_blank">文库</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://zhzdjg.com" target="_blank">价格信息</a></div>
 			</div>
+			<!-- <div class="entry">
+				<div class="eImg qyimg"></div>
+				<div class="links"><a href="http://qy.smartcost.com.cn" target="_blank">立即登录纵横晴雨表</a></a></div>
+			</div> -->
 		</div>
 	</div>
 </div>

+ 10 - 0
successMobile.html

@@ -55,4 +55,14 @@
 		<p>Copyright &copy; 2012 <a target="_blank" href="http://smartcost.com.cn">纵横创新软件有限公司</a>. All Rights Reserved </p>
 	</div>
 </div>
+
+<div class="bgBlack">
+	<div class="width950 popupCon">
+		<div class="erweima"><img src="images/xiami.jpg"></div>
+		<p class="popupText popupTextB">关注纵横微信公众号</p>
+		<p class="popupText">免费了解更多计量支付、市政房建等工程造价资讯</p>
+		<div class="erweima"><button class="popupBtn">好的</button></div>
+	</div>
+		
+</div>
 </body>