优化

app.json

@@ -23,7 +23,8 @@
     "pages/comments/comments",
     "pages/VoucherDetails/VoucherDetails",
     "pages/video/videoAuthor/videoAuthor",
-    "pages/video/palyvideo/palyvideo"
+    "pages/video/palyvideo/palyvideo",
+    "pages/video/video_t/video_t"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/video/video.js

@@ -27,6 +27,7 @@ Page({
     hasMoreData:false,
     inputShowed:false,
     placeholder: '留下你的精彩评论吧',
+    placeholdertype:0,
     ReplyId:0,
     index:0,
     showDel:false,
@@ -333,7 +334,10 @@ Page({
     let that = this;
     that.setData({
         showComment: true,
-        conList:[]
+        conList:[],
+        searchinput: '',
+        placeholder: '留下你的精彩评论吧',
+        ReplyId: 0
       })
     let userInfo = (wx.getStorageSync('userInfo'))
     let VideoId = that.data.videoList[that.data.current].Id
@@ -400,23 +404,18 @@ Page({
         icon: 'none',
         duration: 1000
       })
-      if (that.data.placeholder =='留下你的精彩评论吧'){
+      if (that.data.placeholdertype ==0){
         that.btnTx()
       }else{
         that.openChildren()
       }
-        that.setData({
-          searchinput: '',
-          placeholder: '留下你的精彩评论吧',
-          ReplyId: 0
-        })
+        
      
       
      
     }).catch(err => { })
   },
   loadMore: function () {
-    console.log('上拉成功')
     if (this.data.hasMoreData) {
       this.btnTx()
     } else {
@@ -429,6 +428,7 @@ Page({
   },
   //回复别人
   ReplyPeople:function(e){
+    
     var that = this;
     let index = e.currentTarget.dataset.index;
     let conList = that.data.conList;
@@ -440,11 +440,13 @@ Page({
       placeholder: '@' + Name,
       ReplyId: conList[index].Id,
       index:index,
-      conList: conList
+      conList: conList,
+      placeholdertype:1
     })
     that.openChildren()
   },
   openChildren:function(e){
+    
     var that = this;
     let index ;
     if(e!=undefined){
@@ -452,11 +454,19 @@ Page({
     }else{
       index= that.data.index
     }
+
     
     let conList = that.data.conList;
     let userInfo = (wx.getStorageSync('userInfo'))
     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 = {
       'pageIndex': 1,
       'pageSize': pageSize,
@@ -475,6 +485,7 @@ Page({
       }
       conList[index].showChildren = true;
       conList[index].ChildrenList = data;
+
       that.setData({
         conList: conList
       })
@@ -482,13 +493,13 @@ Page({
     }).catch(err => { })
   },
   activeFocus:function(e){
-    if (e.detail.height==0){
-      this.setData({
-        searchinput: '',
-        placeholder: '留下你的精彩评论吧',
-        ReplyId: 0
-      })
-    }
+    // if (e.detail.height==0){
+    //   this.setData({
+    //     searchinput: '',
+    //     placeholder: '留下你的精彩评论吧',
+    //     ReplyId: 0
+    //   })
+    // }
   },
   dianzan:function(e){
     var that = this;
@@ -535,7 +546,6 @@ Page({
      })
   },
   dianzan2:function(e){
-    console.log(e.currentTarget.dataset)
     var that = this;
     let index1 = e.currentTarget.dataset.index1;
     let index2 = e.currentTarget.dataset.index2;
@@ -633,7 +643,6 @@ Page({
     let conList = that.data.conList;
     let userInfo = (wx.getStorageSync('userInfo'))
     let CommentId = conList[index1].ChildrenList[index2].Id
-      console.log(index1, index2, CommentId)
     let msg = {
       'CommentId': CommentId,
       'GuestId': userInfo.GuestId
@@ -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位数的都是时间毫秒。
     var minute = 1000 * 60;      //把分，时，天，周，半个月，一个月用毫秒表示
     var hour = minute * 60;

pages/video/video.wxml

@@ -62,7 +62,7 @@
         >
           <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' 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:else src="../../images/tabbar/me.png"  bindtap='closeCon'></image>
             </view>
@@ -107,7 +107,7 @@
 
         <!-- 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"
             />
             <view class='btn_c' bindtap="btn_c">

pages/video/videoAuthor/videoAuthor.js

@@ -211,7 +211,7 @@ Page({
       list = encodeURIComponent(JSON.stringify(that.data.likelist))
     }
     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){ //更新数据

pages/video/video_t/video_t.json

+{
+  "navigationBarTitleText": "视频详情",
+  "navigationBarTextStyle": "white",
+  "enablePullDownRefresh": true,
+  "navigationStyle": "custom",
+  "disableScroll": true
+}
\ No newline at end of file

pages/video/video_t/video_t.wxml

+<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>

pages/video/video_t/video_t.wxss

+
+/**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