作者 景龙
1 个管道 的构建 通过 耗费 2 秒

修改个人资料,弹出视频等问题

@@ -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>
@@ -98,8 +98,8 @@ p { @@ -98,8 +98,8 @@ p {
98 width: 80px; 98 width: 80px;
99 z-index: 10; 99 z-index: 10;
100 position: fixed; 100 position: fixed;
101 - right: 30px;  
102 - top: 600px; 101 + right: 2.4%;
  102 + bottom: 6%;
103 } 103 }
104 104
105 .index_sidebar img { 105 .index_sidebar img {
@@ -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