Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
7e1d5ab2 by 杨炀
Options

no message

1 parent ffb737e9
Inline Side-by-side
Showing 8 changed files with 143 additions and 54 deletions
src/apiPc/booking.js 0 → 100644
File mode changed
src/viewsPc/booking/hotel.vue
<template>
<div>
<div class="banner">
<img src="@/assets/booking/jd_text.png">
</div>
<div class="box">
<el-card class="mt30">
<!-- 酒店列表-->
<div class="searchBar">
<el-input placeholder="请输入关键字搜索" v-model="query.name" class="no-border">
</el-input>
<el-button size="large" type="primary" class="btn-lineG" icon="search">搜索</el-button>
</div>
</div>
<div class="box">
<el-card v-for="(h,index) in list">
<!-- 酒店列表-->
<div>
<div>
<img/>
</div>
<div>
<h3>{{h.name}}</h3>
<div>
<img src="@/assets/booking/star.png">
</div>
<div>
<span v-for="t in h.tags">{{t}}</span>
</div>
<p>
<el-icon><LocationFilled /></el-icon>
{{h.address}}
</p>
</div>
</div>
</el-card>
</div>
......@@ -11,9 +39,28 @@
</template>
<script setup>
import {onMounted} from "@vue/runtime-core";
</script>
const query = ref({
name:''
})
const list = ref([''])
onMounted(()=>{
<style scoped>
})
</script>
<style scoped lang="scss">
.banner{height: 140px;background-size: cover;text-align: center;
background: url("@/assets/booking/jd_bg.png") center;display: flex;align-items: center;
justify-content: center;
img{display: block;margin:-30px auto 0;width: auto;}
}
.searchBar{position: relative;top: -30px;
background: #FFFFFF;display: flex;padding: 20px;
border-radius: 10px;}
.no-border{border: none;background: #F5F7F9;
:deep(.el-input__wrapper){border: none;box-shadow: none;background: #F5F7F9;}
}
</style>
......
src/viewsPc/components/homeQuick.vue 0 → 100644
<template>
<div class="itemBox" v-if="language == 0">
<el-row :gutter="20">
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn01.png">酒店预订</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn02.png">车辆预约</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn03.png">餐饮预约</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn04.png">票务预订</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn05.png">化妆预约</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn06.png">拍照预约</div>
</el-col>
</el-row>
</div>
</template>
<script setup>
import {useStorage} from "@vueuse/core/index";
const language= useStorage('language',0)
function goBooking(n) {
switch (n) {
case 0:
// 票务
router.push({path: `/booking/ticket/${props.matchId}`})
break;
case 1:
//酒店
router.push({path: `/booking/hotel/${props.matchId}`})
break;
case 2:
//车辆
router.push({path: `/booking/car/${props.matchId}`})
break;
case 3:
//餐饮
router.push({path: `/booking/dining/${props.matchId}`})
break;
case 4:
//化妆
router.push({path: `/booking/makeup/${props.matchId}`})
break;
case 5:
//拍照
router.push({path: `/booking/photography/${props.matchId}`})
break;
}
}
</script>
<style scoped lang="scss">
.itemBox {
padding: 20px 40px;
}
</style>
src/viewsPc/index.vue
......@@ -57,29 +57,7 @@
</div>
</el-col>
<el-col :sm="24" :lg="14">
<div class="itemBox">
<el-row :gutter="20">
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn01.png">酒店预订</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn02.png">车辆预约</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn03.png">餐饮预约</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn04.png">票务预订</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn05.png">化妆预约</div>
</el-col>
<el-col :sm="12" :lg="8">
<div class="item"><img src="@/assets/dance/btn06.png">拍照预约</div>
</el-col>
</el-row>
</div>
<HomeQuick :match-id="matchData?.id"/>
</el-col>
</el-row>
</div>
......@@ -208,7 +186,6 @@
</div>
</div>
<div class="part">
<div class="box">
<div class="indexTitle">
<h3 class="leftboderTT">媒体中心</h3>
......@@ -411,6 +388,7 @@
</div>
</template>
<script setup>
import HomeQuick from '@/viewsPc/components/homeQuick'
import {ref, nextTick, onMounted, watch} from 'vue'
import {getCurrentInstance} from '@vue/runtime-core'
import {getHomePage, getNewsListById, getNewsList, getWeather} from '@/apiPc/webSite'
......
src/viewsPc/match/components/quick-row.vue
......@@ -96,32 +96,32 @@ function building() {
ElMessage.warning('Building！')
}
function goBooking(n) {
// switch (n) {
// case 0:
// // 票务
// router.push({path: `/booking/ticket/${props.matchId}`})
// break;
// case 1:
// //酒店
// router.push({path: `/booking/hotel/${props.matchId}`})
// break;
// case 2:
// //车辆
// router.push({path: `/booking/car/${props.matchId}`})
// break;
// case 3:
// //餐饮
// router.push({path: `/booking/dining/${props.matchId}`})
// break;
// case 4:
// //化妆
// router.push({path: `/booking/makeup/${props.matchId}`})
// break;
// case 5:
// //拍照
// router.push({path: `/booking/photography/${props.matchId}`})
// break;
// }
switch (n) {
case 0:
// 票务
router.push({path: `/booking/ticket/${props.matchId}`})
break;
case 1:
//酒店
router.push({path: `/booking/hotel/${props.matchId}`})
break;
case 2:
//车辆
router.push({path: `/booking/car/${props.matchId}`})
break;
case 3:
//餐饮
router.push({path: `/booking/dining/${props.matchId}`})
break;
case 4:
//化妆
router.push({path: `/booking/makeup/${props.matchId}`})
break;
case 5:
//拍照
router.push({path: `/booking/photography/${props.matchId}`})
break;
}
}
</script>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!