Commit 2ad80a63 authored by Mac's avatar Mac

优化

parent 691f45bd
...@@ -23,7 +23,8 @@ ...@@ -23,7 +23,8 @@
"pages/comments/comments", "pages/comments/comments",
"pages/VoucherDetails/VoucherDetails", "pages/VoucherDetails/VoucherDetails",
"pages/video/videoAuthor/videoAuthor", "pages/video/videoAuthor/videoAuthor",
"pages/video/palyvideo/palyvideo" "pages/video/palyvideo/palyvideo",
"pages/video/video_t/video_t"
], ],
"window": { "window": {
"backgroundTextStyle": "light", "backgroundTextStyle": "light",
......
This diff is collapsed.
...@@ -27,6 +27,7 @@ Page({ ...@@ -27,6 +27,7 @@ Page({
hasMoreData:false, hasMoreData:false,
inputShowed:false, inputShowed:false,
placeholder: '留下你的精彩评论吧', placeholder: '留下你的精彩评论吧',
placeholdertype:0,
ReplyId:0, ReplyId:0,
index:0, index:0,
showDel:false, showDel:false,
...@@ -333,7 +334,10 @@ Page({ ...@@ -333,7 +334,10 @@ Page({
let that = this; let that = this;
that.setData({ that.setData({
showComment: true, showComment: true,
conList:[] conList:[],
searchinput: '',
placeholder: '留下你的精彩评论吧',
ReplyId: 0
}) })
let userInfo = (wx.getStorageSync('userInfo')) let userInfo = (wx.getStorageSync('userInfo'))
let VideoId = that.data.videoList[that.data.current].Id let VideoId = that.data.videoList[that.data.current].Id
...@@ -400,23 +404,18 @@ Page({ ...@@ -400,23 +404,18 @@ Page({
icon: 'none', icon: 'none',
duration: 1000 duration: 1000
}) })
if (that.data.placeholder =='留下你的精彩评论吧'){ if (that.data.placeholdertype ==0){
that.btnTx() that.btnTx()
}else{ }else{
that.openChildren() that.openChildren()
} }
that.setData({
searchinput: '',
placeholder: '留下你的精彩评论吧',
ReplyId: 0
})
}).catch(err => { }) }).catch(err => { })
}, },
loadMore: function () { loadMore: function () {
console.log('上拉成功')
if (this.data.hasMoreData) { if (this.data.hasMoreData) {
this.btnTx() this.btnTx()
} else { } else {
...@@ -429,6 +428,7 @@ Page({ ...@@ -429,6 +428,7 @@ Page({
}, },
//回复别人 //回复别人
ReplyPeople:function(e){ ReplyPeople:function(e){
var that = this; var that = this;
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
let conList = that.data.conList; let conList = that.data.conList;
...@@ -440,11 +440,13 @@ Page({ ...@@ -440,11 +440,13 @@ Page({
placeholder: '@' + Name, placeholder: '@' + Name,
ReplyId: conList[index].Id, ReplyId: conList[index].Id,
index:index, index:index,
conList: conList conList: conList,
placeholdertype:1
}) })
that.openChildren() that.openChildren()
}, },
openChildren:function(e){ openChildren:function(e){
var that = this; var that = this;
let index ; let index ;
if(e!=undefined){ if(e!=undefined){
...@@ -452,11 +454,19 @@ Page({ ...@@ -452,11 +454,19 @@ Page({
}else{ }else{
index= that.data.index index= that.data.index
} }
let conList = that.data.conList; let conList = that.data.conList;
let userInfo = (wx.getStorageSync('userInfo')) let userInfo = (wx.getStorageSync('userInfo'))
let VideoId = that.data.videoList[that.data.current].Id let VideoId = that.data.videoList[that.data.current].Id
let pageSize = conList[index].RevertNum+1 let pageSize = conList[index].RevertNum+1;
conList[index].RevertNum = conList[index].RevertNum+1;
// that.setData({
// searchinput: '',
// placeholder: '留下你的精彩评论吧',
// ReplyId: 0,
// placeholdertype: 0
// })
let msg = { let msg = {
'pageIndex': 1, 'pageIndex': 1,
'pageSize': pageSize, 'pageSize': pageSize,
...@@ -475,6 +485,7 @@ Page({ ...@@ -475,6 +485,7 @@ Page({
} }
conList[index].showChildren = true; conList[index].showChildren = true;
conList[index].ChildrenList = data; conList[index].ChildrenList = data;
that.setData({ that.setData({
conList: conList conList: conList
}) })
...@@ -482,13 +493,13 @@ Page({ ...@@ -482,13 +493,13 @@ Page({
}).catch(err => { }) }).catch(err => { })
}, },
activeFocus:function(e){ activeFocus:function(e){
if (e.detail.height==0){ // if (e.detail.height==0){
this.setData({ // this.setData({
searchinput: '', // searchinput: '',
placeholder: '留下你的精彩评论吧', // placeholder: '留下你的精彩评论吧',
ReplyId: 0 // ReplyId: 0
}) // })
} // }
}, },
dianzan:function(e){ dianzan:function(e){
var that = this; var that = this;
...@@ -535,7 +546,6 @@ Page({ ...@@ -535,7 +546,6 @@ Page({
}) })
}, },
dianzan2:function(e){ dianzan2:function(e){
console.log(e.currentTarget.dataset)
var that = this; var that = this;
let index1 = e.currentTarget.dataset.index1; let index1 = e.currentTarget.dataset.index1;
let index2 = e.currentTarget.dataset.index2; let index2 = e.currentTarget.dataset.index2;
...@@ -633,7 +643,6 @@ Page({ ...@@ -633,7 +643,6 @@ Page({
let conList = that.data.conList; let conList = that.data.conList;
let userInfo = (wx.getStorageSync('userInfo')) let userInfo = (wx.getStorageSync('userInfo'))
let CommentId = conList[index1].ChildrenList[index2].Id let CommentId = conList[index1].ChildrenList[index2].Id
console.log(index1, index2, CommentId)
let msg = { let msg = {
'CommentId': CommentId, 'CommentId': CommentId,
'GuestId': userInfo.GuestId 'GuestId': userInfo.GuestId
...@@ -650,6 +659,18 @@ Page({ ...@@ -650,6 +659,18 @@ Page({
}) })
}, },
bindblur:function(){
var that = this;
setTimeout(function(){
that.setData({
searchinput: '',
placeholder: '留下你的精彩评论吧',
ReplyId: 0,
placeholdertype: 0
})
},1000)
},
timeago:function (dateTimeStamp){ //dateTimeStamp是一个时间毫秒,注意时间戳是秒的形式,在这个毫秒的基础上除以1000,就是十位数的时间戳。13位数的都是时间毫秒。 timeago:function (dateTimeStamp){ //dateTimeStamp是一个时间毫秒,注意时间戳是秒的形式,在这个毫秒的基础上除以1000,就是十位数的时间戳。13位数的都是时间毫秒。
var minute = 1000 * 60; //把分,时,天,周,半个月,一个月用毫秒表示 var minute = 1000 * 60; //把分,时,天,周,半个月,一个月用毫秒表示
var hour = minute * 60; var hour = minute * 60;
......
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
> >
<view wx:for="{{conList}}" wx:key="conList" class='listBox' data-index="{{index}}" wx:for-index="index" bindlongpress="handleLongPress"> <view wx:for="{{conList}}" wx:key="conList" class='listBox' data-index="{{index}}" wx:for-index="index" bindlongpress="handleLongPress">
<view class='listItem'> <view class='listItem'>
<view class='C_photo' bindtap="ReplyPeople" data-index="{{index}}"> <view class='C_photo' data-index="{{index}}">
<image wx:if="{{item.EmPhoto!=null && item.EmPhoto!=''}}" src="item.EmPhoto" ></image> <image wx:if="{{item.EmPhoto!=null && item.EmPhoto!=''}}" src="item.EmPhoto" ></image>
<image wx:else src="../../images/tabbar/me.png" bindtap='closeCon'></image> <image wx:else src="../../images/tabbar/me.png" bindtap='closeCon'></image>
</view> </view>
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
<!-- input评论 --> <!-- input评论 -->
<view class="input"> <view class="input">
<input placeholder="{{placeholder}}" bindinput='bindinput' focus="{{inputShowed}}" value="{{searchinput}}" bindblur="inputBlur" <input placeholder="{{placeholder}}" bindinput='bindinput' focus="{{inputShowed}}" value="{{searchinput}}" bindblur="bindblur"
confirm-type='发送' bindkeyboardheightchange="activeFocus" confirm-type='发送' bindkeyboardheightchange="activeFocus"
/> />
<view class='btn_c' bindtap="btn_c"> <view class='btn_c' bindtap="btn_c">
......
...@@ -211,7 +211,7 @@ Page({ ...@@ -211,7 +211,7 @@ Page({
list = encodeURIComponent(JSON.stringify(that.data.likelist)) list = encodeURIComponent(JSON.stringify(that.data.likelist))
} }
wx.navigateTo({ wx.navigateTo({
url: '/pages/video/palyvideo/palyvideo?list=' + list + '&index=' + index url: '/pages/video/video_t/video_t?list=' + list + '&index=' + index
}) })
}, },
RefreshDate:function(e){ //更新数据 RefreshDate:function(e){ //更新数据
......
This diff is collapsed.
{
"navigationBarTitleText": "视频详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": true,
"navigationStyle": "custom",
"disableScroll": true
}
\ No newline at end of file
<view class="videoBox">
<view class="video {{touch==true? 'transfrom' : '' }}" style="transform:translateY(-{{current*100}}%);" bindtouchstart='touchstart' bindtouchmove='touchmove' bindtouchend='touchend' bindtouchcancel='touchcancel'>
<view wx:for="{{videoList}}" class='videoitem' wx:key="{{item}}">
<video src="{{item.VideoAddress}}" id="videoplayer" bindtimeupdate="videoUpdate" bindtap='videoTap' wx:if="{{current==index}}" object-fit="contain" loop='{{true}}' autoplay='{{true}}' custom-cache="{{true}}" controls='{{false}}' show-progress="{{true}}" show-fullscreen-btn="{{false}}" show-play-btn="{{false}}" bindplay='bindPlay' bindpause='bindPause'
show-center-play-btn="{{false}}" enable-progress-gesture="{{false}}" vslide-gesture-in-fullscreen="{{false}}" poster="{{item.videoImageUrl}}">
</video>
<!-- <image src="http://{{item.videoImageUrl}}" class="preImage" mode='aspectFit' lazy-load="{{true}}" wx:else></image> -->
<!-- 右侧区域 -->
<view class='btnBox {{switchTo?"show":"hide"}}'>
<view class='btnTx E_Photo' bindtap='personal'>
<image style="width:76rpx;height:76rpx;border-radius: 38rpx;" src='{{item.EmPhoto}}'></image>
</view>
<view class='btnTx' style="margin-top:20rpx" bindtap='videoLike'>
<image wx:if="{{item.IsMyLike==1}}" style="width:69rpx;height:62rpx" src='../../../images/index/dz1.png' ></image>
<image wx:elif="{{item.IsMyLike==0}}" style="width:69rpx;height:62rpx" src='../../../images/index/dz.png' ></image>
<text class="btnBoxText">{{item.LikeNum}}</text>
</view>
<view class='btnTx' bindtap='commentList' bindtap="btnTx">
<image style="width:69rpx;height:62rpx" src='../../../images/index/xx.png'></image>
<text class="btnBoxText">{{item.CommentNum}}</text>
</view>
<view class='btnTx'>
<image style="width:69rpx;height:62rpx" src='../../../images/index/fx.png'></image>
</view>
<view class='btnTx' style="margin-top:20rpx">
<image style="width:69rpx;height:62rpx;marginTop:20rpx" src='../../../images/index/sp.png'></image>
</view>
</view>
<!-- 描述 -->
<view class='describe {{switchTo?"show":"hide"}}'>
<view class='nameAddr clearfix'>
<text class='fl' style="margin-right:10rpx">@{{item.EmName}}</text>
<view class='fl addr clearfix'>
<text class='fl'>#{{item.Label}}</text>
</view>
</view>
<text class="descText">{{item.Name}}</text>
<!-- <view class='labelS clearfix'>
<text wx:for='{{item.tagnamesArr}}' wx:key='{{item}}' wx:for-item="item">#{{item}}</text>
</view> -->
</view>
<!-- 播放暂停图标 请换成自己的路径 -->
<image class="playImg" src="../../../images/bofang.png" wx:if="{{play}}" bindtap='videoTap'></image>
<!-- 进度条 -->
<slider class='{{sliderShow?"show":"hide"}}' bindchange="sliderChange" bindchanging="sliderChanging" step="1" block-size='10' value="{{sliderValue}}" backgroundColor="#797979" activeColor="#fff" />
</view>
</view>
<view class="comment {{showComment?'show':'hide'}}" >
<view class="con_box">
<view class="C_top">
<text>评论</text>
<image src="../../../images/index/close.png" bindtap='closeCon'></image>
</view>
<scroll-view
bindscrolltolower="loadMore"
scroll-y style="width: 100%; height: {{height*0.7-80}}px;"
>
<view wx:for="{{conList}}" wx:key="conList" class='listBox' data-index="{{index}}" wx:for-index="index" bindlongpress="handleLongPress">
<view class='listItem'>
<view class='C_photo' data-index="{{index}}">
<image wx:if="{{item.EmPhoto!=null && item.EmPhoto!=''}}" src="item.EmPhoto" ></image>
<image wx:else src="../../../images/tabbar/me.png" bindtap='closeCon'></image>
</view>
<view class="neir">
<text wx:if="{{item.EmName!='' }}" bindtap="ReplyPeople" data-index="{{index}}">{{item.EmName}}</text>
<text wx:else bindtap="ReplyPeople" data-index="{{index}}">匿名</text>
<text style='color:#111111'>{{item.Content}} <text style='color:#888888;font-size:20rpx'>{{item.UpdateDate}}</text> </text>
<text wx:if="{{item.RevertNum>0 && item.showChildren==false}}" style="margin-top:10rpx" bindtap="openChildren" data-index="{{index}}">--展开更多的评论</text>
</view>
<view class='C_dian' bindtap="dianzan" data-index="{{index}}">
<image wx:if="{{item.IsMyLike==1}}" style="width:29rpx;height:22rpx" src='../../../images/index/dz1.png' ></image>
<image wx:elif="{{item.IsMyLike==0}}" style="width:29rpx;height:22rpx" src='../../../images/index/hx.png' ></image>
<text style="font-size: 24rpx;color: #888888;width:29rpx;text-align: center;margin-top:10rpx">{{item.LikeNum}}</text>
</view>
</view>
<view style="width:90%,margin-left:10%">
<view wx:if="{{item.RevertNum>0 && item.showChildren==true}}" wx:for="{{item.ChildrenList}}" wx:for-item = 'data' wx:key="item.ChildrenList" class='listItem_t' data-index1="{{index}}" data-index2="{{son_index}}" wx:for-index="son_index" bindlongpress="handleLongPress2">
<view class='C_photo'>
<image wx:if="{{data.EmPhoto!=null && data.EmPhoto!=''}}" src="data.EmPhoto" ></image>
<image wx:else src="../../../images/tabbar/me.png" bindtap='closeCon'></image>
</view>
<view class="neir" >
<text wx:if="{{data.EmName!='' }}">{{data.EmName}}</text>
<text wx:else>匿名</text>
<text style='color:#111111'>{{data.Content}} <text style='color:#888888;font-size:20rpx' >{{data.UpdateDate}}</text> </text>
</view>
<view class='C_dian' bindtap="dianzan2" data-index1="{{index}}" data-index2="{{son_index}}" >
<image wx:if="{{data.IsMyLike==1}}" style="width:29rpx;height:22rpx" src='../../../images/index/dz1.png' ></image>
<image wx:elif="{{data.IsMyLike==0}}" style="width:29rpx;height:22rpx" src='../../../images/index/hx.png' ></image>
<text style="font-size: 24rpx;color: #888888;width:29rpx;text-align: center;margin-top:10rpx">{{data.LikeNum}}</text>
</view>
</view>
</view>
</view>
<view wx:if="{{hasMoreData}}" class="loadmore loading">正在加载中...</view>
<view wx:else class="loadmore">没有更多评论了</view>
</scroll-view>
<!-- input评论 -->
<view class="input">
<input placeholder="{{placeholder}}" bindinput='bindinput' focus="{{inputShowed}}" value="{{searchinput}}" bindblur="bindblur"
confirm-type='发送' bindkeyboardheightchange="activeFocus"
/>
<view class='btn_c' bindtap="btn_c">
<text>发送</text>
</view>
</view>
</view>
<!-- 删除弹框 -->
<view class="delBox {{showDel && ziji==false?'show':'hide'}}" bindtap="closedel" >
<view class='del' bindtap='delItem' >删除</view>
</view>
<view class="delBox {{showDel2 && ziji==true?'show':'hide'}}" bindtap="closedel" >
<view class='del' bindtap='delItem2' >删除</view>
</view>
</view>
<view class='blck' bindtap='personal'>
<image src="../../../images/Close.png"></image>
</view>
</view>
/**index.wxss**/
page{
height: 100%;
}
.fl{
float:left;
}
.fr{
float: right;
}
.hide{
display: none !important;
}
.show{
display: block;
}
.videoBox{
overflow: hidden;
height: 100%;
position: relative;
}
.video{
width: 100%;
height: 100%;
display: block;
position: absolute;
top:0;
left: 0;
}
.transfrom{
transition: transform 0.6s ease-out;
}
.videoitem{
height: 100%;
background:#000000;
position: relative;
}
.videoitem video{
width: 100%;
height: 100vh;
}
.preImage{
display: block;
width: 100%;
}
/* 右侧按钮 */
.btnBox{
width: 100rpx;
position: absolute;
right: -4%;
bottom: -25%;
transform: translate(-50%,-110%);
display: flex;
flex-direction: column;
align-items: center
}
.btnBox image{
display: block;
}
.btnBox view,.btnBox button{
margin-bottom: 30rpx;
}
.btnBox button{
padding: 0;
background: transparent;
}
.btnBox view image,.btnBox button image{
margin: 0 auto;
}
.btnBox view text,.btnBox button text{
line-height: 50rpx;
font-size: 24rpx;
color: #fff;
text-align: center;
}
.btnBox .btnTx{
position: relative;
display: flex;
flex-direction: column;
align-items: center
}
.btnBox .btnTx .TX{
width: 94rpx;
height: 94rpx;
border-radius: 50%;
border: 2px solid #fff;
overflow: hidden;
}
.btnBox .btnTx .followAdd{
width: 39rpx;
height: 39rpx;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,-50%);
border-radius:50%;
overflow: hidden;
}
.btnBox .btnCollect image{
width: 54rpx;
height: 52rpx;
}
.btnBox .btnShare image{
width: 54rpx;
height: 43rpx;
}
.btnBox .btnTelPhone image{
width: 45rpx;
height: 47rpx;
}
.btnBox .btnShut image{
width: 49rpx;
height: 49rpx;
}
/* 详情描述 */
.describe{
position: absolute;
width:75%;
left:5%;
bottom:5%;
}
.describe .nameAddr text{
font-size: 30rpx;
line-height: 58rpx;
color: #fff;
}
.describe .addr image{
width: 22rpx;
height: 28rpx;
margin: 15rpx 10rpx 0 0;
}
.describe .descText{
font-size: 28rpx;
color: #fff;
line-height: 38rpx;
}
.describe .labelS text{
float: left;
font-size: 28rpx;
color: #fff;
line-height: 48rpx;
margin-right: 10rpx;
}
slider{
display: 100%;
width: 100%;
position: absolute;
bottom: -1%;
left: 50%;
transform: translate(-50%,-50%);
margin: 0;
}
.btnBoxText{
font-size: 28rpx;
color: #fff;
}
.E_Photo{
width: 76rpx;
height: 76rpx;
border-radius: 38rpx;
border:1px solid white
}
.playImg{
width: 80rpx;
height: 80rpx;
position: absolute;
left: 50%;
top:50%;
}
.comment{
width: 100%;
height: 100%;
background: rgba(226, 226, 226, 0.1);
position: relative;
left: 0;
top:0;
}
.con_box{
width: 100%;
height: 70%;
position: absolute;
left: 0;
bottom: 0;
background: white;
border-top-left-radius: 16rpx;
border-top-right-radius: 16rpx
}
.C_top{
width: 100%;
height: 40px;
display: flex;
align-items: center;
justify-content: center
}
.C_top text{
font-size: 30rpx;
color: #111111;
text-align: center;
}
.C_top image{
width: 30rpx;
height: 30rpx;
position: absolute;
right: 25rpx;
top:25rpx;
}
.input{
width: 100%;
height: 40px;
position: absolute;
left: 0;
bottom: 0;
border-top: 1px solid #E2E2E2;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between
}
.input input{
width: 70%;
height: 30px;
margin-left: 20rpx;
font-size: 24rpx;
}
.btn_c{
width: 120rpx;
height: 60rpx;
border-radius: 30rpx;
display: flex;
align-items: center;
justify-content: center;
background: #257BF1;
font-size: 29rpx;
color: white;
margin-right: 20rpx
}
.loadmore {
color: #666666;
font-size: 24rpx;
line-height: 100rpx;
text-align: center;
width: 100%;
float: left
}
.loadmore.loading::before {
content: '';
width: 40rpx;
height: 40rpx;
margin-top: -10rpx;
margin-right: 10rpx;
display: inline-block;
vertical-align: middle;
animation: loading 1s steps(12) infinite;
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
background-size: 100%
}
@keyframes loading {
from {
transform: rotate(0deg)
}
to {
transform: rotate(-360deg)
}
}
.listItem{
width: 90%;
margin-left: 5%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
margin-top: 15rpx
}
.C_photo{
width: 50rpx;
height: 50rpx;
border-radius: 25rpx;
border: 1px solid white;
overflow: hidden
}
.C_photo image{
width: 50rpx;
height: 50rpx;
border-radius: 25rpx;
}
.neir{
width: 80%;
display: flex;
flex-direction: column;
font-size: 24rpx;
color: #888888;
margin-left: 20rpx
}
.C_dian{
width: 80rpx;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.C_dian image{
margin-top: 10rpx
}
.listItem_t{
width: 85%;
margin-left: 10%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
margin-top: 10rpx
}
.delBox{
width: 100%;
height: 100%;
background: rgba(226, 226, 226, 0.8);
position: relative;
left: 0;
top:0;
display: flex;
align-items: center;
justify-content: center;
z-index: 999
}
.del{
width: 80%;
height: 40px;
background: white;
line-height: 40px;
font-size: 30rpx;
color: #111111;
padding-left:20rpx
}
.blck{
position: relative;
left: 30rpx;
top:80rpx;
}
.blck image{
width: 40rpx;
height: 40rpx;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment