Skip to content

V
vue-ssr
Commit f5fb06d4 authored by lixy's avatar lixy
Browse files
Options

Merge branch 'devModify' 

# Conflicts:
#	components/footer.vue
#	components/menu.vue
#	nuxt.config.js
#	pages/tour.vue
parents 9e5c1a30 b8e4ac48
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 15532 additions and 104 deletions
assets/code.json 0 → 100644
View file @ f5fb06d4
This diff is collapsed.
assets/main.css
View file @ f5fb06d4
......@@ -136,7 +136,7 @@ body {
}
.main-container{
margin-top:120px;
margin-top:174px;
min-height: 600px;
min-width: 1120px;
overflow: hidden;
......@@ -164,7 +164,9 @@ h2{
color: #333;
transition: all .5s cubic-bezier(.55, 0, .1, 1);
}
.flex-aic-noc{
display: flex;
}
.flex-aic{
display: flex;
align-items: center;
......
components/findMenu.vue 0 → 100644
View file @ f5fb06d4
<template>
<div>
<div style="margin: 20px 0;padding: 0" class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
<span>搜索结果页</span>
</div>
<ul class="v-ul clearfix">
<li v-for="menu in findList" :key="menu.id">
<nuxt-link :to="menu.link + '?keywords=' + listQuery.keyword" style="color:#000" :class="router== menu.link?'active':''">{{ menu.name }} ({{menu.number}})</nuxt-link>
</li>
</ul>
</div>
</template>
<script>
import axios from "../plugins/axios";
export default {
data() {
return {
router: "/",
tourType: [],
campsiteType: [],
findList: [
{ id: 1, value: "1", name: "综合", link: "/findList/all", number: 0 },
{ id: 2, value: "2", name: "车型", link: "/findList/findVehicle", number: 0 },
{ id: 3, value: "3", name: "旅游", link: "/findList/findTour", number: 0 },
{ id: 4, value: "4", name: "营地", link: "/findList/findCampsite", number: 0 },
{ id: 5, value: "5", name: "活动", link: "/findList/findActivity", number: 0 },
{ id: 6, value: "6", name: "新闻", link: "/findList/findNew", number: 0 },
{ id: 7, value: "7", name: "子公司", link: "/findList/findCompany", number: 0 }
],
allDetail: [],
carDetail: [],
tourDetail: [],
campsiteDetail: [],
actDetail: [],
newDetail: [],
companyDetail: [],
listQuery: {
type: "",
keyword: "",
page: "",
limit: ""
}
};
},
components: {},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
let router = this.$route.path;
this.router = router;
},
methods: {
async getAll() {
// this.listQuery.keyword = this.$route.query.keywords;
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
this.findList[1].number = data.vehicle.totalCount;
this.findList[2].number = data.tour.totalCount;
this.findList[3].number = data.campsite.totalCount;
this.findList[4].number = data.activity.totalCount;
this.findList[5].number = data.news.totalCount;
this.findList[6].number = data.company.totalCount;
var allNum = 0;
for (var i = 1; i < 7; i++) {
allNum = allNum + this.findList[i].number;
}
this.findList[0].number = allNum;
}
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
}
.v-ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 70px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
</style>
components/footer.vue
View file @ f5fb06d4
......@@ -29,7 +29,8 @@
<li v-for="(item,index) in list" :key="index">
<!-- <nuxt-link :to="item.linkUrl">{{ item.name }}</nuxt-link> -->
<a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
</li>|
<span>|</span>
</li>
</ul>
</div>
<div class="link-f flex-aic-jcc">
......@@ -65,11 +66,8 @@ import axios from '../plugins/axios'
this.listShow = true
}
this.list = data;
console.log(data);
},
}
}
</script>
components/menu.vue
View file @ f5fb06d4
This diff is collapsed.
nuxt.config.js
View file @ f5fb06d4
......@@ -34,6 +34,7 @@ module.exports = {
{ src: '~plugins/filters.js', srr: false },
{ src: '~/plugins/elementUI.js', srr: false },
{ src: '~/plugins/baidu.js', srr: true },
{ src: '~/plugins/viewer.js', srr: true },
],
build: {
extend(config, { isDev, isClient }) {
......
package-lock.json 0 → 100644
View file @ f5fb06d4
This diff is collapsed.
pages/aboutXx.vue
View file @ f5fb06d4
......@@ -172,7 +172,7 @@
if(path == '/aboutXx'){
var menuTop = document.querySelector('#historyNav').offsetTop;
//滑动到指定位置菜单吸顶
if (scrollTop > menuTop-120) {
if (scrollTop > menuTop-180) {
this.barFixed = true;
}
let top1 = document.querySelector('#history01').offsetTop;
......@@ -244,7 +244,7 @@
justify-content: center;
width: 100%;
background: #fff;
top:120px;
top:180px;
}
.brand-cn{
font-size: 16px;
......
pages/activityList/_id.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container">
<div class="wrap">
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......
pages/campsite.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<menu-modal @goCam="goCam"></menu-modal>
<div class="main-container">
<vehicle-banner
:list = "bannerList"
......@@ -99,6 +99,7 @@ export default {
};
},
created() {
this.listQuery.type = this.$route.query.types;
this.getType();
this.getAll();
},
......@@ -109,9 +110,21 @@ export default {
chooseSelect() {
console.log(this.typeList);
this.listQuery.type = this.typeList
this.listQuery.type = this.typeList;
this.$router.push({ path: "/campsite", query: { types: this.listQuery.type } });
this.getAll();
},
goCam(e){
this.listQuery.type = e;
for(var i = 0;i<this.dataType.length;i++){
if(e == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
this.getAll();
// this.typeList="营地类型";
},
handleCurrentChange(val) {
this.listQuery.pageNo = val;
this.getAll();
......@@ -127,6 +140,11 @@ export default {
} = await axios.get("/api/campsite/campsiteTag/app/unauth/tags");
data.unshift({id:"",name:'全部'})
this.dataType = data;
for(var i = 0;i<this.dataType.length;i++){
if(this.$route.query.types == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
},
async getAll() {
let {
......
pages/campsiteDetails/_id.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......
pages/company.vue 0 → 100644
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap">
<div class="bread-menu" style="margin-top: 20px;padding: 0;">
<nuxt-link to="/">首页></nuxt-link>
<span>联系我们</span>
<div class="clearfix" style="margin-top:22px">
<div style="float:left;width:526px;margin-right:69px;">
<div
style="font-size:20px;font-weight:Bold;text-align:center;margin-bottom:30px"
>欣新房车全国分布图</div>
<viewer>
<img id="image" src="https://mgmt.dfangche.com/xxfccn/image/contact/map.jpg" alt style="width:526px;height:430px" />
</viewer>
</div>
<div style="float:left;width:500px">
<div
style="font-size:20px;font-weight:Bold;text-align:center;margin-bottom:30px"
>欣新房车集团总部</div>
<img
src="https://mgmt.dfangche.com/xxfccn/image/contact/xxfc.jpg"
alt
style="width:500px;height:320px"
/>
<p style="font-size:20px;margin-top:24px;color:#333333">欣新房车控股集团股份有限公司</p>
<div style="margin-top:25px;color:#666666">
<i class="el-icon-phone"></i>
4000-369-369
</div>
<div style="margin-top:13px;color:#666666">
<i class="el-icon-location"></i>
广东省 东莞市 松山湖 高新技术产院工业西路12号
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #fff">
<div class="wrap-list">
<div style="font-weight:600;font-size:20px;text-align: center;">
<span>全国子公司</span>
</div>
<!-- 省份 -->
<div class="province-city" >
<span style="margin-right:14px">省份</span>
<el-select v-model="province" placeholder="请选择省份" @change="provinceChanged">
<el-option :key="''" :label="'全部'" :value="''"></el-option>
<el-option
v-for="item in provinces"
:key="item.code+100"
:label="item.name"
:value="item.code"
></el-option>
</el-select>
<span style="margin:0 14px 0 35px">城市</span>
<el-select
v-model="city"
:loading="loadingCity"
@change="cityChanged"
placeholder="请选择城市"
>
<el-option :key="''" :label="'全部'" :value="''"></el-option>
<el-option
v-for="item in cities"
:key="item.code"
:label="item.name"
:value="item.code"
></el-option>
</el-select>
<el-button plain @click="chooseCity()" style="margin-left:35px;width:104px;height:38px" icon="el-icon-search">筛选</el-button>
</div>
<!-- 公司 -->
<div style="margin-top: 31px;" v-if="this.visibility">该城市暂时没有分公司信息</div>
<div v-if="!this.visibility">
<ul class="v-ul clearfix">
<li v-for="item in childDetail" :key="item.comnpanyBaseId">
<h2 style="font-size:18px;margin-bottom:24px">{{item.name}}</h2>
<h2 style="font-size:12px;color:#999;margin-bottom:7px">
<i class="el-icon-phone"></i>
电话:{{item.leaderContactInfo}}
</h2>
<h2 style="font-size:12px;color:#999">
<i class="el-icon-location"></i>
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2>
</li>
</ul>
<div class="pagination-container">
<el-pagination
@current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]"
:page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper"
:total="totalCount"
></el-pagination>
</div>
</div>
</div>
</div>
</div>
<go-top></go-top>
<footer-modal></footer-modal>
</div>
</template>
<script>
// new Viewer(image, {
// url(image) {
// return image.src.replace('thumb_', '');
// },
// });
import axios from "../plugins/axios";
import menuModal from "../components/menu";
import footerModal from "../components/footer";
import vehicleBanner from "../components/vehicleBanner";
import GoTop from "../components/goTop";
import provinceCity from "../assets/code.json";
// import Viewer from 'viewerjs';
export default {
transition: "bounce",
components: {
GoTop,
menuModal,
footerModal,
vehicleBanner
},
created() {
this.getAll();
this.provinces = provinceCity.provinces;
},
mounted() {
this.province = this.provinceCode;
this.provinceChanged(this.provinceCode);
this.city = this.cityCode;
},
data() {
return {
visibility:false,
childDetail: [],
listQuery: {
addrCity: "",
addrProvince: "",
page: 1,
limit: 10
},
totalCount: 0,
loadingCity: false,
province: "",
city: "",
provinces: [],
cities: []
};
},
methods: {
async getAll() {
let {
data: { data }
} = await axios.post("api/uccn/app/unauth/branch_company/page", {
page: this.listQuery.page,
limit: this.listQuery.limit,
addrCity:this.listQuery.addrCity,
addrProvince:this.listQuery.addrProvince
});
this.childDetail = data.data;
if(this.childDetail == undefined){
this.visibility = true
}else{
this.visibility = false
}
this.totalCount = data.totalCount;
console.log(this.childDetail);
this.listQuery.addrCity = "";
this.listQuery.addrProvince = ""
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
provinceChanged(value) {
if (value !== "") {
this.loadingCity = true;
for (var item of this.provinces) {
if (item.code === value) {
this.cities = item.cities;
this.city = "";
this.loadingCity = false;
break;
} else {
continue;
}
}
} else {
this.cities = [];
this.city = "";
}
this.$emit("selectChange", this.province, this.city);
},
cityChanged(value) {
this.$emit("selectChange", this.province, this.city);
},
chooseCity(){
if(this.city == undefined && this.province == undefined){ // 没选
console.log(1);
return
}if(this.city == "" && this.province == ""){ //全选
this.getAll();
console.log(2);
}if(this.city == "" && this.province != ""){ //选省没选市
this.listQuery.addrProvince = this.province+'00';
this.getAll();
console.log(3);
}if(this.city != "" && this.province != ""){ //选省选市
this.listQuery.addrProvince = this.province+'00';
this.listQuery.addrCity = this.city+'00';
this.getAll();
console.log(4);
}
}
},
head() {
return {
title: this.headList.title,
meta: [
{ hid: "keywords", name: "keywords", content: this.headList.keywords },
{
hid: "description",
name: "description",
content: this.headList.description
}
]
};
},
async asyncData() {
const { data } = await axios.get(
"/api/app/banner/app/unauth/findBannerlist?type=1&platform=1"
);
let cc = data.data;
let headData = await axios.get(
"/api/uccn/seo/app/unauth/officialWebsite/3"
);
let head = headData.data.data;
return { bannerList: cc, headList: head };
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.wrap-list {
width: 1120px;
margin: 0 auto 0px auto;
padding-top: 49px;
padding-bottom: 40px;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 31px;
}
.v-ul li {
margin: 0;
padding: 20px;
list-style: none;
float: left;
width: 540px;
height: 140px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
margin-bottom: 30px;
/* border:1px solid #eee */
/* font-size: 22px;
padding-right: 30px; */
}
.v-ul li:nth-child(odd) {
margin-right: 40px;
}
.province-city{
text-align: center;
margin-top:40px
}
</style>
pages/findList/all.vue 0 → 100644
View file @ f5fb06d4
This diff is collapsed.
pages/findList/findActivity.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新活动</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in actDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.banner" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-location"></i>
{{item.province}}{{item.city}}{{item.town}}{{item.address}}
</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
actDetail: [],
listQuery: {
type: "activity",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
console.log(this);
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.data.map(function(item) {
item.link = encodeURI(
"/activityList/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.actDetail = data;
this.totalCount = data.totalCount
//活动
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findCampsite.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">房车营地</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in campsiteDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.logo" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
营地详情
<img style="position: absolute;" src="../../assets/images/r.png" />
</button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
campsiteDetail: [],
listQuery: {
type: "campsite",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.data.map(function(item) {
item.link = encodeURI(
"/campsiteDetails/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.campsiteDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findCompany.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新子公司</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in companyDetail.data" :key="item.id">
<nuxt-link to="/" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-phone"></i>
{{item.leaderContactInfo}}
</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:7px">
<i class="el-icon-location"></i>
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
companyDetail: [],
listQuery: {
type: "company",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
// data.data.map(function(item) {
// item.link = encodeURI(
// "/campsiteDetails/" + item.id + "?name=" + item.name
// );
// item.link = encodeURI(item.link);
// });
this.companyDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findNew.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新资讯</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in newDetail.list" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.coverImage" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
newDetail: [],
listQuery: {
type: "news",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.list.map(function(item) {
item.link = encodeURI(
"/newsList/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.newDetail = data;
this.totalCount = data.total
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findTour.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">房车旅游</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in tourDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">旅游详情<img style="position: absolute;" src="../../assets/images/r.png"/></button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
tourDetail: [],
listQuery: {
type: "tour",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
// 旅游
data.data.map(function(item){
item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name);
item.link = encodeURI(item.link);
});
this.tourDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findVehicle.vue 0 → 100644
View file @ f5fb06d4
This diff is collapsed.
pages/indexWeb.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" >
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap" style="">
<div style="margin: 20px 0;padding: 0" class="shouy">
<nuxt-link to="/" >首页></nuxt-link>
<span>网站地图</span>
</div>
<div class="webMap">
<div style="padding-bottom:23px;overflow:hidden;border-bottom:1px solid #F2F2F2" >关于欣新</div>
<div >
<div style="margin-top:23px">产品展示</div>
<ul class="v-ul clearfix">
<li style="margin-right:12px" @click="chooseVe()">
房车租赁
</li>
<li
v-for="item in vehicleType"
:key="item.id"
style=""
@click="chooseVe(item.id)"
>{{item.name}}</li>
</ul>
<ul class="v-ul clearfix" style="margin-top:9px">
<li style="margin-right:12px;"
@click="chooseSelect()">
房车旅行
</li>
<li
v-for="item in tourType"
:key="item.id"
@click="chooseSelect(item.id)"
>{{item.name}}</li>
</ul>
<ul class="v-ul clearfix" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:12px" @click="chooseType()">
房车营地
</li>
<li
v-for="item in campsiteType"
:key="item.id"
@click="chooseType(item.id)"
>{{item.name}}</li>
</ul>
</div>
<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >
<div style="">招商加盟</div>
</div>
<div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div style="padding-top:22px">新闻资讯</div>
<ul class="v-ul clearfix">
<li style="">
<nuxt-link to="/activity" >欣新活动</nuxt-link>
</li>
<li style="">
<nuxt-link to="/news" >新闻动态</nuxt-link>
</li>
</ul>
</div>
<div class="margin-Top">
<div style="">联系我们</div>
</div>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../plugins/axios";
import menuModal from "../components/menu";
import footerModal from "../components/footer";
import GoTop from "../components/goTop";
export default {
data() {
return {
tourType: [],
campsiteType: [],
vehicleType:[]
};
},
components: {
GoTop,
menuModal,
footerModal
},
created() {
this.getType();
},
methods: {
chooseSelect(e){
if(e == undefined){
e = "",
console.log(2);
}
this.$router.push({ path: '/tour', query: { tagIds: e } });
console.log(e);
},
chooseType(e){
if(e == undefined){
e = "",
console.log(3);
}
this.$router.push({ path: '/campsite', query: { types: e } });
console.log(e);
},
chooseVe(e){
if(e == undefined){
e = "",
console.log(3);
}
this.$router.push({ path: '/vehicle', query: { types: e } });
console.log(e);
},
async getType() {
const tour = await axios.get("/api/uccn/app/unauth/tour/tagList");
this.tourType = tour.data.data;
const campsite = await axios.get(
"/api/campsite/campsiteTag/app/unauth/tags"
);
this.campsiteType = campsite.data.data;
const child = await axios.get(
"/vehicle/cata/app/unauth/types"
);
this.vehicleType = child.data.data;
console.log(this.childType);
},
// goTo(){
// this.$router.push({ path: "/campaite", query: { type: 53 } });
// }
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 24px 28px 24px 31px;
font-size: 14px;
width: 1120px;
height: 470px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
margin-top: 15px;
list-style: none;
}
.v-ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
cursor: pointer;
width:90px;height:30px;line-height:30px;text-align:center
}
.v-ul li:hover{
background-color: #1BBB9F;
color: #fff
}
a{
text-decoration: none;
color: #666666
}
.v-ul li:hover a{
background-color: #1BBB9F;
color: #fff
}
.margin-Top{
margin-top:22px;
}
.shouy{
color: #666666
}
.shouy a:hover{
color: #1BBB9F
}
</style>
pages/newsList/_id.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......
pages/tour.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<menu-modal v-on:goTour = "goTour"></menu-modal>
<div class="main-container">
<div>
<vehicle-banner
......@@ -25,7 +25,6 @@
</div>
<div class="clearfix total-div" style="background-color: #fff;padding:13px 0 19px 14px;color:#666;height:50px">
共{{totalCount}}个旅行路线
<!-- <div class="selectDiv"> -->
<el-select
style="width:150px;height:30px;float:right;margin:-8px 10px 10px 0"
value-key="id"
......@@ -40,15 +39,7 @@
:value="item.id">
</el-option>
</el-select>
<!-- <select
@change="choose($event)"
style="width:145px;text-align:center;height:30px;float:right;border:none;outline: none;color:#666;padding-left:30px"
>
<option value>旅行类型</option>
<option v-for="item in dataType" :value="item.id" :key="item.id" style="outline: none;">{{ item.name }}</option>
<option value>全部</option>
</select> -->
<!-- </div> -->
</div>
<h3 v-if="dataNull" style="margin:20px 0;background-color: #fff;padding:20px">暂无信息</h3>
<ul class="campsiteDetail" v-if="!dataNull">
......@@ -92,8 +83,13 @@
vehicleBanner
},
created() {
this.listQuery.tagId = this.$route.query.tagIds;
this.getType();
this.getAll();
},
data(){
return{
......@@ -119,8 +115,21 @@
};
},
methods:{
goTour(e){
this.listQuery.tagId = e;
for(var i = 0;i<this.dataType.length;i++){
if(e == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
// console.log(this.dataType);
// this.typeList="旅行类型"
this.getAll();
},
chooseSelect() {
this.listQuery.tagId = this.typeList
this.listQuery.tagId = this.typeList;
this.$router.push({ path: "/tour", query: { tagIds: this.listQuery.tagId } });
this.getAll();
},
handleCurrentChange(val) {
......@@ -143,11 +152,17 @@
data.unshift({id:"",name:'全部'})
this.dataType = data;
this.loading = false
for(var i = 0;i<this.dataType.length;i++){
if(this.$route.query.tagIds == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
},
async getAll() {
let {
data: { data }
} = await axios.get(`/api/uccn/app/unauth/tour/getGoodList?tagId=${this.listQuery.tagId}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`);
data.data.map(function(item){
item.link = encodeURI('/tourDetails/' + item.id);
item.link = encodeURI(item.link);
......
pages/tourDetails/_id.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container" >
<div class="wrap" >
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......@@ -9,40 +9,6 @@
<span>{{detail.name}}</span>
</div>
<div class="clearfix" style="background-color:#fff;padding:40px 20px 40px 40px;width:1120px;height:536px">
<!-- <div style="float:left;width:544px;margin-right:10px">
<div class="gallery-top-box" style="width:100%">
<div class="swiper-container gallery-top" ref="mySwiper">
<div class="swiper-wrapper" >
<div
class="swiper-slide"
v-for="(item,idx) in detail.pictureList"
:key="idx"
>
<img :src="item.cover" style="width:100%;height:388px" />
</div>
</div>
</div>
<div class="gallery-thumbs-box" >
<div class="swiper-container gallery-thumbs" >
<div class="swiper-wrapper swiper-wrapper-thu" >
<div
class="swiper-slide"
v-for="(item,index) in detail.pictureList"
:key="index"
@click="changeImgIndex(index,detail.pictureList.length)"
>
<img
:src="item.cover"
:class="preIndex==index?'active':''"
alt
style="width:100px;height:64px"
/>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div style="float:left;width:544px;margin-right:10px">
<div class="gallery-top-box" style="width:100%">
<div class="swiper-container gallery-top" ref="mySwiper">
......@@ -131,7 +97,14 @@
</div>
<div class="clearfix" style="margin-top:40px">
<div style="float:left;width:800px;background-color:#fff;padding:31px 50px;">
<!-- <div style="float:left;width:190px;background-color:#fff;padding:40px 28px;margin-right:14px;">
<ul class="typeUl">
<li>行程亮点</li>
<li>行程介绍</li>
<li>报名须知</li>
</ul>
</div> -->
<div style="float:left;width:884px;background-color:#fff;padding:31px 50px;">
<h3 style="font-size:16px;font-weight:bold;margin-bottom:20px">行程亮点</h3>
<div v-html="detail.content">
</div>
......@@ -142,15 +115,15 @@
<div v-html="notice[0].value">
</div>
</div>
<div id = "fixContainer" class="hot-r-campsite" style="float:left;width:300px;margin-left:20px;background-color:#fff;text-align:center">
<div id = "fixContainer" class="hot-r-campsite" style="float:left;width:220px;margin-left:16px;background-color:#fff;text-align:center">
<div id="tourHotId" :class="barFixed?'isFixed':''">
<h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:16px">热门旅行</h3>
<h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:14px">热门旅行</h3>
<!--<div style="float:left;width:300px;margin-left:20px;background-color:#fff;text-align:center">-->
<!--<h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:16px">热门旅行</h3>-->
<div v-for="(item,index) in hotList" :key="index" style="width:100%;padding:25px 60px 0 60px">
<img :src="item.cover" alt="" style="width:180px;height:135px">
<div v-for="(item,index) in hotList" :key="index" style="width:100%;padding:25px 25px 0 25px">
<img :src="item.cover" alt="" style="width:161px;height:116px">
<h5 style="overflow: hidden;text-overflow:ellipsis;margin:21px 0 30px 0;font-weight:400;font-size:16px;white-space: nowrap;">{{item.name}}</h5>
<nuxt-link :to="item.link"><button class="buttonDetail" style="font-size:14px;margin-bottom:57px" >旅游详情</button></nuxt-link>
<nuxt-link :to="item.link"><button class="buttonDetail" style="font-size:14px;margin-bottom:25px" >旅游详情</button></nuxt-link>
</div>
</div>
......@@ -236,7 +209,7 @@ export default {
if (!user) {
return error({ message: 'User not found', statusCode: 404 })
}
let tempBannerData = await axios.get( env.host + '/api/uccn/random/list/app/unauth/get?type=2');
let tempBannerData = await axios.get('/api/uccn/random/list/app/unauth/get?type=2');
let hot = tempBannerData.data.data;
hot.map(function(item){
item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name);
......@@ -244,7 +217,7 @@ export default {
});
console.log(hot);
let noticeData = await axios.get( env.host + '/api/app/cofig/app/unauth/types?types=14');
let noticeData = await axios.get('/api/app/cofig/app/unauth/types?types=14');
let notice = noticeData.data.data;
return {detail: user, hotList: hot, notice: notice}
},
......@@ -314,7 +287,7 @@ export default {
.isFixed{
position: fixed;
top: 120px;
width: 300px;
width: 220px;
background: #fff;
}
.clearfix:after {
......@@ -392,6 +365,11 @@ export default {
width: 32%;
float: left;
}
.typeUl{
padding:0;
margin:0;
list-style:none;
}
</style>
......
pages/vehicle.vue
View file @ f5fb06d4
This diff is collapsed.
pages/vehicleList/_id.vue
View file @ f5fb06d4
<template>
<div class="vehicle-container">
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......
plugins/viewer.js 0 → 100644
View file @ f5fb06d4
import Vue from 'vue'
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer);
Viewer.setDefaults({
Options: {
"inline": true, "button": true, "navbar": true, "title": true,"toolbar": true,
"tooltip": true, "movable": true,"zoomable": true,"rotatable": true,
"scalable": true,"transition": true, "fullscreen": true, "keyboard": true,
"url": "data-source"
}
})
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment