83 lines
2.0 KiB
Vue
83 lines
2.0 KiB
Vue
<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>
|