正在显示
3 个修改的文件
包含
65 行增加
和
11 行删除
@@ -8,6 +8,10 @@ | @@ -8,6 +8,10 @@ | ||
8 | <link rel="stylesheet" href="/assets/cai/css/picDetail.css"> | 8 | <link rel="stylesheet" href="/assets/cai/css/picDetail.css"> |
9 | <link rel="stylesheet" href="/assets/cai/css/swiper.min.css"> | 9 | <link rel="stylesheet" href="/assets/cai/css/swiper.min.css"> |
10 | <style> | 10 | <style> |
11 | + html, body { | ||
12 | + width: 100%; | ||
13 | + margin:0; | ||
14 | + } | ||
11 | video, img { | 15 | video, img { |
12 | display: block; | 16 | display: block; |
13 | width:100%; | 17 | width:100%; |
@@ -69,11 +73,19 @@ | @@ -69,11 +73,19 @@ | ||
69 | width: 100%; | 73 | width: 100%; |
70 | min-height: 100%; | 74 | min-height: 100%; |
71 | } | 75 | } |
72 | - .browser_open img { | 76 | + .browser_open { |
77 | + position: absolute; | ||
78 | + top: 0; | ||
79 | + background: rgb(51,51,51); | ||
80 | + z-index: 111; | ||
73 | width: 100%; | 81 | width: 100%; |
74 | height: 100%; | 82 | height: 100%; |
75 | font-size: 0; | 83 | font-size: 0; |
76 | } | 84 | } |
85 | + .browser_open img { | ||
86 | + width: 100%; | ||
87 | + font-size: 0; | ||
88 | + } | ||
77 | 89 | ||
78 | </style> | 90 | </style> |
79 | </head> | 91 | </head> |
@@ -153,6 +165,7 @@ | @@ -153,6 +165,7 @@ | ||
153 | </body> | 165 | </body> |
154 | <script src="/assets/cai/js/base.js"></script> | 166 | <script src="/assets/cai/js/base.js"></script> |
155 | <script src="/assets/cai/js/app.js"></script> | 167 | <script src="/assets/cai/js/app.js"></script> |
168 | +<script src="/assets/cai/js/jquery.js"></script> | ||
156 | <script src="/assets/cai/js/swiper.jquery.min.js"></script> | 169 | <script src="/assets/cai/js/swiper.jquery.min.js"></script> |
157 | <script> | 170 | <script> |
158 | window.onload = function() { | 171 | window.onload = function() { |
@@ -161,7 +174,11 @@ | @@ -161,7 +174,11 @@ | ||
161 | }) | 174 | }) |
162 | } | 175 | } |
163 | var browser = "{$browser}"; | 176 | var browser = "{$browser}"; |
164 | - function download() { | 177 | + $('body').click(function () { |
178 | + $('.browser_open').hide(); | ||
179 | + }); | ||
180 | + $('.appPop-main-btn').click(function (e) { | ||
181 | + e.stopPropagation(); | ||
165 | if(browser == 0) { | 182 | if(browser == 0) { |
166 | $('.browser_open').show(); | 183 | $('.browser_open').show(); |
167 | } else if(browser == 3) { | 184 | } else if(browser == 3) { |
@@ -169,7 +186,6 @@ | @@ -169,7 +186,6 @@ | ||
169 | } else { | 186 | } else { |
170 | window.location.href = "{$href}"; | 187 | window.location.href = "{$href}"; |
171 | } | 188 | } |
172 | - } | ||
173 | - | 189 | + }); |
174 | </script> | 190 | </script> |
175 | </html> | 191 | </html> |
@@ -8,11 +8,23 @@ | @@ -8,11 +8,23 @@ | ||
8 | <link rel="stylesheet" href="/assets/cai/css/common.css"> | 8 | <link rel="stylesheet" href="/assets/cai/css/common.css"> |
9 | <link rel="stylesheet" href="/assets/cai/css/file.css"> | 9 | <link rel="stylesheet" href="/assets/cai/css/file.css"> |
10 | <style> | 10 | <style> |
11 | - .browser_open img { | 11 | + html, body { |
12 | + width: 100%; | ||
13 | + margin:0; | ||
14 | + } | ||
15 | + .browser_open { | ||
16 | + position: absolute; | ||
17 | + top: 0; | ||
18 | + background: rgb(51,51,51); | ||
19 | + z-index: 111; | ||
12 | width: 100%; | 20 | width: 100%; |
13 | height: 100%; | 21 | height: 100%; |
14 | font-size: 0; | 22 | font-size: 0; |
15 | } | 23 | } |
24 | + .browser_open img { | ||
25 | + width: 100%; | ||
26 | + font-size: 0; | ||
27 | + } | ||
16 | </style> | 28 | </style> |
17 | </head> | 29 | </head> |
18 | 30 | ||
@@ -126,9 +138,14 @@ | @@ -126,9 +138,14 @@ | ||
126 | </body> | 138 | </body> |
127 | <script src="/assets/cai/js/base.js"></script> | 139 | <script src="/assets/cai/js/base.js"></script> |
128 | <script src="/assets/cai/js/app.js"></script> | 140 | <script src="/assets/cai/js/app.js"></script> |
141 | +<script src="/assets/cai/js/jquery.js"></script> | ||
129 | <script> | 142 | <script> |
130 | var browser = "{$browser}"; | 143 | var browser = "{$browser}"; |
131 | - function download() { | 144 | + $('body').click(function () { |
145 | + $('.browser_open').hide(); | ||
146 | + }); | ||
147 | + $('.appPop-main-btn').click(function (e) { | ||
148 | + e.stopPropagation(); | ||
132 | if(browser == 0) { | 149 | if(browser == 0) { |
133 | $('.browser_open').show(); | 150 | $('.browser_open').show(); |
134 | } else if(browser == 3) { | 151 | } else if(browser == 3) { |
@@ -136,6 +153,6 @@ | @@ -136,6 +153,6 @@ | ||
136 | } else { | 153 | } else { |
137 | window.location.href = "{$href}"; | 154 | window.location.href = "{$href}"; |
138 | } | 155 | } |
139 | - } | 156 | + }); |
140 | </script> | 157 | </script> |
141 | </html> | 158 | </html> |
@@ -9,6 +9,10 @@ | @@ -9,6 +9,10 @@ | ||
9 | 9 | ||
10 | <!-- Demo styles --> | 10 | <!-- Demo styles --> |
11 | <style> | 11 | <style> |
12 | + html, body { | ||
13 | + width: 100%; | ||
14 | + margin:0; | ||
15 | + } | ||
12 | * { | 16 | * { |
13 | margin: 0; | 17 | margin: 0; |
14 | padding: 0; | 18 | padding: 0; |
@@ -23,7 +27,19 @@ | @@ -23,7 +27,19 @@ | ||
23 | width: 100%; | 27 | width: 100%; |
24 | height: auto; | 28 | height: auto; |
25 | } | 29 | } |
26 | - | 30 | + .browser_open { |
31 | + position: absolute; | ||
32 | + top: 0; | ||
33 | + background: rgb(51,51,51); | ||
34 | + z-index: 111; | ||
35 | + width: 100%; | ||
36 | + height: 100%; | ||
37 | + font-size: 0; | ||
38 | + } | ||
39 | + .browser_open img { | ||
40 | + width: 100%; | ||
41 | + font-size: 0; | ||
42 | + } | ||
27 | </style> | 43 | </style> |
28 | </head> | 44 | </head> |
29 | <body> | 45 | <body> |
@@ -48,7 +64,7 @@ | @@ -48,7 +64,7 @@ | ||
48 | <div class="appPop-main-top-text-des">{$data.introduce}</div> | 64 | <div class="appPop-main-top-text-des">{$data.introduce}</div> |
49 | </div> | 65 | </div> |
50 | </div> | 66 | </div> |
51 | - <div class="appPop-main-btn" onclick="download()"> | 67 | + <div class="appPop-main-btn"> |
52 | 下载APP | 68 | 下载APP |
53 | </div> | 69 | </div> |
54 | </div> | 70 | </div> |
@@ -58,6 +74,7 @@ | @@ -58,6 +74,7 @@ | ||
58 | </div> | 74 | </div> |
59 | <script src="/assets/cai/js/base.js"></script> | 75 | <script src="/assets/cai/js/base.js"></script> |
60 | <script src="/assets/cai/js/app.js"></script> | 76 | <script src="/assets/cai/js/app.js"></script> |
77 | +<script src="/assets/cai/js/jquery.js"></script> | ||
61 | <!-- Swiper JS --> | 78 | <!-- Swiper JS --> |
62 | <script src="/assets/cai/js/swiper.min.js"></script> | 79 | <script src="/assets/cai/js/swiper.min.js"></script> |
63 | <!-- Initialize Swiper --> | 80 | <!-- Initialize Swiper --> |
@@ -67,7 +84,11 @@ | @@ -67,7 +84,11 @@ | ||
67 | } | 84 | } |
68 | }); | 85 | }); |
69 | var browser = "{$browser}"; | 86 | var browser = "{$browser}"; |
70 | - function download() { | 87 | + $('body').click(function () { |
88 | + $('.browser_open').hide(); | ||
89 | + }); | ||
90 | + $('.appPop-main-btn').click(function (e) { | ||
91 | + e.stopPropagation(); | ||
71 | if(browser == 0) { | 92 | if(browser == 0) { |
72 | $('.browser_open').show(); | 93 | $('.browser_open').show(); |
73 | } else if(browser == 3) { | 94 | } else if(browser == 3) { |
@@ -75,7 +96,7 @@ | @@ -75,7 +96,7 @@ | ||
75 | } else { | 96 | } else { |
76 | window.location.href = "{$href}"; | 97 | window.location.href = "{$href}"; |
77 | } | 98 | } |
78 | - } | 99 | + }); |
79 | </script> | 100 | </script> |
80 | </body> | 101 | </body> |
81 | </html> | 102 | </html> |
-
请 注册 或 登录 后发表评论