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

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

... ... @@ -857,14 +857,12 @@
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
// 弹框视频
var users = $('#users').val();
if(users == 1){
$('.mask').css('display','block');
var video2 = document.getElementById("video2"); //获取ID 
console.log(video2);
$(function() {
if (video2.paused) { //判读是否播放    
// video2.paused = false;            
// video2.paused = false;            
video2.play(); //没有就播放      
}
});
... ... @@ -875,7 +873,6 @@
mask.style.display = "none";
video2.pause();
};
}
// 禁止下载
$('video').bind('contextmenu', function() {
return false;
... ...
... ... @@ -19,6 +19,7 @@
<div class="mask">
</div>
<div class="info_boxs">
<div class="personal_center" style="height:273px;">
<!--頭像-->
<div class="personal_center_avatar">
... ... @@ -41,11 +42,14 @@
<span>保存</span>
</div>
</div>
</main>
<div class="Keep" style="margin-top:157px;">
<div class="Keep">
Copyright © 2004-2019 独角星球 版权所有
</div>
</div>
</main>
</body>
</html>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
... ...
... ... @@ -19,6 +19,7 @@
<div class="mask">
</div>
<div class="info_boxs">
<div class="personal_center">
<!--頭像-->
<div class="personal_center_avatar">
... ... @@ -49,12 +50,16 @@
</div>
<span>我的收藏</span>
</div>
</div>
</main>
</div>
<div class="Keep">
Copyright © 2004-2019 独角星球 版权所有
</div>
</div>
</main>
</body>
</html>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
... ...
... ... @@ -98,8 +98,8 @@ p {
width: 80px;
z-index: 10;
position: fixed;
right: 30px;
top: 600px;
right: 2.4%;
bottom: 6%;
}
.index_sidebar img {
... ...
... ... @@ -79,13 +79,14 @@ body {
margin: 0 auto;
}
main {
padding-top: 140px;
padding-bottom: 100px;
}
/*main {*/
/*padding-top: 140px;*/
/*padding-bottom: 100px;*/
/*}*/
.login {
height: 460px;
margin-top: 14%;
}
/*登陆左边背景*/
... ... @@ -193,5 +194,8 @@ main {
.Keep {
text-align: center;
color: #FFFEFE;
font-synthesis: 16px;
margin-top:30px ;
font-size: 16px;
margin-bottom: 20px;
/*font-synthesis: 16px;*/
}
... ...
.info_boxs{
position: absolute;
top:60%;
left: 50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}
.personal_center {
width: 519px;
height: 432px;
height: 386px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 32px 36px 2px rgba(0, 0, 0, 0.04);
border-radius: 20px;
margin: 0 auto;
position: relative;
padding: 0 160px;
padding-top: 116px;
padding-top: 94px;
box-sizing: border-box;
}
.personal_center_avatar {
width: 150px;
height: 150px;
width: 140px;
height: 140px;
background: #fff;
border-radius: 50%;
top: -75px;
position: absolute;
left: 185px;
left: 191px;
}
.personal_center_avatar img {
margin: 5px;
width:140px;
height:140px;
width:130px;
height:130px;
border-radius:50%;
}
... ...