旅游地址
Showing
1 changed file
with
25 additions
and
17 deletions
| ... | @@ -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 { | ... | ... |
-
Please register or sign in to post a comment