景龙 / xingqiu · 提交

转到一个项目

作者 景龙
提交 c47732cf7a9b09b0a0e09413919c92ec8510f694 1 个父辈 f02d414d
1 个管道 的构建 通过 耗费 2 秒

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

内嵌 并排对比
正在显示 6 个修改的文件 包含 104 行增加 和 85 行删除
... ... @@ -857,25 +857,22 @@
<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.play(); //没有就播放      
}
});
var nos = document.getElementById("nos");
var mask = document.getElementById("mask");
nos.onclick = function nos() {
mask.style.display = "none";
video2.pause();
};
}
$('.mask').css('display','block');
var video2 = document.getElementById("video2"); //获取ID 
console.log(video2);
$(function() {
if (video2.paused) { //判读是否播放    
// video2.paused = false;            
video2.play(); //没有就播放      
}
});
var nos = document.getElementById("nos");
var mask = document.getElementById("mask");
nos.onclick = function nos() {
mask.style.display = "none";
video2.pause();
};
// 禁止下载
$('video').bind('contextmenu', function() {
return false;
... ...
... ... @@ -19,33 +19,37 @@
<div class="mask">
</div>
<div class="personal_center" style="height:273px;">
<!--頭像-->
<div class="personal_center_avatar">
<notempty name="user.avatar">
<img src="{:cmf_get_image_url($user.avatar)}" alt="">
<else/>
<img src="__TMPL__/public/assets/starImg/aicon_82.png" alt="">
</notempty>
<div class="info_boxs">
<div class="personal_center" style="height:273px;">
<!--頭像-->
<div class="personal_center_avatar">
<notempty name="user.avatar">
<img src="{:cmf_get_image_url($user.avatar)}" alt="">
<else/>
<img src="__TMPL__/public/assets/starImg/aicon_82.png" alt="">
</notempty>
</div>
<div class="updateInfo">
<span class="nickname" >昵称</span>
<notempty name="user.user_nickname">
<input type="text" value="{$user.user_nickname}" id="nickname"/>
<else/>
<input type="text" value="" id="nickname"/>
</notempty>
</div>
<!--編輯頭像-->
<div class="save_info">
<span>保存</span>
</div>
</div>
<div class="updateInfo">
<span class="nickname" >昵称</span>
<notempty name="user.user_nickname">
<input type="text" value="{$user.user_nickname}" id="nickname"/>
<else/>
<input type="text" value="" id="nickname"/>
</notempty>
</div>
<!--編輯頭像-->
<div class="save_info">
<span>保存</span>
<div class="Keep">
Copyright © 2004-2019 独角星球 版权所有
</div>
</div>
</main>
<div class="Keep" style="margin-top:157px;">
Copyright © 2004-2019 独角星球 版权所有
</div>
</body>
</html>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
... ...
... ... @@ -19,42 +19,47 @@
<div class="mask">
</div>
<div class="personal_center">
<!--頭像-->
<div class="personal_center_avatar">
<notempty name="user.avatar">
<img src="{:cmf_get_image_url($user.avatar)}" alt="">
<else/>
<img src="__TMPL__/public/assets/starImg/aicon_82.png" alt="">
</notempty>
</div>
<!--編輯頭像-->
<div class="Editor_avatar clearfix">
<div class="Editor_avatar_icon">
<img src="__TMPL__/public/assets/starImg/aicon_84.png" alt="">
<div class="info_boxs">
<div class="personal_center">
<!--頭像-->
<div class="personal_center_avatar">
<notempty name="user.avatar">
<img src="{:cmf_get_image_url($user.avatar)}" alt="">
<else/>
<img src="__TMPL__/public/assets/starImg/aicon_82.png" alt="">
</notempty>
</div>
<span><input type="file" id="personal-photo" name="avatar">编辑头像</span>
</div>
<!--修改資料-->
<div class="Modifying clearfix" id="editInfo">
<div class="Modifying_icon">
<img src="__TMPL__/public/assets/starImg/aicon_85.png" alt="">
<!--編輯頭像-->
<div class="Editor_avatar clearfix">
<div class="Editor_avatar_icon">
<img src="__TMPL__/public/assets/starImg/aicon_84.png" alt="">
</div>
<span><input type="file" id="personal-photo" name="avatar">编辑头像</span>
</div>
<span>修改资料</span>
</div>
<!--我的收藏-->
<div class="Collection clearfix" id="myCollection">
<div class="Collection_icon">
<img src="__TMPL__/public/assets/starImg/aicon_86.png" alt="">
<!--修改資料-->
<div class="Modifying clearfix" id="editInfo">
<div class="Modifying_icon">
<img src="__TMPL__/public/assets/starImg/aicon_85.png" alt="">
</div>
<span>修改资料</span>
</div>
<!--我的收藏-->
<div class="Collection clearfix" id="myCollection">
<div class="Collection_icon">
<img src="__TMPL__/public/assets/starImg/aicon_86.png" alt="">
</div>
<span>我的收藏</span>
</div>
<span>我的收藏</span>
</div>
<div class="Keep">
Copyright © 2004-2019 独角星球 版权所有
</div>
</div>
</main>
<div class="Keep">
Copyright © 2004-2019 独角星球 版权所有
</div>
</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%;
}
... ...