李涵 / integral · 提交

转到一个项目

作者 李洪娟
提交 0c440ad15fb564f79b868b481dc4ccd5d6d12496 1 个父辈 320f35e1

修改积分

内嵌 并排对比
正在显示 3 个修改的文件 包含 291 行增加 和 87 行删除
... ... @@ -55,9 +55,194 @@
margin-top: 1.49rem;
}
/*赠送积分弹出层*/
.sendwrapper{
width:100%;
height:100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
left:0;
right:0;
z-index: 5;
}
.sendpop{
width:5.2rem;
height:4.2rem;
background: #ffffff;
border-radius: 10px;
position: absolute;
z-index: 6;
/*left:0.4rem;*/
/*top: 3rem;*/
top:40%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding-top: 0.36rem;
}
.remaininter{
color:#1A1A1A;
font-size: 0.28rem;
margin: 0 auto;
}
.give{
width:4.8rem;
color:#1A1A1A;
font-size: 0.28rem;
font-weight: bold;
text-align: left;
margin-top: 0.35rem;
}
.enterinter{
width:4.81rem;
height:0.7rem;
border:1px solid rgba(235,235,235,1);
border-radius:0.05rem;
font-size: 0;
margin-top: 0.19rem;
}
.pleaseenter{
width:4.6rem;
height:0.6rem;
border-radius:0.05rem;
font-size: 0.28rem;
color:#97A0A8;
border:none;
outline:none;
padding-left: 0.23rem;
}
.attention{
color: #97A0A8;
font-size: 0.24rem;
height:0.68rem;
border-bottom: 1px solid #f5f5f5;
padding: 0.1rem 0.18rem 0.24rem 0.18rem;
margin-top: 0.1rem;
}
.sure{
color:#FF0000;
font-size: 0.32rem;
padding: 0.31rem 1.91rem;
}
/*输入密码弹出层*/
.passwordwrap{
width:100%;
height:100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
left:0;
right:0;
z-index: 5;
}
.passwordpop{
width:5.2rem;
height:2.84rem;
background: #ffffff;
border-radius: 10px;
position: absolute;
z-index: 6;
/*left:0.4rem;*/
/*top: 3rem;*/
top:40%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding-top: 0.16rem;
}
.enterpassword{
display:flex;
justify-content: space-between;
align-items: center;
font-size: 0;
/*margin-top: 0.48rem;*/
margin: 0.48rem auto 0;
}
.enterpassword li{
width:0.8rem;
height:0.8rem;
list-style: none;
border:1px solid rgba(153,153,153,1);
text-align: center;
border-right:0;
}
.enterpassword li:last-child{
border-right:1px solid rgba(153,153,153,1) ;
}
.enterpassword li input{
width:0.77rem;
height:0.76rem;
list-style: none;
text-align: center;
border:none;
}
.pleaseenterword{
font-size: 0.32rem;
color:#1A1A1A;
}
.icon-quxiao{
width:5rem;
color:#999999;
font-size: 0.3rem;
text-align: right;
}
#pwd {
position: absolute;
left: -22rem;
bottom:-22rem;
opacity: 0;
width: 80%;
color:#f00;
}
.enterword{
display:flex;
align-items: center;
}
</style>
</head>
<body>
<!--输入支付密码-->
<div class="passwordwrap" style="display:none">
<div class="passwordpop">
<p class="iconfont icon-quxiao"></p>
<p class="pleaseenterword">输入支付密码</p>
<div class="pwd_box enterword">
<ul class="password_box enterpassword">
<li class=""><i></i></li>
<li><i></i></li>
<li><i></i></li>
<li><i></i></li>
<li><i></i></li>
<li><i></i></li>
</ul>
</div>
</div>
</div>
<!--好友弹出层-->
<div class="sendwrapper" style="display:none">
<div class="sendpop">
<p class="remaininter">您还剩余<span id="BALANCE">{$balance}</span>积分</p>
<P class="give">赠送好友积分</P>
<div class="enterinter">
<input type="text" class="pleaseenter" placeholder="赠送积分为500的倍数" >
</div>
<div class="attention">
积分赠送属个人操作，赠送错误平台概不负责
</div>
<div class="sure">确定赠送</div>
</div>
</div>
<div class="container">
<div class="friendlist">
<volist name="list" id="vo">
... ... @@ -81,6 +266,96 @@
</body>
<script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
<script>
$(".fri_list").click(function(){
$(".sendwrapper").css("display","block");
})
//取消弹出层
$(".sendwrapper").click(function(){
$(this).css("display","none")
})
$(".pleaseenter").click(function(){
window.event.stopPropagation();
})
//确定赠送
$(".sure").click(function(){
total = $(".pleaseenter").val();
if(parseInt(total) > 0) {
window.event.stopPropagation()
$(".sendwrapper").css("display", "none");
$(".passwordwrap").css("display", "block")
}
})
$(".icon-quxiao").click(function(){
window.event.stopPropagation();
$(".pleaseenter").val("");
$(".passwordwrap").css("display","none")
})
$("#pwd").focus();
$('.password_box').on('click','li',function(){
$('#pwd').focus();
if($('body').hasClass('mui-ios')){
$('.order_box').css('marginTop','200px')
}else{
$('.order_box').css('marginTop','50px')
}
})
$('#pwd').on('input',function(){
var leng = 0;
if(/[^\d]/g.test($(this).val())){
val = $(this).val().replace(/[^\d]/g,'');
}else{
leng = $(this).val().length;
console.log(leng)
caseItem(leng)
}
})
// 模拟效果
function caseItem(i){
$('.password_box li').removeClass('active')
for(var j = 0; j < i ; j++){
$('.password_box li').eq(j).addClass('active');
if(j == 5){
$('#pwd').blur();
var str= $('#pwd').val();
$.ajax({
url:"{:url('friendship/Friend/donateIntegral')}",
data:{
friend_id:friend_id,
total:$(".pleaseenter").val(),
integral_pwd:str
},
type:"POST",
dataType:"JSON",
success: function (data) {
if(data.status === true) {
window.event.stopPropagation()
$(".passwordwrap").css("display","none")
$("#BALANCE").html(data.data);
$(".pleaseenter").val("");
alert(data.msg);
}else {
alert(data.msg);
}
//清空数据
for (var i = 0; i < txts.length; i++) {
$(txts[i]).val("")
}
}
})
}
}
}
$(".search").click(function(){
window.location.href="{:url('friendship/Friend/friendList')}";
})
... ...
... ... @@ -222,7 +222,6 @@
list-style: none;
text-align: center;
border:none;
}
.pleaseenterword{
font-size: 0.32rem;
... ... @@ -244,6 +243,10 @@
color:#f00;
}
.enterword{
display:flex;
align-items: center;
}
</style>
</head>
<body>
... ... @@ -271,7 +274,7 @@
<p class="remaininter">您还剩余<span id="BALANCE">{$balance}</span>积分</p>
<P class="give">赠送好友积分</P>
<div class="enterinter">
<input type="text" class="pleaseenter" placeholder="输入赠送积分值" >
<input type="text" class="pleaseenter" placeholder="赠送积分为500的倍数" >
</div>
<div class="attention">
积分赠送属个人操作，赠送错误平台概不负责
... ... @@ -282,9 +285,9 @@
<div class="container">
<form action="{:url('friendship/Friend/friendList')}" method="post">
<div class="head">
<div class="enterword">
<div class="enterword" >
<p class="iconfont icon-sousuo"></p>
<input type="text" name="keyword" class="word" value="{$keyword}">
<input type="text" name="keyword" class="word" value="{$keyword}" style="width:4.5rem">
</div>
<label for="SUBMIT"><p class="search_friend">搜索</p></label>
<input id="SUBMIT" type="submit" style="display: none">
... ... @@ -342,7 +345,8 @@
}
})
$(".icon-quxiao").click(function(){
window.event.stopPropagation()
window.event.stopPropagation();
$(".pleaseenter").val("");
$(".passwordwrap").css("display","none")
})
... ... @@ -366,87 +370,7 @@
})
}
})
// var str=""
// var txts = wrap.getElementsByClassName("entercode");
// //输入的密码自动输入到下一个
// onload = function(){
// console.log(txts)
// for(var i=0;i<txts.length;i++){
// $(txts[i]).val("")
// }
//
// for(var i = 0; i<txts.length;i++){
//
// var t = txts[i];
// t.index = i;
// if(t.index>0){
// t.setAttribute("readonly", true);
// }
// t.onkeyup=function(){
// var arr=[];
// var regular = /\s+/g;
// if(regular.test(this.value)){
// $(this).focus();
// }else if($(this).val()==""){
// $(this).focus();
// }else{
//
// // console.log($(this).val());
// // arr.push($(this).val());
// console.log(arr)
// var next = this.index + 1;
// if(next > txts.length - 1) return;
// txts[next].removeAttribute("readonly");
// txts[next].focus();
// }
// }
// if(t.index==5){
// t.onkeyup=function(){
// // arr.push($(this).val())
// // console.log(arr);
// // str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5];
// // console.log(str)
//
// var len=document.getElementsByClassName("entercode");
// console.log(len);
// arr=[];
// for(var i=0;i<len.length;i++){
// arr.push($(len[i]).val())
// }
// str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5];
// console.log(str)
//
// $.ajax({
// url:"{:url('friendship/Friend/donateIntegral')}",
// data:{
// friend_id:friend_id,
// total:$(".pleaseenter").val(),
// integral_pwd:str
// },
// type:"POST",
// dataType:"JSON",
//
// success: function (data) {
// if(data.status === true) {
// window.event.stopPropagation()
// $(".passwordwrap").css("display","none")
// $("#BALANCE").html(data.data);
// alert(data.msg);
// }else {
// alert(data.msg);
// }
// //清空数据
// for (var i = 0; i < txts.length; i++) {
// $(txts[i]).val("")
// }
// }
// })
// }
// }
//
// }
// txts[0].removeAttribute("readonly");
// }
$("#pwd").focus();
$('.password_box').on('click','li',function(){
... ... @@ -492,6 +416,7 @@
window.event.stopPropagation()
$(".passwordwrap").css("display","none")
$("#BALANCE").html(data.data);
$(".pleaseenter").val("");
alert(data.msg);
}else {
alert(data.msg);
... ...
... ... @@ -92,7 +92,11 @@
window.location.href=$(this).attr('data-url');
})
$(".password").click(function(){
window.location.href=$(this).attr('data-url');
var sure=confirm("是否修改密码");
if(sure==true){
window.location.href=$(this).attr('data-url');
}
})
</script>
</html>
... ...