70a23746 by zhangmeng

旅游地址

1 parent dd36693f
......@@ -15,36 +15,41 @@
<div v-loading="loading" class="box">
<el-row :gutter="20">
<el-col
v-for="(h,index) in list" :key="h.id" :lg="24" :md="24" :sm="24"
v-for="(h) in list" :key="h.id" :lg="24" :md="24" :sm="24"
:xl="24"
:xs="24" class="mb20"
>
<el-card>
<!-- 酒店列表-->
<el-row :gutter="20" align="middle" class="hotel">
<el-col :span="6">
<el-col :span="4" style="display: flex;justify-content: center">
<div class="imgbox">
<img :src="fillImgUrl(h.cover?.split(',')[0])" class="w100">
</div>
</el-col>
<el-col :span="12">
<h3 class="esp">{{ h.name }}</h3>
<div class="starBox">
<img v-for="i in Number(h.rank||0)" src="@/assets/booking/star.png">
</div>
<!-- <div class="starBox">-->
<!-- <img v-for="i in Number(h.rank||0)" src="@/assets/booking/star.png">-->
<!-- </div>-->
<p class="esp addr mt20">
{{ language == 0 ? '联系电话' : 'Contact Number' }}
<span class="ml5">{{ h.contact }}</span>
</p>
<p class="esp addr mt20">
<el-icon color="#929AA0" size="16" style="position: relative;top: 2px">
<Clock />
</el-icon>
<span class="ml5">{{ language == 0 ? '开园时间' : 'Opening Time' }}{{ h.startTime }}{{
h.workTime
<!-- <el-icon color="#929AA0" size="16" style="position: relative;top: 2px">-->
<!-- <Clock />-->
<!-- </el-icon>-->
{{ language == 0 ? '集合时间' : 'Opening Time' }}
<span class="ml5">{{ h.startTime }}{{
h.startTime
}}</span>
</p>
<p class="esp addr mt20">
<el-icon color="#929AA0" size="16" style="position: relative;top: 2px">
<LocationFilled />
</el-icon>
<!-- <el-icon color="#929AA0" size="16" style="position: relative;top: 2px">-->
<!-- <LocationFilled />-->
<!-- </el-icon>-->
{{ language == 0 ? '集合地点' : 'Meeting Point' }}
{{ h.address }}
</p>
</el-col>
......@@ -135,7 +140,7 @@ async function goDetail(item) {
img.w100 {
object-fit: cover;
aspect-ratio: 16/9
aspect-ratio: 10/14
}
.addr {
......@@ -212,8 +217,11 @@ async function goDetail(item) {
}
.imgbox {
width: 100%;
height: 100%;
max-width: 159px;
max-height: 210px;
//width: 159px;
//height: 210px;
position: relative;
img {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!