70a23746 by zhangmeng

旅游地址

1 parent dd36693f
...@@ -15,36 +15,41 @@ ...@@ -15,36 +15,41 @@
15 <div v-loading="loading" class="box"> 15 <div v-loading="loading" class="box">
16 <el-row :gutter="20"> 16 <el-row :gutter="20">
17 <el-col 17 <el-col
18 v-for="(h,index) in list" :key="h.id" :lg="24" :md="24" :sm="24" 18 v-for="(h) in list" :key="h.id" :lg="24" :md="24" :sm="24"
19 :xl="24" 19 :xl="24"
20 :xs="24" class="mb20" 20 :xs="24" class="mb20"
21 > 21 >
22 <el-card> 22 <el-card>
23 <!-- 酒店列表--> 23 <!-- 酒店列表-->
24 <el-row :gutter="20" align="middle" class="hotel"> 24 <el-row :gutter="20" align="middle" class="hotel">
25 <el-col :span="6"> 25 <el-col :span="4" style="display: flex;justify-content: center">
26 <div class="imgbox"> 26 <div class="imgbox">
27 <img :src="fillImgUrl(h.cover?.split(',')[0])" class="w100"> 27 <img :src="fillImgUrl(h.cover?.split(',')[0])" class="w100">
28 </div> 28 </div>
29 </el-col> 29 </el-col>
30 <el-col :span="12"> 30 <el-col :span="12">
31 <h3 class="esp">{{ h.name }}</h3> 31 <h3 class="esp">{{ h.name }}</h3>
32 <div class="starBox"> 32 <!-- <div class="starBox">-->
33 <img v-for="i in Number(h.rank||0)" src="@/assets/booking/star.png"> 33 <!-- <img v-for="i in Number(h.rank||0)" src="@/assets/booking/star.png">-->
34 </div> 34 <!-- </div>-->
35 35 <p class="esp addr mt20">
36 {{ language == 0 ? '联系电话' : 'Contact Number' }}
37 <span class="ml5">{{ h.contact }}</span>
38 </p>
36 <p class="esp addr mt20"> 39 <p class="esp addr mt20">
37 <el-icon color="#929AA0" size="16" style="position: relative;top: 2px"> 40 <!-- <el-icon color="#929AA0" size="16" style="position: relative;top: 2px">-->
38 <Clock /> 41 <!-- <Clock />-->
39 </el-icon> 42 <!-- </el-icon>-->
40 <span class="ml5">{{ language == 0 ? '开园时间' : 'Opening Time' }}{{ h.startTime }}{{ 43 {{ language == 0 ? '集合时间' : 'Opening Time' }}
41 h.workTime 44 <span class="ml5">{{ h.startTime }}{{
45 h.startTime
42 }}</span> 46 }}</span>
43 </p> 47 </p>
44 <p class="esp addr mt20"> 48 <p class="esp addr mt20">
45 <el-icon color="#929AA0" size="16" style="position: relative;top: 2px"> 49 <!-- <el-icon color="#929AA0" size="16" style="position: relative;top: 2px">-->
46 <LocationFilled /> 50 <!-- <LocationFilled />-->
47 </el-icon> 51 <!-- </el-icon>-->
52 {{ language == 0 ? '集合地点' : 'Meeting Point' }}
48 {{ h.address }} 53 {{ h.address }}
49 </p> 54 </p>
50 </el-col> 55 </el-col>
...@@ -135,7 +140,7 @@ async function goDetail(item) { ...@@ -135,7 +140,7 @@ async function goDetail(item) {
135 140
136 img.w100 { 141 img.w100 {
137 object-fit: cover; 142 object-fit: cover;
138 aspect-ratio: 16/9 143 aspect-ratio: 10/14
139 } 144 }
140 145
141 .addr { 146 .addr {
...@@ -212,8 +217,11 @@ async function goDetail(item) { ...@@ -212,8 +217,11 @@ async function goDetail(item) {
212 } 217 }
213 218
214 .imgbox { 219 .imgbox {
215 width: 100%; 220 max-width: 159px;
216 height: 100%; 221 max-height: 210px;
222 //width: 159px;
223 //height: 210px;
224
217 position: relative; 225 position: relative;
218 226
219 img { 227 img {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!