<style scoped>
.card {
  padding: 20px;
    width: 560px;
  border: 1px solid #f0efef;
  border-radius: 8px;
}
.avator {
    width: 34px;
height: 34px;
background: #000000;
border-radius: 50%;
}
.img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}
</style>
<template>
  <div class="card">
    <div class="flex item-center justify-between">
      <div class="flex item-center">
        <img
          class="avator"
          src="https://imgfile.oytour.com/Upload/DMC/202110131151571540000000139.jpeg"
        />
        <span class="ml">昵称</span>
      </div>
      <span class="f12 text-grey-14">评价日期:2023年2月21日</span>
    </div>
    <div class="mt mb flex">
        <star :value="3.5"></star><span>超赞</span>
    </div>
    <div class="f12 text-grey-14">
        高级双人房。两人。一晚
    </div>
    <div class="mt mb">
        评价内容
    </div>
    <div class="flex flex-wrap">
        <img
          class="img"
          src="https://imgfile.oytour.com/Upload/DMC/202110131151571540000000139.jpeg"
        />
    </div>
  </div>
</template>
<script>
import star from './star.vue'
export default {
    components: {star},
  data() {
    return {};
  },
};
</script>
