<template>
  <view class="evaluateNotice">
    <view class="list" v-for="(item, index) in 6" :key="index">
      <view class="fl-flex-item">
        <view class="fl-flex">
          <image
            src="/static/icon/QR57a.jpg"
            mode="scaleToFill"
            style="width: 80rpx; height: 40px; border-radius: 40px"
          />
          <view>
            <view class="text-bold f-s-28" style="margin-bottom: 10rpx">易只烊</view>
            <view class="f-s-22 text-black">2024年2月5日</view>
          </view>
        </view>
        <u-icon name="arrow-right" color="#efefef" size="15" />
      </view>
      <view class="text">
        很好的购物体验，包装很严实，发货也很的购物发货也很的购物体验，包装很严实，发货也很的购物体验，包装很严实，发货也很快。
      </view>
      <view class="fl-flex img">
        <image
          src="https://cdn.uviewui.com/uview/album/1.jpg"
          mode="scaleToFill"
          style="height: 120rpx; width: 120rpx"
        />
        <image
          src="https://cdn.uviewui.com/uview/album/1.jpg"
          mode="scaleToFill"
          style="height: 120rpx; width: 120rpx"
        />
        <image
          src="https://cdn.uviewui.com/uview/album/1.jpg"
          mode="scaleToFill"
          style="height: 120rpx; width: 120rpx"
        />
      </view>
    </view>
  </view>
</template>

<script>
  import { getOrderCommentInform , clearInformFlag } from '@/api/client/message.js';
export default {
  data(){
    return{
      queryParams:{
        paging:'1,10',
        counting:true
      }
    }
  },
  mounted(){
    this.handlerInitList()
  },
  
  onShow(){
  	clearInformFlag({type:'COMMENT'}).then(res=>{
  		console.log("@@@res",res)
  	})
  },
  methods: {
    handlerInitList(){
      getOrderCommentInform(this.queryParams).then(res=>{
        console.log("@@@@res",res)
      })
    }
  },
};
</script>

<style lang="scss" scoped>
.evaluateNotice {
  min-height: 100vh;
  padding: 20rpx;
  .list {
    background-color: #fff;
    border-radius: 20rpx;
    padding: 20rpx;
    margin-bottom: 20rpx;
  }
  .text {
    margin: 20rpx 0;
    color: black;
  }
  .img {
    image {
      margin-right: 10rpx;
    }
  }
}
</style>
