Skip to content

V
vue-ssr
Commit fa6b5bd5 authored by linjw's avatar linjw
Browse files
Options

Merge branch 'master' of http://113.105.137.151:22280/lixy/vue-ssr 

# Conflicts:
#	pages/campsiteDetails/_id.vue
#	pages/tourDetails/_id.vue
parents d487c3a7 80972b4d
Show whitespace changes
Inline Side-by-side
Showing with 498 additions and 368 deletions
assets/main.css
View file @ fa6b5bd5
...@@ -114,6 +114,12 @@ h2{ ...@@ -114,6 +114,12 @@ h2{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.flex-aic-jca{
display: flex;
justify-content: space-around;
align-items: center;
}
.wrap { .wrap {
width: 1200px; width: 1200px;
margin: 0 auto 30px auto; margin: 0 auto 30px auto;
...@@ -137,7 +143,7 @@ h2{ ...@@ -137,7 +143,7 @@ h2{
background: #fff; background: #fff;
padding: 20px; padding: 20px;
} }
.new-item:hover, .activity-item:hover, .content-new:hover, .vehicle-item:hover{ .new-item:hover, .activity-item:hover, .content-new:hover, .vehicle-item:hover, .item-c:hover{
box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;
} }
.total-div{ .total-div{
......
components/banner.vue
View file @ fa6b5bd5
...@@ -144,7 +144,8 @@ ...@@ -144,7 +144,8 @@
} }
.status{ .status{
position:absolute; position:absolute;
bottom:20px; /*top:90%;*/
bottom: 30px;
width:100%; width:100%;
height:40px; height:40px;
text-align:Center; text-align:Center;
...@@ -154,6 +155,7 @@ ...@@ -154,6 +155,7 @@
.box{ .box{
position:relative; position:relative;
height:500px; height:500px;
min-height: 300px;
} }
span{ span{
display:block; display:block;
......
components/bannerActivity.vue
View file @ fa6b5bd5
...@@ -3,7 +3,9 @@ ...@@ -3,7 +3,9 @@
<div class="box"> <div class="box">
<ul> <ul>
<li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)"> <li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)">
<nuxt-link :to="'/activityList/'+item.id">
<img :src= "item.banner" style="width:100%;height: auto" :alt="item.title"/> <img :src= "item.banner" style="width:100%;height: auto" :alt="item.title"/>
</nuxt-link>
</li> </li>
</ul> </ul>
<div class="status"> <div class="status">
......
components/footer.vue
View file @ fa6b5bd5
...@@ -33,7 +33,6 @@ ...@@ -33,7 +33,6 @@
</template> </template>
<script> <script>
import axios from 'axios'
export default { export default {
transition: 'bounce', transition: 'bounce',
name: 'footerModal', name: 'footerModal',
...@@ -49,7 +48,6 @@ ...@@ -49,7 +48,6 @@
<style scoped> <style scoped>
.footer-container { .footer-container {
width: 100%; width: 100%;
/*height: 423px;*/
height: 300px; height: 300px;
position: relative; position: relative;
background:url("../assets/images/footer.jpg") no-repeat; background:url("../assets/images/footer.jpg") no-repeat;
......
components/menu.vue
View file @ fa6b5bd5
<template> <template>
<div> <div>
<div style="width: 100%;width: 100%;position: fixed;top: 0;z-index: 1000;border-bottom: 1px solid #eee;"> <div style="width: 100%;position: fixed;top: 0;z-index: 1000;border-bottom: 1px solid #eee;">
<div class="flex-aic-jcb" style="width: 1200px; margin: 0 auto;font-size:12px;height: 25px;"> <div class="flex-aic-jcb" style="width: 1200px; margin: 0 auto;font-size:12px;height: 25px;">
<div>您好！欢迎进入欣新房车集团官方网站</div> <div>您好！欢迎进入欣新房车集团官方网站</div>
<div>服务热线： 400-0369-369</div> <div>服务热线： 400-0369-369</div>
...@@ -8,7 +8,15 @@ ...@@ -8,7 +8,15 @@
</div> </div>
<div class="menu-container"> <div class="menu-container">
<div class="menu"> <div class="menu">
<nuxt-link to="/"><img :src="logo" style="width:200px;max-height: 100px;" alt="欣新房车，让生活更美好"></nuxt-link> <nuxt-link to="/">
<div class="flex-aic" style="width: 135px;">
<img src="../assets/images/logo.png" style="width:35px;margin-right: 5px;" alt="欣新房车，让生活更美好">
<div>
<div class="logo-t">欣新房车</div>
<div class="logo-d">让生活更美好</div>
</div>
</div>
</nuxt-link>
<ul class="users"> <ul class="users">
<li v-for="menu in menuList" :key="menu.id"> <li v-for="menu in menuList" :key="menu.id">
<nuxt-link v-if="menu.link=='/'" :to="menu.link" :class="router== menu.link?'active':''">{{ menu.name }}</nuxt-link> <nuxt-link v-if="menu.link=='/'" :to="menu.link" :class="router== menu.link?'active':''">{{ menu.name }}</nuxt-link>
...@@ -18,11 +26,9 @@ ...@@ -18,11 +26,9 @@
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import axios from 'axios'
export default { export default {
transition: 'bounce', transition: 'bounce',
name: 'menuModal', name: 'menuModal',
...@@ -30,7 +36,6 @@ ...@@ -30,7 +36,6 @@
data () { data () {
return { return {
router: "/", router: "/",
logo: "https://xxfangche.com/upload/1/app/ab709954135a0f02a99d6a20aa95ea7.jpg",
menuList:[ menuList:[
{id: 1, name: "首页", link:"/"}, {id: 1, name: "首页", link:"/"},
{id: 2, name: "房车租赁", link:"/vehicle"}, {id: 2, name: "房车租赁", link:"/vehicle"},
...@@ -60,19 +65,23 @@ ...@@ -60,19 +65,23 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.logo-t{
color: #333;
font-size: 16px;
}
.logo-d{
color: #9F9F9F;
font-size: 12px;
}
.menu { .menu {
font-family: sans-serif; font-family: sans-serif;
position: fixed; position: fixed;
top:0; top:35px;
padding: 25px 0;
display: flex; display: flex;
align-items: center; align-items: center;
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
/* li{
text-decoration: none;
} */
.users { .users {
list-style-type: none; list-style-type: none;
display: flex; display: flex;
...@@ -81,8 +90,6 @@ ...@@ -81,8 +90,6 @@
} }
.users li a { .users li a {
display: inline-block; display: inline-block;
/* border: 1px #ddd solid; */
margin: 0 30px; margin: 0 30px;
padding: 10px 0; padding: 10px 0;
text-align: left; text-align: left;
......
nuxt.config.js
View file @ fa6b5bd5
...@@ -23,10 +23,10 @@ module.exports = { ...@@ -23,10 +23,10 @@ module.exports = {
loading: '~/components/loading.vue', loading: '~/components/loading.vue',
plugins: [ plugins: [
{ src: '~plugins/muse-ui.js', ssr: true } { src: '~plugins/muse-ui.js', ssr: true },
{ src: '~plugins/filters.js', srr: false }
], ],
build: { build: {
extend(config, { isDev, isClient }) { extend(config, { isDev, isClient }) {
if (isDev && isClient) { if (isDev && isClient) {
config.module.rules.push({ config.module.rules.push({
...@@ -50,10 +50,15 @@ module.exports = { ...@@ -50,10 +50,15 @@ module.exports = {
} }
}, },
env: { env: {
host:"https://dev.dfangche.com" host:"https://xxtest.upyuns.com"
}, },
generate: { generate: {
routes: [ routes: [
] ]
} }
// ,
// server: {
// port: 3000, // default: 3000
// host: '10.1.37.172', // default: localhost
// }
} }
package.json
View file @ fa6b5bd5
...@@ -4,7 +4,12 @@ ...@@ -4,7 +4,12 @@
"description": "Nuxt.js project", "description": "Nuxt.js project",
"author": "yutao <haiyan.xu.vip@gmail.com>", "author": "yutao <haiyan.xu.vip@gmail.com>",
"private": true, "private": true,
"nuxt": {
"host": "10.1.37.172",
"port": "3000"
},
"scripts": { "scripts": {
"test": "nuxt --hostname 10.1.37.172 --port 3333",
"dev": "nuxt", "dev": "nuxt",
"build": "nuxt build", "build": "nuxt build",
"start": "nuxt start", "start": "nuxt start",
......
pages/aboutXx.vue
View file @ fa6b5bd5
...@@ -2,32 +2,192 @@ ...@@ -2,32 +2,192 @@
<div> <div>
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container"> <div class="main-container">
<div class="wrap"> <vehicle-banner
<p>这里是关于欣新</p> :list = "bannerList"
</div> :looptime="looptime"
:width="width"
:height="height"
:background="background"
:color="color"
:fontSize="fontSize"
@prev="prev"
@next="next"
@change="changeBanner"
@click="bannerClick"
class="mb-50">
</vehicle-banner>
</div> </div>
<footer-modal></footer-modal> <footer-modal></footer-modal>
</div> </div>
</template> </template>
<script> <script>
import axios from 'axios' import axios from '../plugins/axios'
import menuModal from "../components/menu" import menuModal from "../components/menu";
import footerModal from "../components/footer" import footerModal from "../components/footer";
import vehicleBanner from "../components/vehicleBanner"
export default { export default {
transition: 'bounce', transition: "bounce",
components: { components: {
menuModal, menuModal,
footerModal footerModal,
vehicleBanner
},
data() {
return {
totalCount: "",
dataDetail: [],
bannerList: [],//关于欣新banner列表
listQuery: {
type: "",
pageNo: 1,
pageSize: 6
},
store: "",
curId: 0,
items1: {},
curId1: 0,
looptime: 4000, // 循环时间
width: 400,
height:200,
background: 'red',
color: '#fff',
fontSize: '70px',
};
},
created() {
this.getAll();
this.getBanner();
},
mounted() {
window.addEventListener("scroll", this.scrollHandle); // 绑定页面的滚动事件
},
methods: {
// 点击下一页回调
prev () {
},
// 点击下一页回调
next () {
},
// 鼠标移入状态点回调
changeBanner () {
}, },
// async asyncData() { bannerClick () {
// const { data } = await axios.get('https://xxtest.upyuns.com/api/app/cofig/app/unauth/types?types=1'); },
// let cc = data.data; /**
// return { users: cc} * 获取车型列表页banner
// }, */
head: { async getBanner(){
title: '关于欣新' //关于欣新banner
let tempBannerData = await axios.get( '/api/app/banner/app/unauth/findBannerlist?type=6&platform=1');
let banner = tempBannerData.data.data;
this.bannerList = banner;
},
chooseSelect(e) {
console.log(e.target.value);
this.listQuery.type = e.target.value;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`https://dev.dfangche.com/api/uccn/vehicleModel/app/unauth/findVehicleModelPage?page=1&limit=100`
);
// console.log(data);
this.totalCount = data.totalCount;
data.data.map(function(item){
// item.modelParam = JSON.parse( item.modelParam);
item.link = encodeURI('/vehicleList/' + item.id+'?name='+item.name);
item.link = encodeURI(item.link);
item.pictureList = item.picture.split(",");
item.coverPic = item.coverPic?item.coverPic: item.pictureList.length>0?item.pictureList[0]:'';
});
this.dataDetail = data.data;
// this.dataDetail = this.dataDetail.push(data.data);
},
mounted() {
window.addEventListener('scroll', this.scrollHandle); // 绑定页面的滚动事件
},
scrollHandle: function(e) {
//变量scrollTop是滚动条滚动时，距离顶部的距离
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
//变量windowHeight是可视区的高度
var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
//变量scrollHeight是滚动条的总高度
var scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight;
//滚动条到底部的条件
if(scrollTop+windowHeight+0.7>scrollHeight){
//写后台加载数据的函数
//           console.log("距顶部"+scrollTop+"可视区高度"+windowHeight+"滚动条总高度"+scrollHeight);
// this.listQuery.pageNo++;
// this.getAll();
} }
} }
},
};
</script> </script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.wrap {
width: 1200px;
margin: 0 auto;
background: #fff;
}
.banner {
/* background-color: #fff; */
text-align: center;
}
.banner h2 {
font-size: 20px;
font-weight: 700;
padding-top: 40px;
}
.banner h3 {
font-size: 16px;
padding-top: 20px;
font-weight: 400;
padding-bottom: 40px;
}
.campsiteDetail {
padding: 0;
margin: 0;
list-style: none;
}
.campsiteDetail li {
list-style: none;
display: flex;
}
.toDetail {
font-size: 16px;
}
.buttonDetails {
width: 156px; /* 宽度 */
height: 35px; /* 高度 */
border-width: 0px; /* 边框宽度 */
background: #1bbb9f; /* 背景颜色 */
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
outline: none; /* 不显示轮廓线 */
font-family: Microsoft YaHei; /* 设置字体 */
color: white; /* 字体颜色 */
margin-left: 10px;
}
</style>
pages/activity.vue
View file @ fa6b5bd5
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<img :src="item.banner" alt style="width:438px;height: 100%; max-height: 238px;" /> <img :src="item.banner" alt style="width:438px;height: 100%; max-height: 238px;" />
<div style="margin-left:20px" class="active-r"> <div style="margin-left:20px" class="active-r">
<h2 class="ellipsis2">{{item.title }}</h2> <h2 class="ellipsis2">{{item.title }}</h2>
<div>{{item.startTime}}~{{item.endTime}}</div> <div>{{item.startTime | formatDate('yyyy-MM-dd hh:mm:ss')}}~{{item.endTime | formatDate('yyyy-MM-dd hh:mm:ss')}}</div>
<div class="ellipsis2">{{item.province}}{{item.city}}{{item.town}}{{item.address}}</div> <div class="ellipsis2">{{item.province}}{{item.city}}{{item.town}}{{item.address}}</div>
</div> </div>
</nuxt-link> </nuxt-link>
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</template> </template>
<script> <script>
import axios from "axios"; import axios from '../plugins/axios'
import menuModal from "../components/menu"; import menuModal from "../components/menu";
import footerModal from "../components/footer"; import footerModal from "../components/footer";
import vehicleBanner from "../components/vehicleBanner" import vehicleBanner from "../components/vehicleBanner"
...@@ -55,7 +55,6 @@ ...@@ -55,7 +55,6 @@
}, },
data() { data() {
return { return {
typeId: "营地类型",
dataType: [], dataType: [],
totalCount: "", totalCount: "",
dataDetail: [], dataDetail: [],
...@@ -101,7 +100,7 @@ ...@@ -101,7 +100,7 @@
*/ */
async getBanner(){ async getBanner(){
//首活动banner //首活动banner
let tempBannerData = await axios.get( 'https://dev.dfangche.com/api/app/banner/app/unauth/findBannerlist?type=4&platform=1'); let tempBannerData = await axios.get( '/api/app/banner/app/unauth/findBannerlist?type=4&platform=1');
let banner = tempBannerData.data.data; let banner = tempBannerData.data.data;
this.bannerList = banner; this.bannerList = banner;
}, },
...@@ -116,17 +115,10 @@ ...@@ -116,17 +115,10 @@
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
} = await axios.get( } = await axios.get( `/api/uccn/summitActivity/app/unauth/list?page=${this.listQuery.pageNo}&limit=10000`);
`https://dev.dfangche.com//api/uccn/summitActivity/app/unauth/list?page=${this.listQuery.pageNo}&limit=10000`
);
// console.log(data); // console.log(data);
this.totalCount = data.totalCount; this.totalCount = data.totalCount;
data.data.map(function (item) {
item.startTime = timestamp2Date(item.startTime);
item.endTime = timestamp2Date(item.endTime);
})
this.dataDetail = data.data; this.dataDetail = data.data;
// this.dataDetail = this.dataDetail.push(data.data);
}, },
mounted() { mounted() {
window.addEventListener('scroll', this.scrollHandle); // 绑定页面的滚动事件 window.addEventListener('scroll', this.scrollHandle); // 绑定页面的滚动事件
...@@ -148,24 +140,6 @@ ...@@ -148,24 +140,6 @@
} }
} }
}, },
// head: {
// title: "房车营地"
// }
// async asyncData({store,listQuery}) {
// let [dataType,dataDetail] = await Promise.all([
// axios.get("https://dev.dfangche.com/api/campsite/campsiteTag/app/unauth/tags"),
// axios.get("https://dev.dfangche.com/api/uccn/app/unauth/campsite/shops")
// ])
// console.log(dataDetail.data.data.data);
// console.log(dataType.data.data,);
// return {
// dataType:dataType.data.data,
// dataDetail:dataDetail.data.data.data,
// data3:dataDetail.data.data
// };
// },
}; };
</script> </script>
...@@ -185,7 +159,6 @@ ...@@ -185,7 +159,6 @@
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/ *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
} }
.banner { .banner {
/* background-color: #fff; */
text-align: center; text-align: center;
} }
......
pages/activityList/_id.vue
View file @ fa6b5bd5
...@@ -14,8 +14,8 @@ ...@@ -14,8 +14,8 @@
<h1>{{detail.title}}</h1> <h1>{{detail.title}}</h1>
<div class="r-cc"> <div class="r-cc">
<p>活动人数<span style="margin-left: 20px;">{{detail.limitNum}}</span></p> <p>活动人数<span style="margin-left: 20px;">{{detail.limitNum}}</span></p>
<p>活动时间<span style="margin-left: 20px;">{{detail.startTime}}~{{detail.endTime}}</span></p> <p>活动时间<span style="margin-left: 20px;">{{detail.startTime | formatDate('yyyy-MM-dd hh:mm:ss')}}~{{detail.endTime | formatDate('yyyy-MM-dd hh:mm:ss')}}</span></p>
<p style="ellipsis2">活动地点<span style="margin-left: 20px;">{{detail.province}}{{detail.city}}{{detail.town}}{{detail.address}}</span></p> <p class="ellipsis2">活动地点<span style="margin-left: 20px;">{{detail.province}}{{detail.city}}{{detail.town}}{{detail.address}}</span></p>
</div> </div>
<div class="buttonDetails">报名参加</div> <div class="buttonDetails">报名参加</div>
</div> </div>
...@@ -41,12 +41,11 @@ ...@@ -41,12 +41,11 @@
</template> </template>
<script> <script>
import axios from 'axios' import axios from '../../plugins/axios'
import menuModal from "../../components/menu" import menuModal from "../../components/menu"
import footerModal from "../../components/footer" import footerModal from "../../components/footer"
import Swiper from 'swiper'; import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css'; import 'swiper/dist/css/swiper.min.css';
// import { getDetail } from '../../../../demo nuxt/nuxt-bnhcp/ajax/getData';
export default { export default {
transition: 'bounce', transition: 'bounce',
components: { components: {
...@@ -64,41 +63,13 @@ ...@@ -64,41 +63,13 @@
return !isNaN(+params.id) return !isNaN(+params.id)
}, },
async asyncData({ env, params, error}) { async asyncData({ env, params, error}) {
function formatDate(date, fmt) { const { data } = await axios.get( '/api/uccn/summitActivity/app/unauth/'+params.id);
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
}
let o = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds()
}
for (let k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
let str = o[k] + ''
fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str))
}
}
return fmt
}
function padLeftZero(str) {
return ('00' + str).substr(str.length)
}
function timestamp2Date(timestamp) {
let date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
}
const { data } = await axios.get( env.host + '/api/uccn/summitActivity/app/unauth/'+params.id);
let detail = data.data; let detail = data.data;
detail.startTime = timestamp2Date(detail.startTime);
detail.endTime = timestamp2Date(detail.endTime);
detail.content =detail.content.replace(/<img/g,"<img style='width:100%'"); detail.content =detail.content.replace(/<img/g,"<img style='width:100%'");
if (!detail) { if (!detail) {
return error({ message: 'detail not found', statusCode: 404 }) return error({ message: 'detail not found', statusCode: 404 })
} }
let tempBannerData = await axios.get( env.host + '/api/uccn/random/list/app/unauth/get?type=4'); let tempBannerData = await axios.get('/api/uccn/random/list/app/unauth/get?type=4');
let hot = tempBannerData.data.data; let hot = tempBannerData.data.data;
return {detail: detail, hotList: hot} return {detail: detail, hotList: hot}
}, },
...@@ -139,9 +110,6 @@ ...@@ -139,9 +110,6 @@
swiper: galleryThumbs swiper: galleryThumbs
} }
}); });
},
head: {
title: '营地详情'
} }
} }
</script> </script>
......
pages/campsite.vue
View file @ fa6b5bd5
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
</template> </template>
<script> <script>
import axios from "axios"; import axios from '../plugins/axios';
import menuModal from "../components/menu"; import menuModal from "../components/menu";
import footerModal from "../components/footer"; import footerModal from "../components/footer";
import banner from "../components/banner" import banner from "../components/banner"
...@@ -103,18 +103,14 @@ export default { ...@@ -103,18 +103,14 @@ export default {
async getType() { async getType() {
const { const {
data: { data } data: { data }
} = await axios.get( } = await axios.get("/api/campsite/campsiteTag/app/unauth/tags");
"https://dev.dfangche.com/api/campsite/campsiteTag/app/unauth/tags"
);
// console.log(data); // console.log(data);
this.dataType = data; this.dataType = data;
}, },
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
} = await axios.get( } = await axios.get(`/api/uccn/app/unauth/campsite/shops?type=${this.listQuery.type}&pageNo=${this.listQuery.pageNo}&pageSize=${this.listQuery.pageSize}`);
`https://dev.dfangche.com/api/uccn/app/unauth/campsite/shops?type=${this.listQuery.type}&pageNo=${this.listQuery.pageNo}&pageSize=${this.listQuery.pageSize}`
);
// console.log(data); // console.log(data);
data.data.map(function(item){ data.data.map(function(item){
// item.modelParam = JSON.parse( item.modelParam); // item.modelParam = JSON.parse( item.modelParam);
...@@ -132,8 +128,6 @@ export default { ...@@ -132,8 +128,6 @@ export default {
this.dataDetail = data.data; this.dataDetail = data.data;
this.dataNull = true this.dataNull = true
} }
// this.dataDetail = this.dataDetail.push(data.data);
}, },
// 点击下一页回调 // 点击下一页回调
prev () { prev () {
...@@ -166,32 +160,13 @@ export default { ...@@ -166,32 +160,13 @@ export default {
              }                 }  
} }
}, },
head: {
title: "房车营地"
},
async asyncData() { async asyncData() {
const { data } = await axios.get('https://dev.dfangche.com/api/app/banner/app/unauth/findBannerlist?type=2&platform=1'); const { data } = await axios.get('/api/app/banner/app/unauth/findBannerlist?type=2&platform=1');
let cc = data.data; let cc = data.data;
return { bannerList: cc} return { bannerList: cc}
}, },
// async asyncData({store,listQuery}) {
// let [dataType,dataDetail] = await Promise.all([
// axios.get("https://dev.dfangche.com/api/campsite/campsiteTag/app/unauth/tags"),
// axios.get("https://dev.dfangche.com/api/uccn/app/unauth/campsite/shops")
// ])
// console.log(dataDetail.data.data.data);
// console.log(dataType.data.data,);
// return {
// dataType:dataType.data.data,
// dataDetail:dataDetail.data.data.data,
// data3:dataDetail.data.data
// };
// },
}; };
</script> </script>
<style scoped> <style scoped>
.clearfix:after { .clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/ /*伪元素是行内元素 正常浏览器清除浮动方法*/
...@@ -208,23 +183,6 @@ export default { ...@@ -208,23 +183,6 @@ export default {
.wrap { .wrap {
padding: 0 0; padding: 0 0;
} }
/* .banner {
text-align: center;
}
.banner h2 {
font-size: 20px;
font-weight: 700;
padding-top: 40px;
}
.banner h3 {
font-size: 16px;
padding-top: 20px;
font-weight: 400;
padding-bottom: 40px;
} */
.campsiteDetail { .campsiteDetail {
padding: 0; padding: 0;
margin: 0; margin: 0;
......
pages/campsiteDetails/_id.vue
View file @ fa6b5bd5
...@@ -99,12 +99,11 @@ ...@@ -99,12 +99,11 @@
</template> </template>
<script> <script>
import axios from "axios"; import axios from '../../plugins/axios'
import menuModal from "../../components/menu"; import menuModal from "../../components/menu";
import footerModal from "../../components/footer"; import footerModal from "../../components/footer";
import Swiper from "swiper"; import Swiper from "swiper";
import "swiper/dist/css/swiper.min.css"; import "swiper/dist/css/swiper.min.css";
// import { getDetail } from '../../../../demo nuxt/nuxt-bnhcp/ajax/getData';
export default { export default {
transition: "bounce", transition: "bounce",
components: { components: {
...@@ -128,7 +127,7 @@ export default { ...@@ -128,7 +127,7 @@ export default {
return !isNaN(+params.id); return !isNaN(+params.id);
}, },
async asyncData({ env, params, route, error}) { async asyncData({ env, params, route, error}) {
const { data } = await axios.get( env.host + "/api/uccn/app/unauth/campsite/shop?id=" + params.id); const { data } = await axios.get( "/api/uccn/app/unauth/campsite/shop?id=" + params.id);
let user = data.data; let user = data.data;
data.data.content = data.data.content.replace(/<img/g,"<img style='width:100%'"); data.data.content = data.data.content.replace(/<img/g,"<img style='width:100%'");
// data.data.modelParam = JSON.parse(data.data.modelParam ); // data.data.modelParam = JSON.parse(data.data.modelParam );
...@@ -141,7 +140,7 @@ export default { ...@@ -141,7 +140,7 @@ export default {
if (!user) { if (!user) {
return error({ message: 'User not found', statusCode: 404 }) return error({ message: 'User not found', statusCode: 404 })
} }
let tempBannerData = await axios.get( env.host + '/api/uccn/random/list/app/unauth/get?type=3'); let tempBannerData = await axios.get('/api/uccn/random/list/app/unauth/get?type=3');
let hot = tempBannerData.data.data; let hot = tempBannerData.data.data;
hot.map(function(item){ hot.map(function(item){
item.link = encodeURI('/campsiteDetails/' + item.id+'?name='+item.title); item.link = encodeURI('/campsiteDetails/' + item.id+'?name='+item.title);
...@@ -149,52 +148,18 @@ export default { ...@@ -149,52 +148,18 @@ export default {
}); });
console.log(hot); console.log(hot);
let noticeData = await axios.get( env.host + '/api/app/cofig/app/unauth/types?types=13'); let noticeData = await axios.get(/api/app/cofig/app/unauth/types?types=13');
let notice = noticeData.data.data; let notice = noticeData.data.data;
return {detail: user, hotList: hot, notice: notice} return {detail: user, hotList: hot, notice: notice}
}, },
// async asyncData({ env, params, error }) {
// const { data } = await axios.get(
// env.host + "/api/uccn/app/unauth/campsite/shop?id=" + params.id
// );
// let user = data.data;
// let campsiteShop = user.campsiteShopCarouselDetailVos;
// // console.log(user);
// if (!user) {
// return error({ message: "User not found", statusCode: 404 });
// }
//
// return user;
// },
methods: { methods: {
changeImgIndex(index, length) { changeImgIndex(index, length) {
this.$refs.mySwiper.swiper.slideTo(index + 1, 1000, true); this.$refs.mySwiper.swiper.slideTo(index + 1, 1000, true);
this.lengthPic = length; this.lengthPic = length;
// console.log(this.lengthPic);
}, },
visiblePic() { visiblePic() {
this.visible = !this.visible; this.visible = !this.visible;
}, },
// async getNode() {
// const {
// data: { data }
// } = await axios.get(
// "https://dev.dfangche.com/api/app/cofig/app/unauth/types?types=13"
// );
// // console.log(data[0].value);
// this.value = data[0].value;
// },
// async getHot() {
// const {
// data: { data }
// } = await axios.get(
// "https://dev.dfangche.com/api/uccn/random/list/app/unauth/get?type=4&number&location=2"
// );
// console.log(data);
// this.hotList = data
// },
}, },
mounted() { mounted() {
let t = this; let t = this;
...@@ -248,10 +213,7 @@ export default { ...@@ -248,10 +213,7 @@ export default {
.clearfix { .clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/ *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
} }
.wrap {
/* padding: 0 10%; */
}
.gallery-top img { .gallery-top img {
width: 100%; width: 100%;
} }
...@@ -292,4 +254,3 @@ export default { ...@@ -292,4 +254,3 @@ export default {
</style> </style>
\ No newline at end of file
pages/demo.vue
View file @ fa6b5bd5
...@@ -21,19 +21,28 @@ ...@@ -21,19 +21,28 @@
</template> </template>
<script> <script>
import axios from 'axios' import axios from '../plugins/axios';
export default { export default {
data(){
return{
pageNo: 1,
pageSize:10,
nomore: false,
loading: false,
evns: ""
}
},
async asyncData({ env }) { async asyncData({ env }) {
const { data } = await axios.get( env.host + '/api/uccn/app/unauth/campsite/shops?type=53&pageNo=1&pageSize=10'); const { data } = await axios.get('/api/uccn/app/unauth/campsite/shops?type=53&pageNo=1&pageSize=10000');
let cc = data.data.data; let cc = data.data.data;
console.log(data); return { users: cc, evn: env.host}
// return { users: env.users }
return { users: cc}
}, },
// asyncData ({ env }) { mounted(){
// return { users: env.users } let t = this;
// } t.pageNo = 2;
},
methods:{
}
} }
</script> </script>
......
pages/demoList/_id.vue
View file @ fa6b5bd5
...@@ -6,29 +6,20 @@ ...@@ -6,29 +6,20 @@
</template> </template>
<script> <script>
import axios from 'axios' import axios from '../../plugins/axios'
export default { export default {
validate ({ params }) { validate ({ params }) {
console.log(params.id); console.log(params.id);
return !isNaN(+params.id) return !isNaN(+params.id)
}, },
async asyncData({ env, params, error}) { async asyncData({ env, params, error}) {
const { data } = await axios.get( env.host + '/api/uccn/app/unauth/campsite/shop?id='+params.id); const { data } = await axios.get('/api/uccn/app/unauth/campsite/shop?id='+params.id);
let user = data.data; let user = data.data;
if (!user) { if (!user) {
return error({ message: 'User not found', statusCode: 404 }) return error({ message: 'User not found', statusCode: 404 })
} }
return user return user
}, },
// asyncData ({ params, env, error }) {
////
// const user = env.users.find(user => String(user.id) === params.id)
// if (!user) {
// return error({ message: 'User not found', statusCode: 404 })
// }
// return user
// },
head () { head () {
return { return {
title: this.name title: this.name
......
pages/index.vue
View file @ fa6b5bd5
...@@ -25,9 +25,10 @@ ...@@ -25,9 +25,10 @@
<div class="line-title"></div> <div class="line-title"></div>
</div> </div>
</div> </div>
<img src="../assets/images/tv.png"/> <img src="../assets/images/tv.png" style="width: 1200px;"/>
<video class="video-play" width="320" height="240" controls autoplay="autoplay" muted> <!--autoplay="autoplay"-->
<source src="https://www.runoob.com/try/demo_source/movie.mp4" type="video/mp4"> <video class="video-play" width="320" height="240" controls muted>
<source src="https://xxtest.upyuns.com/image/test.mp4" type="video/mp4">
<source src="https://www.runoob.com/try/demo_source/movie.ogg" type="video/ogg"> <source src="https://www.runoob.com/try/demo_source/movie.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。 您的浏览器不支持 HTML5 video 标签。
</video> </video>
...@@ -63,6 +64,76 @@ ...@@ -63,6 +64,76 @@
<div class="line-title"></div> <div class="line-title"></div>
</div> </div>
</div> </div>
<div class="flex-aic-jca min-win">
<div class="tour-t">
<div>
<div class="tour-t-s"> 01 </div>
<div class="tour-t-s-b"> </div>
</div>
<div style="margin-left: 10px;">
<div class="tour-t-s-t">主题线路</div>
<div class="ft-12">特色旅游线路</div>
<div class="ft-12">倡导全新旅程生活方式</div>
</div>
</div>
<div class="tour-t">
<div>
<div class="tour-t-s"> 02 </div>
<div class="tour-t-s-b"> </div>
</div>
<div style="margin-left: 10px;">
<div class="tour-t-s-t">全程服务</div>
<div class="ft-12">欣新领队全程陪同</div>
<div class="ft-12">个性化服务</div>
</div>
</div>
<div class="tour-t">
<div>
<div class="tour-t-s"> 03 </div>
<div class="tour-t-s-b"> </div>
</div>
<div style="margin-left: 10px;">
<div class="tour-t-s-t">详尽攻略</div>
<div class="ft-12">详尽旅游攻略</div>
<div class="ft-12">打造轻松的房车旅行</div>
</div>
</div>
<div class="tour-t">
<div>
<div class="tour-t-s"> 04 </div>
<div class="tour-t-s-b"> </div>
</div>
<div style="margin-left: 10px;">
<div class="tour-t-s-t">贴心售后</div>
<div class="ft-12">7X24小时在线咨询热线</div>
<div class="ft-12">全天为您服务</div>
</div>
</div>
</div>
<div style="position: relative;margin-top: 30px;">
<div style="display: flex;">
<div class="tour-t-l-01">
<img src="https://xxfc.upyuns.com/upload/1/app/e4341e1a3fb70e5e16f07366a762388.jpg" style="width: 518px;height: 348px;"/>
<div class="show-detail">查看详情</div>
</div>
<div style="margin-left: 9px;width: 518px;justify-content: space-between;display: flex;">
<img src="https://xxfc.upyuns.com/upload/1/app/e4341e1a3fb70e5e16f07366a762388.jpg" style="width: 255px;height: 160px;"/>
<img src="https://xxfc.upyuns.com/upload/1/app/e4341e1a3fb70e5e16f07366a762388.jpg" style="width: 255px;height: 160px;"/>
</div>
</div>
<div style="display: flex;">
<div style="width: 518px;justify-content: space-between; display: flex;">
<img src="https://xxfc.upyuns.com/upload/1/app/e4341e1a3fb70e5e16f07366a762388.jpg" style="width: 255px;height: 160px;"/>
<img src="https://xxfc.upyuns.com/upload/1/app/e4341e1a3fb70e5e16f07366a762388.jpg" style="width: 255px;height: 160px;"/>
</div>
<div class="tour-b-r-03">
<img src="https://xxfc.upyuns.com/upload/1/app/e4341e1a3fb70e5e16f07366a762388.jpg" style="width: 518px;height: 348px;position: absolute; top: 165px;left: 527px;"/>
<div class="show-detail">
</div>
<div class="show-detail">查看详情</div>
</div>
</div>
</div>
</div> </div>
<div class="flex-fdc-jcc vehicle-container" style="padding: 30px 0;"> <div class="flex-fdc-jcc vehicle-container" style="padding: 30px 0;">
<div class="tc title">热门房车 <span style="font-size: 20px;margin: 0 5px;color: #666;">●</span> 多款房车任你选择</div> <div class="tc title">热门房车 <span style="font-size: 20px;margin: 0 5px;color: #666;">●</span> 多款房车任你选择</div>
...@@ -75,7 +146,6 @@ ...@@ -75,7 +146,6 @@
<div class="min-win"> <div class="min-win">
<ul class="v-type-ul"> <ul class="v-type-ul">
<li class="v-type" :class="tabIndex== 0?'v-type-active':''" @click="changeVehicle(0)">上汽大通</li> <li class="v-type" :class="tabIndex== 0?'v-type-active':''" @click="changeVehicle(0)">上汽大通</li>
<!--<li class="v-type" :class="tabIndex== 0?'v-type-active':''" @click="changeVehicle(0)">上汽大通</li>-->
<li class="v-type" :class="tabIndex== 1?'v-type-active':''" @click="changeVehicle(1)">格林卡诺C2</li> <li class="v-type" :class="tabIndex== 1?'v-type-active':''" @click="changeVehicle(1)">格林卡诺C2</li>
<li class="v-type" :class="tabIndex== 2?'v-type-active':''" @click="changeVehicle(2)">齐星依维柯</li> <li class="v-type" :class="tabIndex== 2?'v-type-active':''" @click="changeVehicle(2)">齐星依维柯</li>
<li class="v-type" :class="tabIndex== 3?'v-type-active':''" @click="changeVehicle(3)">奔驰斯宾特</li> <li class="v-type" :class="tabIndex== 3?'v-type-active':''" @click="changeVehicle(3)">奔驰斯宾特</li>
...@@ -180,12 +250,14 @@ ...@@ -180,12 +250,14 @@
</div> </div>
<div class="flex-aic-jcb-warp min-win"> <div class="flex-aic-jcb-warp min-win">
<div class="item-c flex-aic" v-for="item in newsList" :key="item.id" > <div class="item-c flex-aic" v-for="item in newsList" :key="item.id" >
<nuxt-link :to="'/newsList/'+item.id" class="flex-aic">
<img :src="item.coverImage" class="item-c-img" :alt="item.title"/> <img :src="item.coverImage" class="item-c-img" :alt="item.title"/>
<div class="item-c-r"> <div class="item-c-r">
<div class="ellipsis2">{{item.title}}</div> <div class="ellipsis2 new-tt">{{item.title}}</div>
<div class="desc ellipsis2">{{item.epitome}}</div> <div class="desc ellipsis2">{{item.epitome}}</div>
<div>{{item.addTime}}</div> <div class="desc">{{item.addTime}}</div>
</div> </div>
</nuxt-link>
</div> </div>
</div> </div>
</div> </div>
...@@ -195,7 +267,7 @@ ...@@ -195,7 +267,7 @@
</template> </template>
<script> <script>
import axios from 'axios' import axios from '../plugins/axios'
import banner from "../components/banner" import banner from "../components/banner"
import bannerActivity from "../components/bannerActivity" import bannerActivity from "../components/bannerActivity"
import menuModal from "../components/menu" import menuModal from "../components/menu"
...@@ -297,17 +369,17 @@ export default { ...@@ -297,17 +369,17 @@ export default {
} }
// 首页活动 // 首页活动
const { data } = await axios.get( env.host + '/api/uccn/summitActivity/app/unauth/home'); const { data } = await axios.get( '/api/uccn/summitActivity/app/unauth/home');
let cc = data.data; let cc = data.data;
cc.map(function(item){ cc.map(function(item){
item.startTime = timestamp2DateNoTime(item.startTime); item.startTime = timestamp2DateNoTime(item.startTime);
item.endTime = timestamp2DateNoTime(item.endTime); item.endTime = timestamp2DateNoTime(item.endTime);
}); });
//首页banner //首页banner
let tempBannerData = await axios.get( env.host + '/api/app/banner/app/unauth/findBannerlist?type=0&platform=1'); let tempBannerData = await axios.get('/api/app/banner/app/unauth/findBannerlist?type=0&platform=1');
let banner = tempBannerData.data.data; let banner = tempBannerData.data.data;
//首页新闻 //首页新闻
let newsData = await axios.get('https://xxtest.upyuns.com/api/uccn/article/app/unauth/homePage/1'); let newsData = await axios.get('/api/uccn/article/app/unauth/homePage/1');
let news = newsData.data.data; let news = newsData.data.data;
return { activityList: cc, bannerList: banner, newsList: news} return { activityList: cc, bannerList: banner, newsList: news}
}, },
...@@ -413,8 +485,15 @@ export default { ...@@ -413,8 +485,15 @@ export default {
position: relative; position: relative;
background:url("../assets/images/1.jpg") no-repeat; background:url("../assets/images/1.jpg") no-repeat;
} }
.new-tt{
font-size: 14px;
color: #333;
}
.video-play{ .video-play{
position: absolute; position: absolute;
width: 770px;
height: 570px;
margin-top: -60px;
} }
.activity-container{ .activity-container{
width: 100%; width: 100%;
...@@ -422,12 +501,36 @@ export default { ...@@ -422,12 +501,36 @@ export default {
position: relative; position: relative;
background:url("../assets/images/2.jpg") no-repeat; background:url("../assets/images/2.jpg") no-repeat;
} }
.vehicle-container{ .vehicle-container{
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
background:url("../assets/images/3.jpg") no-repeat; background:url("../assets/images/3.jpg") no-repeat;
} }
.tour-t-l-01, .tour-b-r-03{
cursor: pointer;
}
.tour-t-l-01:hover .show-detail{
display: block;
}
.tour-b-r-03:hover .show-detail{
display: block;
top: 165px;
right: 0px;
}
.tour-t-l-01 .show-detail, .tour-b-r-03 .show-detail{
display: none;
background: #888888;
opacity: 0.6;
width: 518px;
height: 348px;
position: absolute;
top: 0;
text-align: center;
line-height: 300px;
color: #000;
}
.more-container{ .more-container{
position: relative; position: relative;
margin-bottom: 25px; margin-bottom: 25px;
...@@ -447,10 +550,49 @@ export default { ...@@ -447,10 +550,49 @@ export default {
justify-content: space-between; justify-content: space-between;
display: flex; display: flex;
} }
.tour-t{
color: #666;
padding: 10px;
display: flex;
border: 1px solid #eee;
}
.tour-t:hover{
background: linear-gradient(to right, #5DE6AD , #3EC6AD);
color: #fff;
padding: 10px;
display: flex;
}
.tour-t:hover .tour-t-s{
color: #fff;
}
.tour-t:hover .tour-t-s-b{
border-bottom: 3px solid #fff;
}
.tour-t-s, .tour-t-s-b{
font-size: 54px;
color: #E1E1E1;
margin: 0 auto;
}
.tour-t-s-b{
border-bottom: 3px solid #e1e1e1;
width: 20px;
}
.tour-t:hover .tour-t-s-b{
color: #fff;
border-bottom: 3px solid #fff;
}
.tour-t-s-t{
font-size: 16px;
font-weight: 700;
margin-bottom: 22px;
}
.item-c{ .item-c{
/*width: 600px;*/ /*width: 600px;*/
height: 150px; /*height: 150px;*/
padding: 0 10px; padding: 10px;
margin: 10px;
} }
.title{ .title{
width: 1200px; width: 1200px;
...@@ -461,15 +603,16 @@ export default { ...@@ -461,15 +603,16 @@ export default {
align-items: center; align-items: center;
} }
.item-c-img{ .item-c-img{
width: 100px; width: 180px;
height: 100px; height: 150px;
margin-right: 20px; margin-right: 20px;
} }
.item-c-r{ .item-c-r{
width: 400px; width: 350px;
} }
.item-c-r .desc{ .item-c-r .desc{
font-size: 14px; font-size: 14px;
color: #666;
} }
.line-title{ .line-title{
background: #1bbb9f; background: #1bbb9f;
......
pages/news.vue
View file @ fa6b5bd5
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</template> </template>
<script> <script>
import axios from "axios"; import axios from '../plugins/axios';
import menuModal from "../components/menu"; import menuModal from "../components/menu";
import footerModal from "../components/footer"; import footerModal from "../components/footer";
import vehicleBanner from "../components/vehicleBanner" import vehicleBanner from "../components/vehicleBanner"
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
*/ */
async getBanner(){ async getBanner(){
//首活动banner //首活动banner
let tempBannerData = await axios.get( 'https://dev.dfangche.com/api/app/banner/app/unauth/findBannerlist?type=5&platform=1'); let tempBannerData = await axios.get( '/api/app/banner/app/unauth/findBannerlist?type=5&platform=1');
let banner = tempBannerData.data.data; let banner = tempBannerData.data.data;
this.bannerList = banner; this.bannerList = banner;
}, },
...@@ -116,9 +116,7 @@ ...@@ -116,9 +116,7 @@
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
} = await axios.get( } = await axios.get(`/api/uccn/article/app/unauth/list?type=1&page=1&limit=10000` );
`https://dev.dfangche.com/api/uccn/article/app/unauth/list?type=1&page=1&limit=10000`
);
// console.log(data); // console.log(data);
this.totalCount = data.total; this.totalCount = data.total;
this.dataDetail = data.list; this.dataDetail = data.list;
......
pages/newsList/_id.vue
View file @ fa6b5bd5
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
</template> </template>
<script> <script>
import axios from 'axios' import axios from '../../plugins/axios'
import menuModal from "../../components/menu" import menuModal from "../../components/menu"
import footerModal from "../../components/footer" import footerModal from "../../components/footer"
import Swiper from 'swiper'; import Swiper from 'swiper';
...@@ -62,40 +62,12 @@ ...@@ -62,40 +62,12 @@
return !isNaN(+params.id) return !isNaN(+params.id)
}, },
async asyncData({ env, params, error}) { async asyncData({ env, params, error}) {
function formatDate(date, fmt) { const { data } = await axios.get('/api/uccn/article/app/unauth/one?id='+params.id+"&urlType=1");
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
}
let o = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds()
}
for (let k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
let str = o[k] + ''
fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str))
}
}
return fmt
}
function padLeftZero(str) {
return ('00' + str).substr(str.length)
}
function timestamp2Date(timestamp) {
let date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
}
const { data } = await axios.get( env.host + '//api/uccn/article/app/unauth/one?id='+params.id+"&urlType=1");
let detail = data.data; let detail = data.data;
detail.startTime = timestamp2Date(detail.startTime);
detail.endTime = timestamp2Date(detail.endTime);
if (!detail) { if (!detail) {
return error({ message: 'detail not found', statusCode: 404 }) return error({ message: 'detail not found', statusCode: 404 })
} }
let tempBannerData = await axios.get( env.host + '/api/uccn/article/app/unauth/three/1'); let tempBannerData = await axios.get('/api/uccn/article/app/unauth/three/1');
let hot = tempBannerData.data.data; let hot = tempBannerData.data.data;
return {detail: detail, hotList: hot} return {detail: detail, hotList: hot}
}, },
...@@ -191,20 +163,11 @@ ...@@ -191,20 +163,11 @@
.content-detail .c-title{ .content-detail .c-title{
padding: 5px; padding: 5px;
} }
/*.content-new{*/
/*background: #fff;*/
/*padding: 10px 20px;*/
/*box-shadow: 5px 5px 5px #ccc;*/
/*margin-bottom: 10px;*/
/*}*/
.content-new a{ .content-new a{
display: flex; display: flex;
color: #333; color: #333;
} }
.swiper-wrapper-thu{ .swiper-wrapper-thu{
/*max-width: 293px;*/
margin: 0 !important; margin: 0 !important;
} }
.swiper-wrapper-thu img{ .swiper-wrapper-thu img{
......
pages/tour.vue
View file @ fa6b5bd5
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
</template> </template>
<script> <script>
import axios from 'axios' import axios from '../plugins/axios'
import menuModal from "../components/menu" import menuModal from "../components/menu"
import footerModal from "../components/footer" import footerModal from "../components/footer"
import banner from "../components/banner" import banner from "../components/banner"
...@@ -98,25 +98,17 @@ ...@@ -98,25 +98,17 @@
async getType() { async getType() {
const { const {
data: { data } data: { data }
} = await axios.get( } = await axios.get("/api/uccn/app/unauth/tour/tagList" );
"https://dev.dfangche.com/api/uccn/app/unauth/tour/tagList"
);
// console.log(data);
this.dataType = data; this.dataType = data;
}, },
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
} = await axios.get( } = await axios.get(`/api/uccn/app/unauth/tour/getGoodList?tagId=${this.listQuery.tagId}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`);
`https://dev.dfangche.com/api/uccn/app/unauth/tour/getGoodList?tagId=${this.listQuery.tagId}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data); console.log(data);
data.data.map(function(item){ data.data.map(function(item){
// item.modelParam = JSON.parse( item.modelParam);
item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name); item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name);
item.link = encodeURI(item.link); item.link = encodeURI(item.link);
// item.pictureList = item.picture.split(",");
// item.coverPic = item.coverPic?item.coverPic: item.pictureList.length>0?item.pictureList[0]:'';
}); });
if(!data.data.length == 0){ if(!data.data.length == 0){
this.totalCount = data.totalCount; this.totalCount = data.totalCount;
...@@ -127,20 +119,14 @@ ...@@ -127,20 +119,14 @@
this.dataDetail = data.data; this.dataDetail = data.data;
this.dataNull = true this.dataNull = true
} }
// this.dataDetail = this.dataDetail.push(data.data);
}, },
// 点击下一页回调 // 点击下一页回调
prev () { prev () {},
},
// 点击下一页回调 // 点击下一页回调
next () { next () {},
},
// 鼠标移入状态点回调 // 鼠标移入状态点回调
changeBanner () { changeBanner () {},
}, bannerClick () {},
bannerClick () {
},
}, },
head: { head: {
title: '房车旅游' title: '房车旅游'
......
pages/tourDetails/_id.vue
View file @ fa6b5bd5
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
</template> </template>
<script> <script>
import axios from "axios"; import axios from '../../plugins/axios'
import menuModal from "../../components/menu"; import menuModal from "../../components/menu";
import footerModal from "../../components/footer"; import footerModal from "../../components/footer";
import Swiper from "swiper"; import Swiper from "swiper";
...@@ -111,10 +111,6 @@ export default { ...@@ -111,10 +111,6 @@ export default {
menuModal, menuModal,
footerModal footerModal
}, },
// created() {
// this.getNode();
// this.getHot();
// },
data() { data() {
return { return {
lengthPic: 0, lengthPic: 0,
...@@ -153,20 +149,6 @@ export default { ...@@ -153,20 +149,6 @@ export default {
let notice = noticeData.data.data; let notice = noticeData.data.data;
return {detail: user, hotList: hot, notice: notice} return {detail: user, hotList: hot, notice: notice}
}, },
// async asyncData({ env, params, error }) {
// console.log(params.id);
// const { data } = await axios.get(
// env.host + "/api/uccn/app/unauth/tour/detail/" + params.id
// );
// let user = data.data;
// let campsiteShop = user.bannerDTOS;
// // console.log(user);
// if (!user) {
// return error({ message: "User not found", statusCode: 404 });
// }
// return user;
// },
methods: { methods: {
changeImgIndex(index, length) { changeImgIndex(index, length) {
this.$refs.mySwiper.swiper.slideTo(index + 1, 1000, true); this.$refs.mySwiper.swiper.slideTo(index + 1, 1000, true);
...@@ -176,25 +158,6 @@ export default { ...@@ -176,25 +158,6 @@ export default {
visiblePic() { visiblePic() {
this.visible = !this.visible; this.visible = !this.visible;
}, },
// async getNode() {
// const {
// data: { data }
// } = await axios.get(
// "https://dev.dfangche.com/api/app/cofig/app/unauth/types?types=14"
// );
// // console.log(data[0].value);
// this.value = data[0].value;
// },
// async getHot() {
// const {
// data: { data }
// } = await axios.get(
// "https://dev.dfangche.com/api/uccn/random/list/app/unauth/get?type=3&number&location=2"
// );
// console.log(data);
// this.hotList = data
// },
}, },
mounted() { mounted() {
let t = this; let t = this;
...@@ -221,10 +184,6 @@ export default { ...@@ -221,10 +184,6 @@ export default {
// console.log(this.activeIndex); // console.log(this.activeIndex);
} }
}, },
// navigation: {
// nextEl: ".swiper-button-next",
// prevEl: ".swiper-button-prev"
// },
thumbs: { thumbs: {
swiper: galleryThumbs swiper: galleryThumbs
} }
...@@ -303,4 +262,3 @@ export default { ...@@ -303,4 +262,3 @@ export default {
\ No newline at end of file
pages/vehicle.vue
View file @ fa6b5bd5
...@@ -42,7 +42,8 @@ ...@@ -42,7 +42,8 @@
</template> </template>
<script> <script>
import axios from "axios"; import axios from '../plugins/axios'
import menuModal from "../components/menu"; import menuModal from "../components/menu";
import footerModal from "../components/footer"; import footerModal from "../components/footer";
import vehicleBanner from "../components/vehicleBanner" import vehicleBanner from "../components/vehicleBanner"
...@@ -99,7 +100,7 @@ ...@@ -99,7 +100,7 @@
*/ */
async getBanner(){ async getBanner(){
//车型banner //车型banner
let tempBannerData = await axios.get( 'https://dev.dfangche.com/api/app/banner/app/unauth/findBannerlist?type=0&platform=1'); let tempBannerData = await axios.get( '/api/app/banner/app/unauth/findBannerlist?type=1&platform=1');
let banner = tempBannerData.data.data; let banner = tempBannerData.data.data;
this.bannerList = banner; this.bannerList = banner;
}, },
...@@ -111,9 +112,7 @@ ...@@ -111,9 +112,7 @@
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
} = await axios.get( } = await axios.get(`/api/uccn/vehicleModel/app/unauth/findVehicleModelPage?page=1&limit=100`);
`https://dev.dfangche.com/api/uccn/vehicleModel/app/unauth/findVehicleModelPage?page=1&limit=100`
);
// console.log(data); // console.log(data);
this.totalCount = data.totalCount; this.totalCount = data.totalCount;
data.data.map(function(item){ data.data.map(function(item){
......
pages/vehicleList/_id.vue
View file @ fa6b5bd5
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
</template> </template>
<script> <script>
import axios from 'axios' import axios from '../../plugins/axios'
import menuModal from "../../components/menu" import menuModal from "../../components/menu"
import footerModal from "../../components/footer" import footerModal from "../../components/footer"
import Swiper from 'swiper'; import Swiper from 'swiper';
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
return !isNaN(+params.id) return !isNaN(+params.id)
}, },
async asyncData({ env, params, route, error}) { async asyncData({ env, params, route, error}) {
const { data } = await axios.get( env.host + '/api/uccn/vehicleModel/app/unauth/detail/'+route.query.name); const { data } = await axios.get('/api/uccn/vehicleModel/app/unauth/detail/'+route.query.name);
let user = data.data; let user = data.data;
data.data.modelsDetails = data.data.modelsDetails.replace(/<img/g,"<img style='width:100%'"); data.data.modelsDetails = data.data.modelsDetails.replace(/<img/g,"<img style='width:100%'");
data.data.modelParam = JSON.parse(data.data.modelParam ); data.data.modelParam = JSON.parse(data.data.modelParam );
...@@ -128,7 +128,7 @@ ...@@ -128,7 +128,7 @@
if (!user) { if (!user) {
return error({ message: 'User not found', statusCode: 404 }) return error({ message: 'User not found', statusCode: 404 })
} }
let tempBannerData = await axios.get( env.host + '/api/uccn/random/list/app/unauth/get?type=1'); let tempBannerData = await axios.get( '/api/uccn/random/list/app/unauth/get?type=1');
let hot = tempBannerData.data.data; let hot = tempBannerData.data.data;
hot.map(function(item){ hot.map(function(item){
item.link = encodeURI('/vehicleList/' + item.id+'?name='+item.name); item.link = encodeURI('/vehicleList/' + item.id+'?name='+item.name);
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
item.pictureList = item.picture.split(","); item.pictureList = item.picture.split(",");
item.coverPic = item.coverPic?item.coverPic: item.pictureList.length>0?item.pictureList[0]:''; item.coverPic = item.coverPic?item.coverPic: item.pictureList.length>0?item.pictureList[0]:'';
}); });
let noticeData = await axios.get( env.host + '/api/app/cofig/app/unauth/types?types=6'); let noticeData = await axios.get( '/api/app/cofig/app/unauth/types?types=6');
let notice = noticeData.data.data; let notice = noticeData.data.data;
return {detail: user, hotList: hot, notice: notice} return {detail: user, hotList: hot, notice: notice}
}, },
...@@ -188,13 +188,11 @@ ...@@ -188,13 +188,11 @@
width: 30%; width: 30%;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
/*border-bottom: 1px solid #999;*/
padding: 5px 3px; padding: 5px 3px;
} }
.right-item{ .right-item{
width:70%; width:70%;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
/*border-bottom: 1px solid #999;*/
padding: 5px 3px; padding: 5px 3px;
} }
.modal-item{ .modal-item{
......
plugins/axios.js 0 → 100644
View file @ fa6b5bd5
import axios from 'axios'
export default axios.create({
baseURL: "https://xxtest.upyuns.com"
})
plugins/filters.js 0 → 100644
View file @ fa6b5bd5
import Vue from 'vue'
// 时间格式化
export function formatDate (date, fmt) {
let newDate = new Date(date)
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (newDate.getFullYear() + '').substr(4 - RegExp.$1.length))
}
let o = {
'M+': newDate.getMonth() + 1,
'd+': newDate.getDate(),
'h+': newDate.getHours(),
'm+': newDate.getMinutes(),
's+': newDate.getSeconds()
}
for (let k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
let str = o[k] + ''
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
}
}
return fmt
}
export function getBaseUrl(){
return baseUrl = "https://xxtest.upyuns.com";
}
function padLeftZero(str) {
return ('00' + str).substr(str.length)
}
let filters = {
formatDate
}
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})
export default filters
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