Przeglądaj źródła

产品下载页面排版

luyanan 8 lat temu
rodzic
commit
4c65ba958f

+ 7 - 6
src/main/webapp/css/common.css

@ -91,20 +91,21 @@ url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
91 91
#footer .beianbox{position: absolute;overflow:hidden;color: #fff;text-decoration:none;}
92 92
#footer .beianbox:hover{text-decoration: underline;}
93 93
#footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background:url(../images/beian.png) center center no-repeat; background-size:100% 100%;}
94

95
.appstore{color: #696969;text-align: center;margin:40px auto;position:relative;}
96
.kexiu_logo{width:980px; position:relative;}
94
/*产品下载  */
95
.appstore{width:1000px;color: #696969;text-align: center;margin:40px auto;position:relative;}
96
.kexiu_logo{margin: 0 20px; position: relative;text-align: left;}
97 97
.kexiu_logo img{ width:300px;}
98
.appstore .computer-image {margin:30px auto 0;width:800px;height:470px; background: url(../images/download_windows.png) center center no-repeat;background-size:100% 100%;}
98
.appstoreBody{margin:20px 0;}
99
.appstore .computer-image {width:700px;height:510px; background: url(../images/download_windows.png) center center no-repeat;background-size:100% 100%;}
99 100
.appstore .subhead{font-size: 16px;line-height: 40px;color: #888;}
100 101
.downloadBox{}
101 102
.downloadBtn{position:relative;display: inline-block;vertical-align: middle;margin:30px auto 10px;overflow:hidden;}
102
.downloadBtn .download-btn {position: relative; margin: 10px;border: 1px solid #999;border-radius: 6px;padding: 10px 30px;color: #666;line-height: 46px;font-size: 16px;display: block;width: 240px;height: 70px;}
103
.downloadBtn .download-btn {position: relative;margin: 20px 10px;border: 1px solid #999;border-radius: 6px;padding: 10px 30px;color: #666;line-height: 46px;font-size: 16px;display: block;width: 240px;height: 70px;}
103 104
.downloadBtn .download-btn:first-child:hover{ background:#f3f3f3;}
104 105
.downloadBtn .download-btn .app-android-icon, .downloadBtn .download-btn .app-ios-icon {float: left;display: block;width: 39px;height: 47px;margin-right: 10px;background: url(../images/app-icons.png) no-repeat;}
105 106
.downloadBtn .download-btn .app-android-icon { background-position: 0 -60px;}
106 107
.appcodeBox{ text-align:center;}
107
.app_code{width:164px; height:164px; margin:0 20px;}
108
.app_code{width:240px; height:240px; margin:10px 20px 0;}
108 109

109 110

110 111
/*------------------------------------------------------------------------------------*/

+ 20 - 19
src/main/webapp/download.html

@ -49,26 +49,27 @@
49 49
  			<img src="../images/logo3.png">
50 50
  		</div>
51 51
  		<!--<p class="subhead">免费下科袖APP,随时随地浏览专家,关注行业动态。(如未开始下载,<a title="立即下载" style="color:#ff9900;" href="">请点击此处</a>)</p>-->
52
    	<div class="computer-image"></div>
53
        <div class="downloadBox">
54
            <div class="downloadBtn">
55
                 <div class="floatL" style="margin: 0 10px;">
56
                    <a class="download-btn" href="http://www.ekexiu.com:81/download/com.ekexiu.app_V1.0.0.apk">
57
                        <span class="app-android-icon"></span>
58
                        <span class="download-btn-text">下载Android版</span>
59
                    </a>
60
                    <a class="download-btn" href="">
61
                        <span class="app-ios-icon"></span>
62
                        <span class="download-btn-text" style="line-height:24px;position:absolute; top:12px;left:80px;color:#888;">iPhone版即将上线<p>敬请期待!</p></span><!--下载iPhone版-->
63
                    </a>
64
                </div>
65
                <div class="appcodeBox floatR">
66
                    <img class="app_code" src="images/app_android_code.jpg"  />
67
                    <p>扫描二维码下载APP</p>
68
                </div>
69
            </div>
52
    	<div class="appstoreBody clearfix">
53
	    	<div class="computer-image floatL"></div>
54
	        <div class="downloadBox floatR">
55
	            <div class="downloadBtn">
56
	                 <div style="margin: 0 10px;">
57
	                    <a class="download-btn" href="http://www.ekexiu.com:81/download/com.ekexiu.app_V1.0.0.apk">
58
	                        <span class="app-android-icon"></span>
59
	                        <span class="download-btn-text">下载Android版</span>
60
	                    </a>
61
	                    <a class="download-btn" href="">
62
	                        <span class="app-ios-icon"></span>
63
	                        <span class="download-btn-text" style="line-height:24px;position:absolute; top:12px;left:80px;color:#888;">iPhone版即将上线<p>敬请期待!</p></span><!--下载iPhone版-->
64
	                    </a>
65
	                </div>
66
	                <div class="appcodeBox">
67
	                    <img class="app_code" src="images/app_android_code.jpg"  />
68
	                    <p>扫描二维码下载APP</p>
69
	                </div>
70
	            </div>
71
	        </div>
70 72
        </div>
71
        
72 73
	</div>
73 74

74 75
</div>

BIN
src/main/webapp/images/download_windows.png