<template>
  <!-- 浏览记录
  isbrowse传给子组件判断是否需要爱心  默认false 
  editor 出现checkout的bool  默认false
  list传过去的数据  Array
  options 右边滑动出现删除的东西  Array
  -->
  <view>
    <browse-item :isbrowse="true" :list="list">
      <!-- 头部插槽 -->
      <template #title>
        <text class="browseicon"><u-icon name="clock"></u-icon></text>
        <text class="browseTime">2021-12-12 13:11</text>
      </template>
    </browse-item>
  </view>
</template>

<script>
import browseItem from "./components/browseItem.vue";
export default {
  components: { browseItem },
  data() {
    return {
      list: [
        {
          id: 1,
          title:
            "wos长安回望绣成堆，山顶千门次第开，一骑红尘妃子笑，无人知是荔枝来",
          images: require("../../static/images/brank/thumb.png"),
          show: false,
          browseImg: require("../../static/images/brank/blackxin.png"),
        },
        {
          id: 2,
          title:
            "新丰绿树起黄埃，数骑渔阳探使回，霓裳一曲千峰上，舞破中原始下来",
          images: require("../../static/images/brank/thumb.png"),
          show: false,
          browseImg: require("../../static/images/brank/blackxin.png"),
        },
        {
          id: 3,
          title: "登临送目，正故国晚秋，天气初肃。千里澄江似练，翠峰如簇",
          images: require("../../static/images/brank/thumb.png"),
          show: false,
          browseImg: require("../../static/images/brank/blackxin.png"),
        },
      ],
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
//组件头部时间图标
.browseicon {
  width: 32rpx;
  ::v-deep .u-icon {
    width: 32rpx;
    height: 32rpx;
    font-size: 32rpx;
    color: red;
  }
}
//组件头部时间
.browseTime {
  width: 252rpx;
  height: 32rpx;
  font-size: 32rpx;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  margin-left: 10rpx;
}
</style>
