<template>
  <view class="container">
    <view
      class="item"
      v-for="(item, index) in list"
      :key="index"
      @click="headerDetailClick(item)"
    >
      <image
        class="left_pic"
        :src="item.pic"
      />
      <view class="center">
        <view class="title">{{ item.title }}</view>
        <u-icon name="star-fill" color="#FFB84D" />
        <view class="desc">
          <view class="desc_item" v-for="(items, ind) in item.desc" :key="ind">{{ items }}</view>
        </view>
        <view class="address">{{ item.address }}</view>
      </view>
      <view class="right">
        <view class="distance">{{ item.distance }}</view>
        <view class="discuss">
          <image
            class="discuss_pic"
            src="https://static.hshuishang.com/property-img-file/localLife_shopList_Group_1334.png"
          />
          <text>点评</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import {
  request,
  picUrl,
  uniqueByField,
  menuButtonInfo,
  NavgateTo,
} from "../../../utils";

import { apiArr } from "../../../api/v2Community";

export default {
  data() {
    return {
      list: [
        {
          title: "李氏济世堂",
          pic: "https://static.hshuishang.com/property-img-file/index_Mask_group.png",
          desc: ["到家服务", "买单返物业费", "买单返物业费"],
          address: "苏州市太仓市城厢镇桃园三村11幢105市",
          distance: "898km",
          discuss: "1334",
        },
        {
          title: "美容美发",
          pic: "https://static.hshuishang.com/property-img-file/index_Mask_group.png",
          desc: [ "买单返物业费"],
          address: "苏州市太仓市城厢镇桃园三村11幢105市",
          distance: "898km",
          discuss: "1334",
        },
      ],
    };
  },
  onLoad(options) {},

  methods: {
    headerDetailClick(item) {
      console.log("111",item);
      NavgateTo('../detail/index');
    },
  },
};
</script>

<style>
@import url("./index.css");
</style>
