|
@@ -515,10 +515,11 @@
|
|
|
top: 15rem;
|
|
|
left: 15rem;
|
|
|
display: none;
|
|
|
+ opacity: 1;
|
|
|
}
|
|
|
.show_box .show_item.add_animation_item{
|
|
|
display: block;
|
|
|
- animation: hiddenAvatarItem 0.8s ease-out 2.3s forwards
|
|
|
+ animation: hiddenAvatarItem 0.8s linear 2.3s forwards
|
|
|
}
|
|
|
.show_box .show_item .avatar_box{
|
|
|
width: 20rem;
|
|
@@ -531,10 +532,10 @@
|
|
|
z-index: 2;
|
|
|
transform: scale(1);
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
.show_box .show_item.add_animation_item .avatar_box{
|
|
|
- animation: showAvatarItem 0.3s ease-out 2s forwards;
|
|
|
+ animation: showAvatarItem 0.3s linear 2s forwards;
|
|
|
}
|
|
|
.show_box .show_item .avatar_box .avatar{
|
|
|
width: 20rem;
|
|
@@ -546,7 +547,7 @@
|
|
|
top: -15rem;
|
|
|
left: -15rem;
|
|
|
z-index: 1;
|
|
|
- background: rgba(255,255,255,0.8);
|
|
|
+ background: rgba(255,255,255,0.7);
|
|
|
border-radius: 15rem;
|
|
|
border: 1rem solid #FFFFFF;
|
|
|
width: 240rem;
|
|
@@ -554,14 +555,14 @@
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
.show_box .show_item.add_animation_item .info_box{
|
|
|
- animation: hiddenItem 0.3s ease-out 2s forwards;
|
|
|
+ animation: hiddenItem 0.3s linear 2s forwards;
|
|
|
}
|
|
|
.show_box .show_item.show_img_item .info_box{
|
|
|
top: -175rem;
|
|
|
left: -15rem;
|
|
|
}
|
|
|
.show_box .show_item.show_img_item.add_animation_item .info_box{
|
|
|
- animation: hiddenImgItem 0.3s ease-out 2s forwards;
|
|
|
+ animation: hiddenImgItem 0.3s linear 2s forwards;
|
|
|
}
|
|
|
|
|
|
@keyframes showItem {
|
|
@@ -577,16 +578,16 @@
|
|
|
transform: scale(1);
|
|
|
}
|
|
|
100% {
|
|
|
- transform: scale(1.5);
|
|
|
+ transform: scale(2);
|
|
|
}
|
|
|
}
|
|
|
@keyframes hiddenAvatarItem {
|
|
|
0% {
|
|
|
- transform: scale(1.5);
|
|
|
+ transform: scale(2);
|
|
|
opacity: 1;
|
|
|
}
|
|
|
100% {
|
|
|
- transform: scale(1.5);
|
|
|
+ transform: scale(1);
|
|
|
opacity: 0;
|
|
|
top: 135rem;
|
|
|
left: 172rem;
|
|
@@ -650,6 +651,20 @@
|
|
|
font-size: 12rem;
|
|
|
color: #222222;
|
|
|
line-height: 17rem;
|
|
|
+ word-break: break-all;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 5;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .show_box .show_item.show_img_item .info_box .info_text .info_dsc{
|
|
|
+ word-break: break-all;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 5;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
.send_btn {
|
|
|
width: 345rem;
|
|
@@ -745,8 +760,8 @@
|
|
|
<img id="infoImg" class="info_img" src="./img/lottery-bg.png"/>
|
|
|
</div>
|
|
|
<div class="info_text">
|
|
|
- <div id="infoName" class="info_name">不爱吃甜:</div>
|
|
|
- <div id="infoDsc" class="info_dsc">不爱吃甜不爱吃甜不爱吃甜不爱吃甜不爱吃甜不爱吃甜</div>
|
|
|
+ <div id="infoName" class="info_name"></div>
|
|
|
+ <div id="infoDsc" class="info_dsc"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -896,6 +911,7 @@
|
|
|
let imgList = []
|
|
|
var itemList = []
|
|
|
var itemIndex = 0
|
|
|
+ var itemTimer = null
|
|
|
function uploadImage() {
|
|
|
let uploaInput = document.getElementById('uploadfile');
|
|
|
document.getElementById('uploadfile').click();
|
|
@@ -1069,6 +1085,7 @@
|
|
|
mui.toast('发送成功');
|
|
|
document.getElementById('dialogText').style.display = 'none';
|
|
|
imgList = []
|
|
|
+ findCollectList()
|
|
|
} else {
|
|
|
mui.toast(res.msg);
|
|
|
}
|
|
@@ -1090,7 +1107,7 @@
|
|
|
type:'get',//HTTP请求类型
|
|
|
success:function(res){
|
|
|
itemList = res.data||[]
|
|
|
- console.log(itemList)
|
|
|
+ itemIndex = 0
|
|
|
onShowItem()
|
|
|
},
|
|
|
error:function(error){
|
|
@@ -1127,7 +1144,10 @@
|
|
|
},3500)
|
|
|
}
|
|
|
function onShowItem(){
|
|
|
- console.log(itemIndex)
|
|
|
+ if(itemTimer){
|
|
|
+ clearTimeout(itemTimer)
|
|
|
+ itemTimer = null
|
|
|
+ }
|
|
|
if(itemList.length){
|
|
|
var data = itemList[itemIndex]
|
|
|
showItem(data)
|
|
@@ -1136,13 +1156,17 @@
|
|
|
}else{
|
|
|
itemIndex = 0
|
|
|
}
|
|
|
- setTimeout(()=>{
|
|
|
+ itemTimer = setTimeout(()=>{
|
|
|
onShowItem()
|
|
|
},4000)
|
|
|
}
|
|
|
}
|
|
|
document.getElementById('sendBtn').addEventListener('click', function() {
|
|
|
document.getElementById('dialogText').style.display = 'block';
|
|
|
+ if(itemTimer){
|
|
|
+ clearTimeout(itemTimer)
|
|
|
+ itemTimer = null
|
|
|
+ }
|
|
|
});
|
|
|
document.getElementById('closeText').addEventListener('click', function() {
|
|
|
document.getElementById('dialogText').style.display = 'none';
|