正在显示
6 个修改的文件
包含
43 行增加
和
24 行删除
@@ -857,14 +857,12 @@ | @@ -857,14 +857,12 @@ | ||
857 | <script src="__TMPL__/public/assets/js/public.js"></script> | 857 | <script src="__TMPL__/public/assets/js/public.js"></script> |
858 | <script> | 858 | <script> |
859 | // 弹框视频 | 859 | // 弹框视频 |
860 | - var users = $('#users').val(); | ||
861 | - if(users == 1){ | ||
862 | $('.mask').css('display','block'); | 860 | $('.mask').css('display','block'); |
863 | var video2 = document.getElementById("video2"); //获取ID | 861 | var video2 = document.getElementById("video2"); //获取ID |
864 | console.log(video2); | 862 | console.log(video2); |
865 | $(function() { | 863 | $(function() { |
866 | if (video2.paused) { //判读是否播放 | 864 | if (video2.paused) { //判读是否播放 |
867 | -// video2.paused = false; | 865 | + // video2.paused = false; |
868 | video2.play(); //没有就播放 | 866 | video2.play(); //没有就播放 |
869 | } | 867 | } |
870 | }); | 868 | }); |
@@ -875,7 +873,6 @@ | @@ -875,7 +873,6 @@ | ||
875 | mask.style.display = "none"; | 873 | mask.style.display = "none"; |
876 | video2.pause(); | 874 | video2.pause(); |
877 | }; | 875 | }; |
878 | - } | ||
879 | // 禁止下载 | 876 | // 禁止下载 |
880 | $('video').bind('contextmenu', function() { | 877 | $('video').bind('contextmenu', function() { |
881 | return false; | 878 | return false; |
@@ -19,6 +19,7 @@ | @@ -19,6 +19,7 @@ | ||
19 | <div class="mask"> | 19 | <div class="mask"> |
20 | 20 | ||
21 | </div> | 21 | </div> |
22 | + <div class="info_boxs"> | ||
22 | <div class="personal_center" style="height:273px;"> | 23 | <div class="personal_center" style="height:273px;"> |
23 | <!--頭像--> | 24 | <!--頭像--> |
24 | <div class="personal_center_avatar"> | 25 | <div class="personal_center_avatar"> |
@@ -41,11 +42,14 @@ | @@ -41,11 +42,14 @@ | ||
41 | <span>保存</span> | 42 | <span>保存</span> |
42 | </div> | 43 | </div> |
43 | </div> | 44 | </div> |
44 | - | ||
45 | - </main> | ||
46 | - <div class="Keep" style="margin-top:157px;"> | 45 | + <div class="Keep"> |
47 | Copyright © 2004-2019 独角星球 版权所有 | 46 | Copyright © 2004-2019 独角星球 版权所有 |
48 | </div> | 47 | </div> |
48 | + </div> | ||
49 | + | ||
50 | + | ||
51 | + </main> | ||
52 | + | ||
49 | </body> | 53 | </body> |
50 | </html> | 54 | </html> |
51 | <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> | 55 | <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> |
@@ -19,6 +19,7 @@ | @@ -19,6 +19,7 @@ | ||
19 | <div class="mask"> | 19 | <div class="mask"> |
20 | 20 | ||
21 | </div> | 21 | </div> |
22 | + <div class="info_boxs"> | ||
22 | <div class="personal_center"> | 23 | <div class="personal_center"> |
23 | <!--頭像--> | 24 | <!--頭像--> |
24 | <div class="personal_center_avatar"> | 25 | <div class="personal_center_avatar"> |
@@ -49,12 +50,16 @@ | @@ -49,12 +50,16 @@ | ||
49 | </div> | 50 | </div> |
50 | <span>我的收藏</span> | 51 | <span>我的收藏</span> |
51 | </div> | 52 | </div> |
52 | - </div> | ||
53 | 53 | ||
54 | - </main> | 54 | + </div> |
55 | <div class="Keep"> | 55 | <div class="Keep"> |
56 | Copyright © 2004-2019 独角星球 版权所有 | 56 | Copyright © 2004-2019 独角星球 版权所有 |
57 | </div> | 57 | </div> |
58 | + </div> | ||
59 | + | ||
60 | + | ||
61 | + </main> | ||
62 | + | ||
58 | </body> | 63 | </body> |
59 | </html> | 64 | </html> |
60 | <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> | 65 | <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> |
@@ -79,13 +79,14 @@ body { | @@ -79,13 +79,14 @@ body { | ||
79 | margin: 0 auto; | 79 | margin: 0 auto; |
80 | } | 80 | } |
81 | 81 | ||
82 | -main { | ||
83 | - padding-top: 140px; | ||
84 | - padding-bottom: 100px; | ||
85 | -} | 82 | +/*main {*/ |
83 | + /*padding-top: 140px;*/ | ||
84 | + /*padding-bottom: 100px;*/ | ||
85 | +/*}*/ | ||
86 | 86 | ||
87 | .login { | 87 | .login { |
88 | height: 460px; | 88 | height: 460px; |
89 | + margin-top: 14%; | ||
89 | } | 90 | } |
90 | 91 | ||
91 | /*登陆左边背景*/ | 92 | /*登陆左边背景*/ |
@@ -193,5 +194,8 @@ main { | @@ -193,5 +194,8 @@ main { | ||
193 | .Keep { | 194 | .Keep { |
194 | text-align: center; | 195 | text-align: center; |
195 | color: #FFFEFE; | 196 | color: #FFFEFE; |
196 | - font-synthesis: 16px; | 197 | + margin-top:30px ; |
198 | + font-size: 16px; | ||
199 | + margin-bottom: 20px; | ||
200 | + /*font-synthesis: 16px;*/ | ||
197 | } | 201 | } |
1 | +.info_boxs{ | ||
2 | + position: absolute; | ||
3 | + top:60%; | ||
4 | + left: 50%; | ||
5 | + transform:translate(-50%,-50%); | ||
6 | + -webkit-transform:translate(-50%,-50%); | ||
7 | + -o-transform:translate(-50%,-50%); | ||
8 | + -moz-transform:translate(-50%,-50%); | ||
9 | + -ms-transform:translate(-50%,-50%); | ||
10 | +} | ||
1 | .personal_center { | 11 | .personal_center { |
2 | width: 519px; | 12 | width: 519px; |
3 | - height: 432px; | 13 | + height: 386px; |
4 | background: rgba(255, 255, 255, 1); | 14 | background: rgba(255, 255, 255, 1); |
5 | box-shadow: 0px 32px 36px 2px rgba(0, 0, 0, 0.04); | 15 | box-shadow: 0px 32px 36px 2px rgba(0, 0, 0, 0.04); |
6 | border-radius: 20px; | 16 | border-radius: 20px; |
7 | margin: 0 auto; | 17 | margin: 0 auto; |
8 | - position: relative; | ||
9 | padding: 0 160px; | 18 | padding: 0 160px; |
10 | - padding-top: 116px; | 19 | + padding-top: 94px; |
11 | box-sizing: border-box; | 20 | box-sizing: border-box; |
12 | } | 21 | } |
13 | 22 | ||
14 | .personal_center_avatar { | 23 | .personal_center_avatar { |
15 | - width: 150px; | ||
16 | - height: 150px; | 24 | + width: 140px; |
25 | + height: 140px; | ||
17 | background: #fff; | 26 | background: #fff; |
18 | border-radius: 50%; | 27 | border-radius: 50%; |
19 | top: -75px; | 28 | top: -75px; |
20 | position: absolute; | 29 | position: absolute; |
21 | - left: 185px; | 30 | + left: 191px; |
22 | } | 31 | } |
23 | 32 | ||
24 | .personal_center_avatar img { | 33 | .personal_center_avatar img { |
25 | margin: 5px; | 34 | margin: 5px; |
26 | - width:140px; | ||
27 | - height:140px; | 35 | + width:130px; |
36 | + height:130px; | ||
28 | border-radius:50%; | 37 | border-radius:50%; |
29 | } | 38 | } |
30 | 39 |
-
请 注册 或 登录 后发表评论