Skip to content

V
vue-ssr
Commit a37d1983 authored by denghr's avatar denghr
Browse files
Options

新闻动态图片

parent e9c91395
Hide whitespace changes
Inline Side-by-side
Showing with 1004 additions and 597 deletions
.nuxt/App.js
View file @ a37d1983
import Vue from 'vue' import Vue from 'vue'
import NuxtLoading from '~/components/loading.vue' import NuxtLoading from '~/components/loading.vue'
import '..\\assets\\main.css'
import '..\\node_modules\\_swiper@4.0.7@swiper\\dist\\css\\swiper.min.css'
let layouts = { let layouts = {
...@@ -15,7 +11,7 @@ let layouts = { ...@@ -15,7 +11,7 @@ let layouts = {
let resolvedLayouts = {} let resolvedLayouts = {}
export default { export default {
head: {"title":"欣新房车—房车·让生活更美好-房车销售丨房车租赁丨房车旅游丨房车托管","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"name":"keywords","content":"欣新房车，房车旅游，房车，房车租赁，房车销售，房车价格，房车之家，房车经济，房车高峰论坛"},{"hid":"description","name":"description","content":"欣新房车是一家专业从事房车销售，房车租赁，房车旅游，房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"\u002Ffavicon.ico"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700,400italic"}],"style":[],"script":[]}, head: {"title":"欣新房车—房车·让生活更美好-房车销售丨房车租赁丨房车旅游丨房车托管","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"keywords","name":"keywords","content":"欣新房车，房车旅游，房车，房车租赁，房车销售，房车价格，房车之家，房车经济，房车高峰论坛"},{"hid":"description","name":"description","content":"欣新房车是一家专业从事房车销售，房车租赁，房车旅游，房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fimage\u002F1\u002Fapp\u002F5d9c62b7412efd926f70e0ed5efb19a.png"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700,400italic"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fmain.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fmenu.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Ffooter.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Findex.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002FgoTop.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fswiper.min.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fwww.xxfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fel\u002Findex.css"}],"script":[{"src":"https:\u002F\u002Fdev.dfangche.com\u002Fh5\u002FappHtml\u002Fjs\u002Futil.js"}],"style":[]},
render(h, props) { render(h, props) {
const loadingEl = h('nuxt-loading', { ref: 'loading' }) const loadingEl = h('nuxt-loading', { ref: 'loading' })
const layoutEl = h(this.layout || 'nuxt') const layoutEl = h(this.layout || 'nuxt')
......
.nuxt/components/nuxt.js
View file @ a37d1983
import Vue from 'vue' import Vue from 'vue'
import NuxtChild from './nuxt-child' import NuxtChild from './nuxt-child'
import NuxtError from './nuxt-error.vue' import NuxtError from '../..\\layouts\\error.vue'
import { compile } from '../utils' import { compile } from '../utils'
export default { export default {
......
.nuxt/index.js
View file @ a37d1983
...@@ -5,7 +5,7 @@ import { createRouter } from './router.js' ...@@ -5,7 +5,7 @@ import { createRouter } from './router.js'
import NoSSR from './components/no-ssr.js' import NoSSR from './components/no-ssr.js'
import NuxtChild from './components/nuxt-child.js' import NuxtChild from './components/nuxt-child.js'
import NuxtLink from './components/nuxt-link.js' import NuxtLink from './components/nuxt-link.js'
import NuxtError from './components/nuxt-error.vue' import NuxtError from '..\\layouts\\error.vue'
import Nuxt from './components/nuxt.js' import Nuxt from './components/nuxt.js'
import App from './App.js' import App from './App.js'
import { setContext, getLocation, getRouteData } from './utils' import { setContext, getLocation, getRouteData } from './utils'
...@@ -13,6 +13,10 @@ import { setContext, getLocation, getRouteData } from './utils' ...@@ -13,6 +13,10 @@ import { setContext, getLocation, getRouteData } from './utils'
/* Plugins */ /* Plugins */
import nuxt_plugin_museui_2c5e8732 from 'nuxt_plugin_museui_2c5e8732' // Source: ..\\plugins\\muse-ui.js import nuxt_plugin_museui_2c5e8732 from 'nuxt_plugin_museui_2c5e8732' // Source: ..\\plugins\\muse-ui.js
import nuxt_plugin_filters_2b4f519a from 'nuxt_plugin_filters_2b4f519a' // Source: ..\\plugins\\filters.js
import nuxt_plugin_elementUI_3fa02fdd from 'nuxt_plugin_elementUI_3fa02fdd' // Source: ..\\plugins\\elementUI.js
import nuxt_plugin_baidu_7b6ad772 from 'nuxt_plugin_baidu_7b6ad772' // Source: ..\\plugins\\baidu.js
import nuxt_plugin_viewer_1261dfef from 'nuxt_plugin_viewer_1261dfef' // Source: ..\\plugins\\viewer.js
// Component: <no-ssr> // Component: <no-ssr>
...@@ -135,6 +139,10 @@ async function createApp (ssrContext) { ...@@ -135,6 +139,10 @@ async function createApp (ssrContext) {
// Plugin execution // Plugin execution
if (typeof nuxt_plugin_museui_2c5e8732 === 'function') await nuxt_plugin_museui_2c5e8732(app.context, inject) if (typeof nuxt_plugin_museui_2c5e8732 === 'function') await nuxt_plugin_museui_2c5e8732(app.context, inject)
if (typeof nuxt_plugin_filters_2b4f519a === 'function') await nuxt_plugin_filters_2b4f519a(app.context, inject)
if (typeof nuxt_plugin_elementUI_3fa02fdd === 'function') await nuxt_plugin_elementUI_3fa02fdd(app.context, inject)
if (typeof nuxt_plugin_baidu_7b6ad772 === 'function') await nuxt_plugin_baidu_7b6ad772(app.context, inject)
if (typeof nuxt_plugin_viewer_1261dfef === 'function') await nuxt_plugin_viewer_1261dfef(app.context, inject)
// If server-side, wait for async component to be resolved first // If server-side, wait for async component to be resolved first
......
.nuxt/router.js
View file @ a37d1983
...@@ -3,16 +3,35 @@ import Router from 'vue-router' ...@@ -3,16 +3,35 @@ import Router from 'vue-router'
Vue.use(Router) Vue.use(Router)
const _916d4edc = () => import('..\\pages\\vehicle.vue' /* webpackChunkName: "pages_vehicle" */).then(m => m.default || m) const _7371174b = () => import('..\\pages\\news.vue' /* webpackChunkName: "pages_news" */).then(m => m.default || m)
const _55fc1c46 = () => import('..\\pages\\news.vue' /* webpackChunkName: "pages_news" */).then(m => m.default || m) const _4103d738 = () => import('..\\pages\\vehicle.vue' /* webpackChunkName: "pages_vehicle" */).then(m => m.default || m)
const _96254626 = () => import('..\\pages\\demo.vue' /* webpackChunkName: "pages_demo" */).then(m => m.default || m) const _1f82a760 = () => import('..\\pages\\tour.vue' /* webpackChunkName: "pages_tour" */).then(m => m.default || m)
const _0e939319 = () => import('..\\pages\\activity.vue' /* webpackChunkName: "pages_activity" */).then(m => m.default || m) const _1a80fc25 = () => import('..\\pages\\aboutXx.vue' /* webpackChunkName: "pages_aboutXx" */).then(m => m.default || m)
const _1b677f5a = () => import('..\\pages\\aboutXx.vue' /* webpackChunkName: "pages_aboutXx" */).then(m => m.default || m) const _26135cf2 = () => import('..\\pages\\activity.vue' /* webpackChunkName: "pages_activity" */).then(m => m.default || m)
const _1b4d0cd2 = () => import('..\\pages\\campsite.vue' /* webpackChunkName: "pages_campsite" */).then(m => m.default || m) const _0ca06980 = () => import('..\\pages\\campsite.vue' /* webpackChunkName: "pages_campsite" */).then(m => m.default || m)
const _51cf86e2 = () => import('..\\pages\\tour.vue' /* webpackChunkName: "pages_tour" */).then(m => m.default || m) const _535c825b = () => import('..\\pages\\demo.vue' /* webpackChunkName: "pages_demo" */).then(m => m.default || m)
const _5df21ee8 = () => import('..\\pages\\demoList\\demoList.vue' /* webpackChunkName: "pages_demoList_demoList" */).then(m => m.default || m) const _113883cc = () => import('..\\pages\\indexWeb.vue' /* webpackChunkName: "pages_indexWeb" */).then(m => m.default || m)
const _802b9bc2 = () => import('..\\pages\\demoList\\_id.vue' /* webpackChunkName: "pages_demoList__id" */).then(m => m.default || m) const _96ce9d96 = () => import('..\\pages\\company.vue' /* webpackChunkName: "pages_company" */).then(m => m.default || m)
const _e86eea90 = () => import('..\\pages\\index.vue' /* webpackChunkName: "pages_index" */).then(m => m.default || m) const _80e40e7c = () => import('..\\pages\\findList\\all.vue' /* webpackChunkName: "pages_findList_all" */).then(m => m.default || m)
const _1ca2fa60 = () => import('..\\pages\\findList\\findTour.vue' /* webpackChunkName: "pages_findList_findTour" */).then(m => m.default || m)
const _33728eb8 = () => import('..\\pages\\vehicleList\\vehicleList.vue' /* webpackChunkName: "pages_vehicleList_vehicleList" */).then(m => m.default || m)
const _00eecb5a = () => import('..\\pages\\newsList\\newsList.vue' /* webpackChunkName: "pages_newsList_newsList" */).then(m => m.default || m)
const _53ffda52 = () => import('..\\pages\\activityList\\activityList.vue' /* webpackChunkName: "pages_activityList_activityList" */).then(m => m.default || m)
const _d935d0d2 = () => import('..\\pages\\findList\\findActivity.vue' /* webpackChunkName: "pages_findList_findActivity" */).then(m => m.default || m)
const _53d8fd7a = () => import('..\\pages\\demoList\\demoList.vue' /* webpackChunkName: "pages_demoList_demoList" */).then(m => m.default || m)
const _8fe11c90 = () => import('..\\pages\\campsiteDetails\\campsiteDetails.vue' /* webpackChunkName: "pages_campsiteDetails_campsiteDetails" */).then(m => m.default || m)
const _3bf3bab8 = () => import('..\\pages\\tourDetails\\tourDetails.vue' /* webpackChunkName: "pages_tourDetails_tourDetails" */).then(m => m.default || m)
const _bfc2dd60 = () => import('..\\pages\\findList\\findCampsite.vue' /* webpackChunkName: "pages_findList_findCampsite" */).then(m => m.default || m)
const _67d36758 = () => import('..\\pages\\findList\\findVehicle.vue' /* webpackChunkName: "pages_findList_findVehicle" */).then(m => m.default || m)
const _bd9e2db6 = () => import('..\\pages\\findList\\findCompany.vue' /* webpackChunkName: "pages_findList_findCompany" */).then(m => m.default || m)
const _bc1e5670 = () => import('..\\pages\\findList\\findNew.vue' /* webpackChunkName: "pages_findList_findNew" */).then(m => m.default || m)
const _f54a1ef0 = () => import('..\\pages\\vehicleList\\_id.vue' /* webpackChunkName: "pages_vehicleList__id" */).then(m => m.default || m)
const _98217cfe = () => import('..\\pages\\newsList\\_id.vue' /* webpackChunkName: "pages_newsList__id" */).then(m => m.default || m)
const _deaac4b0 = () => import('..\\pages\\tourDetails\\_id.vue' /* webpackChunkName: "pages_tourDetails__id" */).then(m => m.default || m)
const _04e1cac5 = () => import('..\\pages\\activityList\\_id.vue' /* webpackChunkName: "pages_activityList__id" */).then(m => m.default || m)
const _239656d0 = () => import('..\\pages\\campsiteDetails\\_id.vue' /* webpackChunkName: "pages_campsiteDetails__id" */).then(m => m.default || m)
const _f9796f1e = () => import('..\\pages\\demoList\\_id.vue' /* webpackChunkName: "pages_demoList__id" */).then(m => m.default || m)
const _8983d9ec = () => import('..\\pages\\index.vue' /* webpackChunkName: "pages_index" */).then(m => m.default || m)
...@@ -72,54 +91,149 @@ export function createRouter () { ...@@ -72,54 +91,149 @@ export function createRouter () {
linkExactActiveClass: 'nuxt-link-exact-active', linkExactActiveClass: 'nuxt-link-exact-active',
scrollBehavior, scrollBehavior,
routes: [ routes: [
{
path: "/vehicle",
component: _916d4edc,
name: "vehicle"
},
{ {
path: "/news", path: "/news",
component: _55fc1c46, component: _7371174b,
name: "news" name: "news"
}, },
{ {
path: "/demo", path: "/vehicle",
component: _96254626, component: _4103d738,
name: "demo" name: "vehicle"
}, },
{ {
path: "/activity", path: "/tour",
component: _0e939319, component: _1f82a760,
name: "activity" name: "tour"
}, },
{ {
path: "/aboutXx", path: "/aboutXx",
component: _1b677f5a, component: _1a80fc25,
name: "aboutXx" name: "aboutXx"
}, },
{
path: "/activity",
component: _26135cf2,
name: "activity"
},
{ {
path: "/campsite", path: "/campsite",
component: _1b4d0cd2, component: _0ca06980,
name: "campsite" name: "campsite"
}, },
{ {
path: "/tour", path: "/demo",
component: _51cf86e2, component: _535c825b,
name: "tour" name: "demo"
},
{
path: "/indexWeb",
component: _113883cc,
name: "indexWeb"
},
{
path: "/company",
component: _96ce9d96,
name: "company"
},
{
path: "/findList/all",
component: _80e40e7c,
name: "findList-all"
},
{
path: "/findList/findTour",
component: _1ca2fa60,
name: "findList-findTour"
},
{
path: "/vehicleList/vehicleList",
component: _33728eb8,
name: "vehicleList-vehicleList"
},
{
path: "/newsList/newsList",
component: _00eecb5a,
name: "newsList-newsList"
},
{
path: "/activityList/activityList",
component: _53ffda52,
name: "activityList-activityList"
},
{
path: "/findList/findActivity",
component: _d935d0d2,
name: "findList-findActivity"
}, },
{ {
path: "/demoList/demoList", path: "/demoList/demoList",
component: _5df21ee8, component: _53d8fd7a,
name: "demoList-demoList" name: "demoList-demoList"
}, },
{
path: "/campsiteDetails/campsiteDetails",
component: _8fe11c90,
name: "campsiteDetails-campsiteDetails"
},
{
path: "/tourDetails/tourDetails",
component: _3bf3bab8,
name: "tourDetails-tourDetails"
},
{
path: "/findList/findCampsite",
component: _bfc2dd60,
name: "findList-findCampsite"
},
{
path: "/findList/findVehicle",
component: _67d36758,
name: "findList-findVehicle"
},
{
path: "/findList/findCompany",
component: _bd9e2db6,
name: "findList-findCompany"
},
{
path: "/findList/findNew",
component: _bc1e5670,
name: "findList-findNew"
},
{
path: "/vehicleList/:id?",
component: _f54a1ef0,
name: "vehicleList-id"
},
{
path: "/newsList/:id?",
component: _98217cfe,
name: "newsList-id"
},
{
path: "/tourDetails/:id?",
component: _deaac4b0,
name: "tourDetails-id"
},
{
path: "/activityList/:id?",
component: _04e1cac5,
name: "activityList-id"
},
{
path: "/campsiteDetails/:id?",
component: _239656d0,
name: "campsiteDetails-id"
},
{ {
path: "/demoList/:id?", path: "/demoList/:id?",
component: _802b9bc2, component: _f9796f1e,
name: "demoList-id" name: "demoList-id"
}, },
{ {
path: "/", path: "/",
component: _e86eea90, component: _8983d9ec,
name: "index" name: "index"
} }
], ],
......
.nuxt/utils.js
View file @ a37d1983
...@@ -120,7 +120,7 @@ export async function setContext(app, context) { ...@@ -120,7 +120,7 @@ export async function setContext(app, context) {
payload: context.payload, payload: context.payload,
error: context.error, error: context.error,
base: '/', base: '/',
env: {"host":"https://dev.dfangche.com"} env: {"host":"https://xxtest.upyuns.com"}
} }
// Only set once // Only set once
if (context.req) app.context.req = context.req if (context.req) app.context.req = context.req
......
components/menu.vue
View file @ a37d1983
...@@ -8,7 +8,9 @@ ...@@ -8,7 +8,9 @@
> >
<div>您好！欢迎进入欣新房车集团官方网站</div> <div>您好！欢迎进入欣新房车集团官方网站</div>
<div class="ft-14" style="position: relative;right:20px;"> <div class="ft-14" style="position: relative;right:20px;">
<span style="margin-right:30px" class="help"><nuxt-link to="/company">服务热线： 4000-369-369</nuxt-link></span> <span style="margin-right:30px" class="help">
<nuxt-link to="/company">服务热线： 4000-369-369</nuxt-link>
</span>
<nuxt-link to="/indexWeb"> <nuxt-link to="/indexWeb">
<span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span> <span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span>
</nuxt-link> </nuxt-link>
...@@ -20,30 +22,25 @@ ...@@ -20,30 +22,25 @@
<div style="border-bottom: 1px solid rgb(242, 242, 242);"> <div style="border-bottom: 1px solid rgb(242, 242, 242);">
<ul class="v-ul clearfix" style="margin-bottom: 15px;"> <ul class="v-ul clearfix" style="margin-bottom: 15px;">
<li> <li>
<nuxt-link to="/aboutXx" >欣新介绍</nuxt-link> <nuxt-link to="/aboutXx">欣新介绍</nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
<div > <div>
<!--<div style="margin-top:23px">产品展示</div>--> <!--<div style="margin-top:23px">产品展示</div>-->
<ul class="v-ul clearfix flex-aic"> <ul class="v-ul clearfix flex-aic">
<li style="margin-right:12px;min-width: 60px;" @click="chooseVe()"> <li style="margin-right:12px;min-width: 60px;" @click="chooseVe()">房车租赁</li>
房车租赁 <div class="secoud-li">
</li>
<div class="secoud-li">
<li <li
v-for="item in vehicleType" v-for="item in vehicleType"
:key="item.id" :key="item.id"
style="" style
@click="chooseVe(item.id)" @click="chooseVe(item.id)"
>{{item.name}}</li> >{{item.name}}</li>
</div> </div>
</ul> </ul>
<ul class="v-ul clearfix flex-aic" style="margin-top:9px;"> <ul class="v-ul clearfix flex-aic" style="margin-top:9px;">
<li style="margin-right:12px;min-width: 60px;" <li style="margin-right:12px;min-width: 60px;" @click="chooseSelect()">房车旅行</li>
@click="chooseSelect()">
房车旅行
</li>
<div class="secoud-li"> <div class="secoud-li">
<li <li
v-for="item in tourType" v-for="item in tourType"
...@@ -51,12 +48,12 @@ ...@@ -51,12 +48,12 @@
@click="chooseSelect(item.id)" @click="chooseSelect(item.id)"
>{{item.name}}</li> >{{item.name}}</li>
</div> </div>
</ul> </ul>
<ul class="v-ul clearfix flex-aic" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2"> <ul
<li style="margin-right:12px;min-width: 60px;" @click="chooseType()"> class="v-ul clearfix flex-aic"
房车营地 style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2"
</li> >
<li style="margin-right:12px;min-width: 60px;" @click="chooseType()">房车营地</li>
<div class="secoud-li"> <div class="secoud-li">
<li <li
v-for="item in campsiteType" v-for="item in campsiteType"
...@@ -65,42 +62,53 @@ ...@@ -65,42 +62,53 @@
>{{item.name}}</li> >{{item.name}}</li>
</div> </div>
</ul> </ul>
</div> </div>
<!--<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >--> <!--<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >-->
<!--<div style="">招商加盟</div>--> <!--<div style="">招商加盟</div>-->
<!--</div>--> <!--</div>-->
<div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2"> <div class style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style=""> <li style>
<nuxt-link to="/activity" >欣新活动</nuxt-link> <nuxt-link to="/activity">欣新活动</nuxt-link>
</li> </li>
<li style="padding: 0 10px;"> <li style="padding: 0 10px;">
<nuxt-link to="/news" >新闻动态</nuxt-link> <nuxt-link to="/news">新闻动态</nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
<div> <div>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li> <li>
<nuxt-link to="/company" >联系我们</nuxt-link> <nuxt-link to="/company">联系我们</nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="menu"> <div class="menu">
<nuxt-link to="/"> <nuxt-link to="/">
<div class="flex-aic menu-logo-l"> <div class="flex-aic menu-logo-l">
<img src="https://mgmt.dfangche.com/xxfccn/image/home/logo.png" style="width:175px;" alt="欣新房车，让生活更美好"> <img
src="https://mgmt.dfangche.com/xxfccn/image/home/logo.png"
style="width:175px;"
alt="欣新房车，让生活更美好"
/>
</div> </div>
</nuxt-link> </nuxt-link>
<el-input placeholder="车型/旅游路线/营地/活动/新闻/子公司" v-model="listQuery.keyword" class="input-with-select menu-select"> <el-input
placeholder="车型/旅游路线/营地/活动/新闻/子公司"
v-model="listQuery.keyword"
class="input-with-select menu-select"
>
<el-select v-model="select" slot="prepend" placeholder="综合" style="width:90px"> <el-select v-model="select" slot="prepend" placeholder="综合" style="width:90px">
<el-option v-for="menu in findList" :key="menu.id" :label="menu.name" :value="menu.link" style="width:90px"> <el-option
{{menu.name}} v-for="menu in findList"
</el-option> :key="menu.id"
:label="menu.name"
:value="menu.link"
style="width:90px"
>{{menu.name}}</el-option>
</el-select> </el-select>
<el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button> <el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button>
<!-- <el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button> --> <!-- <el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button> -->
...@@ -122,7 +130,71 @@ ...@@ -122,7 +130,71 @@
</div> </div>
<div class="menu-new"> <div class="menu-new">
<ul class="users"> <ul class="users">
<li v-for="menu in menuList" :key="menu.id"> <li>
<nuxt-link to="/" :class="router== '/'?'active':''">网站首页</nuxt-link>
</li>
<li>
<nuxt-link to="/aboutXx" :class="router== '/aboutXx'?'active':''">欣新介绍</nuxt-link>
</li>
<li style="position: relative" class="select">
<nuxt-link
to="/vehicle"
:class="router== '/vehicle' || router== '/tour' || router== '/campsite'?'active':''"
>
产品展示
<span class="arrow"></span>
</nuxt-link>
<ul class="select-product">
<li>
<nuxt-link to="/vehicle?types=">房车租赁</nuxt-link>
</li>
<li>
<nuxt-link to="/tour?tagIds=">房车旅游</nuxt-link>
</li>
<li>
<nuxt-link to="/campsite?types=">房车营地</nuxt-link>
</li>
</ul>
</li>
<!-- <li>
<nuxt-link to="/" :class="router== '/aboutXx'?'active':''">招商加盟</nuxt-link>
</!-->
<li style="position: relative" class="news-msg">
<nuxt-link
to="/activity"
:class="router== '/activity' || router== '/news' ?'active':''"
>
新闻资讯
<span class="arrow"></span>
</nuxt-link>
<ul class="select-news">
<li>
<nuxt-link to="/activity">房车活动</nuxt-link>
</li>
<li>
<nuxt-link to="/news">新闻动态</nuxt-link>
</li>
</ul>
</li>
<li>
<nuxt-link to="/" :class="router== '/aboutXx'?'active':''">联系我们</nuxt-link>
</li>
<!-- <el-menu class="el-menu-demo" mode="horizontal">
<el-submenu index="2">
<template slot="title">我的工作台</template>
<el-menu-item index="2-1">选项1</el-menu-item>
<el-menu-item index="2-2">选项2</el-menu-item>
<el-menu-item index="2-3">选项3</el-menu-item>
<el-submenu index="2-4">
<template slot="title">选项4</template>
<el-menu-item index="2-4-1">选项1</el-menu-item>
<el-menu-item index="2-4-2">选项2</el-menu-item>
<el-menu-item index="2-4-3">选项3</el-menu-item>
</el-submenu>
</el-submenu>
</el-menu>-->
<!-- <li v-for="menu in menuList" :key="menu.id">
<nuxt-link <nuxt-link
v-if="menu.link=='/'" v-if="menu.link=='/'"
:to="menu.link" :to="menu.link"
...@@ -133,7 +205,7 @@ ...@@ -133,7 +205,7 @@
:to="menu.link" :to="menu.link"
:class="menu.link.indexOf(router) != -1 && router!='/' ?'active':''" :class="menu.link.indexOf(router) != -1 && router!='/' ?'active':''"
>{{ menu.name }}</nuxt-link> >{{ menu.name }}</nuxt-link>
</li> </li>-->
</ul> </ul>
</div> </div>
</div> </div>
...@@ -149,46 +221,73 @@ export default { ...@@ -149,46 +221,73 @@ export default {
data() { data() {
return { return {
router: "/", router: "/",
activeLink: "true",
menuList: [ menuList: [
{ id: 1, name: "首页", link: "/" }, { id: 1, name: "网站首页", link: "/" },
{ id: 7, name: "欣新介绍", link: "/aboutXx" }, { id: 7, name: "欣新介绍", link: "/aboutXx" },
{ id: 2, name: "房车租赁", link: "/vehicle?types=" }, { id: 2, name: "产品展示", link: "/vehicle?types=" },
{ id: 3, name: "房车旅行", link: '/tour?tagIds=' }, { id: 3, name: "招商加盟", link: "/tour?tagIds=" },
{ id: 4, name: "房车营地", link: "/campsite?types=" }, { id: 4, name: "新闻资讯", link: "/campsite?types=" },
{ id: 5, name: "欣新活动", link: "/activity" }, { id: 8, name: "联系我们", link: "/company" }
{ id: 6, name: "新闻动态", link: "/news" },
{ id: 8, name: "联系我们", link: "/company" },
], ],
tourType: [], tourType: [],
vehicleType: [], vehicleType: [],
childType:[], childType: [],
visibleMap: false, visibleMap: false,
select: "/findList/all", select: "/findList/all",
findList:[ findList: [
{ id: 1,value:"", name: "综合", link: "/findList/all" }, { id: 1, value: "", name: "综合", link: "/findList/all" },
{ id: 2,value:"vehicle", name: "车型", link: "/findList/findVehicle" }, {
{ id: 3,value:"tour", name: "旅游", link: "/findList/findTour" }, id: 2,
{ id: 4,value:"campsite", name: "营地", link: "/findList/findCampsite" }, value: "vehicle",
{ id: 5,value:"activity", name: "活动", link: "/findList/findActivity" }, name: "车型",
{ id: 6,value:"news", name: "新闻", link: "/findList/findNew" }, link: "/findList/findVehicle"
{ id: 7,value:"company", name: "子公司", link: "/findList/findCompany" } },
{ id: 3, value: "tour", name: "旅游", link: "/findList/findTour" },
{
id: 4,
value: "campsite",
name: "营地",
link: "/findList/findCampsite"
},
{
id: 5,
value: "activity",
name: "活动",
link: "/findList/findActivity"
},
{ id: 6, value: "news", name: "新闻", link: "/findList/findNew" },
{
id: 7,
value: "company",
name: "子公司",
link: "/findList/findCompany"
}
], ],
listQuery: { listQuery: {
type: "", type: "",
keyword: "", keyword: "",
page: "", page: "",
limit: "", limit: ""
}, }
}; };
}, },
created() { created() {
// console.log(this); // console.log(this);
this.getType(); this.getType();
if(this.$route.path == '/findList/all'||this.$route.path == '/findList/findVehicle'||this.$route.path == '/findList/findTour'||this.$route.path == '/findList/findCampsite'||this.$route.path == '/findList/findActivity'||this.$route.path == '/findList/findNew'||this.$route.path == '/findList/findCompany'){ if (
this.$route.path == "/findList/all" ||
this.$route.path == "/findList/findVehicle" ||
this.$route.path == "/findList/findTour" ||
this.$route.path == "/findList/findCampsite" ||
this.$route.path == "/findList/findActivity" ||
this.$route.path == "/findList/findNew" ||
this.$route.path == "/findList/findCompany"
) {
this.select = this.$route.path; this.select = this.$route.path;
}else{ } else {
this.select = "/findList/all" this.select = "/findList/all";
} }
this.listQuery.keyword = this.$route.query.keywords; this.listQuery.keyword = this.$route.query.keywords;
...@@ -196,34 +295,31 @@ export default { ...@@ -196,34 +295,31 @@ export default {
this.router = router; this.router = router;
}, },
methods: { methods: {
chooseSelect(e){ chooseSelect(e) {
if(e == undefined){ if (e == undefined) {
e = "", (e = ""), console.log(2);
console.log(2);
} }
this.$router.push({ path: '/tour', query: { tagIds: e } }); this.$router.push({ path: "/tour", query: { tagIds: e } });
console.log(e); console.log(e);
this.$emit('goTour',e); this.$emit("goTour", e);
this.visibleMap = false; this.visibleMap = false;
}, },
chooseType(e){ chooseType(e) {
if(e == undefined){ if (e == undefined) {
e = "", (e = ""), console.log(3);
console.log(3);
} }
this.$router.push({ path: '/campsite', query: { types: e } }); this.$router.push({ path: "/campsite", query: { types: e } });
console.log(e); console.log(e);
this.$emit('goCam',e); this.$emit("goCam", e);
this.visibleMap = false; this.visibleMap = false;
}, },
chooseVe(e){ chooseVe(e) {
if(e == undefined){ if (e == undefined) {
e = "", (e = ""), console.log(3);
console.log(3);
} }
this.$router.push({ path: '/vehicle', query: { types: e } }); this.$router.push({ path: "/vehicle", query: { types: e } });
console.log(e); console.log(e);
this.$emit('goVe',e); this.$emit("goVe", e);
this.visibleMap = false; this.visibleMap = false;
}, },
async getType() { async getType() {
...@@ -233,16 +329,12 @@ export default { ...@@ -233,16 +329,12 @@ export default {
"/api/campsite/campsiteTag/app/unauth/tags" "/api/campsite/campsiteTag/app/unauth/tags"
); );
this.campsiteType = campsite.data.data; this.campsiteType = campsite.data.data;
const child = await axios.get( const child = await axios.get("/vehicle/cata/app/unauth/types");
"/vehicle/cata/app/unauth/types"
);
this.vehicleType = child.data.data; this.vehicleType = child.data.data;
console.log(this.childType); console.log(this.childType);
}, },
enter() { enter() {
var test = window.location.pathname; var test = window.location.pathname;
// console.log(test);
if (test == "/indexWeb") { if (test == "/indexWeb") {
this.visibleMap = false; this.visibleMap = false;
} else { } else {
...@@ -252,24 +344,89 @@ export default { ...@@ -252,24 +344,89 @@ export default {
leave() { leave() {
this.visibleMap = false; this.visibleMap = false;
}, },
findTo(){ findTo() {
if(this.listQuery.keyword == undefined){ if (this.listQuery.keyword == undefined) {
this.listQuery.keyword = "", (this.listQuery.keyword = ""), console.log(2);
console.log(2);
} }
this.$router.push({ path: this.select, query: { keywords: this.listQuery.keyword } }); this.$router.push({
path: this.select,
query: { keywords: this.listQuery.keyword }
});
console.log(this.select); console.log(this.select);
console.log(this.listQuery.keyword); console.log(this.listQuery.keyword);
this.$emit('childByValue', this.listQuery.keyword); this.$emit("childByValue", this.listQuery.keyword);
} }
} }
}; };
</script> </script>
<style> <style>
.secoud-li li{ .secoud-li li {
padding: 0 10px !important; padding: 0 10px !important;
} }
</style> .arrow {
width: 0;
height: 0;
border-top: 5px solid #e5e5e5;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
top: 20px;
right: 15px;
}
.select .arrow,
.news-msg .arrow {
transition: all 0.2s linear;
}
.select:hover .arrow {
transition: all 0.2s linear;
transform: rotate(180deg);
}
.news-msg:hover .arrow {
transition: all 0.2s linear;
transform: rotate(180deg);
}
.select:hover .select-product {
display: block;
}
.news-msg:hover .select-news {
display: block;
}
.select-product,
.select-news {
position: absolute;
top: 42px;
left: 10px;
background: #fff;
padding: 10px 24px;
display: none;
border-radius: 5px;
border: 1px solid #e5e5e5
}
.select-product li,
.select-news li {
list-style: none;
padding: 10px 0;
border-bottom: 1px solid #e5e5e5;
width: 80px;
text-align: center;
}
.select-product li a,
.select-news li a {
color: #333;
margin: 0;
padding: 0;
display: block;
border: none;
}
.select-product li a:hover {
border: none !important;
}
.select-news li a:hover {
border: none !important;
}
.select-product li:last-child,
.select-news li:last-child {
border: none;
}
</style>
\ No newline at end of file
package-lock.json
View file @ a37d1983
...@@ -3771,7 +3771,8 @@ ...@@ -3771,7 +3771,8 @@
}, },
"ansi-regex": { "ansi-regex": {
"version": "2.1.1", "version": "2.1.1",
"bundled": true "bundled": true,
"optional": true
}, },
"aproba": { "aproba": {
"version": "1.2.0", "version": "1.2.0",
...@@ -4136,7 +4137,8 @@ ...@@ -4136,7 +4137,8 @@
}, },
"safe-buffer": { "safe-buffer": {
"version": "5.1.2", "version": "5.1.2",
"bundled": true "bundled": true,
"optional": true
}, },
"safer-buffer": { "safer-buffer": {
"version": "2.1.2", "version": "2.1.2",
...@@ -4184,6 +4186,7 @@ ...@@ -4184,6 +4186,7 @@
"strip-ansi": { "strip-ansi": {
"version": "3.0.1", "version": "3.0.1",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"ansi-regex": "^2.0.0" "ansi-regex": "^2.0.0"
} }
...@@ -4222,11 +4225,13 @@ ...@@ -4222,11 +4225,13 @@
}, },
"wrappy": { "wrappy": {
"version": "1.0.2", "version": "1.0.2",
"bundled": true "bundled": true,
"optional": true
}, },
"yallist": { "yallist": {
"version": "3.0.3", "version": "3.0.3",
"bundled": true "bundled": true,
"optional": true
} }
} }
}, },
......
pages/activityList/_id.vue
View file @ a37d1983
...@@ -9,13 +9,26 @@ ...@@ -9,13 +9,26 @@
<span>{{detail.title}}</span> <span>{{detail.title}}</span>
</div> </div>
<div style="display: flex;padding: 20px;background: #fff"> <div style="display: flex;padding: 20px;background: #fff">
<img :src="detail.banner" style="width: 540px;height:320px;"/> <img :src="detail.banner" style="width: 540px;height:320px;" />
<div class="r-content"> <div class="r-content">
<h1>{{detail.title}}</h1> <h1 ref="newTitle">{{detail.title}}</h1>
<div class="r-cc"> <div class="r-cc">
<p>活动人数<span style="margin-left: 20px;">{{detail.limitNum}}</span></p> <p>
<p>活动时间<span style="margin-left: 20px;">{{detail.startTime | formatDate('yyyy-MM-dd hh:mm')}}~{{detail.endTime | formatDate('yyyy-MM-dd hh:mm')}}</span></p> 活动人数
<p class="ellipsis2">活动地点<span style="margin-left: 20px;">{{detail.province}}{{detail.city}}{{detail.town}}{{detail.address}}</span></p> <span style="margin-left: 20px;">{{detail.limitNum}}</span>
</p>
<p>
活动时间
<span
style="margin-left: 20px;"
>{{detail.startTime | formatDate('yyyy-MM-dd hh:mm')}}~{{detail.endTime | formatDate('yyyy-MM-dd hh:mm')}}</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>
...@@ -25,19 +38,25 @@ ...@@ -25,19 +38,25 @@
<h3 class="content-t content-t-l" style="text-align: left;">活动详情</h3> <h3 class="content-t content-t-l" style="text-align: left;">活动详情</h3>
<div class="models-details" v-html="detail.content"></div> <div class="models-details" v-html="detail.content"></div>
</div> </div>
<div id = "fixContainer" class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 0 20px 20px 20px;"> <div
id="fixContainer"
class="content-r-link"
style="width: 300px;background: #fff;margin: 20px 0;padding: 0 20px 20px 20px;"
>
<div id="activityHotId" :class="barFixed?'isFixed':''"> <div id="activityHotId" :class="barFixed?'isFixed':''">
<h3 class="content-t hot-t-r">热门活动</h3> <h3 class="content-t hot-t-r">热门活动</h3>
<!--<div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 0 20px 20px 20px;">--> <!--<div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 0 20px 20px 20px;">-->
<!--<h3 class="content-t hot-t-r">热门活动</h3>--> <!--<h3 class="content-t hot-t-r">热门活动</h3>-->
<div class="content-detail tc" v-for="item in hotList" :key="item.id"> <div class="content-detail tc" v-for="item in hotList" :key="item.id">
<img :src="item.banner" :alt="item.title" style="width: 190px;height: 120px;"/> <img :src="item.banner" :alt="item.title" style="width: 190px;height: 120px;" />
<div class="tc ellipsis cc-title">{{item.title}}</div> <div class="tc ellipsis cc-title">{{item.title}}</div>
<nuxt-link :to="'/activityList/'+item.id"><div class="detail-new">活动详情</div></nuxt-link> <nuxt-link :to="'/activityList/'+item.id">
<div class="detail-new">活动详情</div>
</nuxt-link>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<go-top></go-top> <go-top></go-top>
...@@ -46,172 +65,186 @@ ...@@ -46,172 +65,186 @@
</template> </template>
<script> <script>
import axios from '../../plugins/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 GoTop from "../../components/goTop"; import GoTop from "../../components/goTop";
export default { export default {
transition: 'bounce', transition: "bounce",
components: { components: {
GoTop, GoTop,
menuModal, menuModal,
footerModal footerModal
}, },
data(){ data() {
return{ return {
lengthPic:0, lengthPic: 0,
preIndex: 0,//当前轮播选中图 preIndex: 0, //当前轮播选中图
barFixed: false barFixed: false
} };
}, },
created() { created() {
if (typeof window !== 'undefined') { if (typeof window !== "undefined") {
window.addEventListener('scroll', this.handleScroll); window.addEventListener("scroll", this.handleScroll);
} }
}, },
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 }) {
const { data } = await axios.get(
"/api/uccn/summitActivity/app/unauth/" + params.id
);
let detail = data.data;
detail.content = detail.content.replace(/<img/g, "<img style='width:90%'");
if (!detail) {
return error({ message: "detail not found", statusCode: 404 });
}
let tempBannerData = await axios.get(
"/api/uccn/random/list/app/unauth/get?type=4"
);
let hot = tempBannerData.data.data;
return { detail: detail, hotList: hot, headList : detail.title };
},
methods: {
changeImgIndex(index, length) {
this.$refs.mySwiper.swiper.slideTo(index + 1, 1000, true);
this.lengthPic = length;
console.log(this.lengthPic);
}, },
async asyncData({ env, params, error}) { handleScroll: function() {
const { data } = await axios.get( '/api/uccn/summitActivity/app/unauth/'+params.id); let scrollTop =
let detail = data.data; window.pageYOffset ||
detail.content =detail.content.replace(/<img/g,"<img style='width:90%'"); document.documentElement.scrollTop ||
if (!detail) { document.body.scrollTop;
return error({ message: 'detail not found', statusCode: 404 }) let path = $nuxt.$route.path;
if (path.indexOf("/activityList") != -1) {
var menuTop = document.querySelector("#activityHotId").offsetTop;
//滑动到指定位置菜单吸顶
if (scrollTop > menuTop - 120) {
this.barFixed = true;
}
let fixContainer = document.querySelector("#fixContainer").offsetTop;
if (scrollTop < fixContainer - 120) {
this.barFixed = false;
// this.tabIndex = 0;
}
} }
let tempBannerData = await axios.get('/api/uccn/random/list/app/unauth/get?type=4'); }
let hot = tempBannerData.data.data; },
return {detail: detail, hotList: hot} mounted() {
}, let t = this;
methods:{ let galleryThumbs = new Swiper(".gallery-thumbs", {
changeImgIndex(index,length){ spaceBetween: 10,
this.$refs.mySwiper.swiper.slideTo(index+1, 1000, true); slidesPerView: 5,
this.lengthPic = length; freeMode: true,
console.log(this.lengthPic); watchSlidesVisibility: true,
watchSlidesProgress: true
}, });
handleScroll: function () { let galleryTop = new Swiper(".gallery-top", {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; spaceBetween: 10,
let path = $nuxt.$route.path; loop: true,
if(path.indexOf('/activityList') != -1 ){ on: {
var menuTop = document.querySelector('#activityHotId').offsetTop; slideChangeTransitionEnd: function() {
//滑动到指定位置菜单吸顶 t.preIndex = this.activeIndex - 1;
if (scrollTop > menuTop-120) { if (t.preIndex == 5) {
this.barFixed = true; t.preIndex = 0;
}
let fixContainer = document.querySelector('#fixContainer').offsetTop;
if(scrollTop<fixContainer-120){
this.barFixed = false;
// this.tabIndex = 0;
} }
console.log(this.activeIndex);
} }
}, },
}, navigation: {
mounted(){ nextEl: ".swiper-button-next",
let t = this; prevEl: ".swiper-button-prev"
let galleryThumbs = new Swiper('.gallery-thumbs', { },
spaceBetween: 10, thumbs: {
slidesPerView: 5, swiper: galleryThumbs
freeMode: true, }
watchSlidesVisibility: true, });
watchSlidesProgress: true, },
}); head() {
let galleryTop = new Swiper('.gallery-top', {
spaceBetween: 10,
loop:true,
on: {
slideChangeTransitionEnd: function () {
t.preIndex = this.activeIndex-1;
if(t.preIndex == 5){
t.preIndex = 0
}
console.log(this.activeIndex)
},
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
thumbs: {
swiper: galleryThumbs
}
});
},
head () {
return { return {
title: "活动详情", title: this.detail.title,
} meta: [
} { hid: "keywords", name: "keywords", content: this.detail.keywords },
{
hid: "description",
name: "description",
content: this.detail.description
}
]
};
} }
};
</script> </script>
<style scoped> <style scoped>
.isFixed{ .isFixed {
position: fixed; position: fixed;
top: 120px; top: 120px;
width: 300px; width: 300px;
background: #fff; background: #fff;
} }
.tc { .tc {
text-align: center; text-align: center;
} }
.swiper-container { .swiper-container {
height: auto; height: auto;
} }
.gallery-top img{ .gallery-top img {
width: 100%; width: 100%;
} }
.content-detail{ .content-detail {
padding: 20px 0; padding: 20px 0;
width: 100%; width: 100%;
} }
.content-detail .cc-title{ .content-detail .cc-title {
margin: 20px; margin: 20px;
} }
.swiper-wrapper-thu{ .swiper-wrapper-thu {
/*max-width: 293px;*/ /*max-width: 293px;*/
margin: 0 !important; margin: 0 !important;
} }
.swiper-wrapper-thu img{ .swiper-wrapper-thu img {
width: 100%; width: 100%;
border: 2px solid #fff; border: 2px solid #fff;
} }
.swiper-wrapper-thu img.active{ .swiper-wrapper-thu img.active {
border: 2px solid #1bbb9f; border: 2px solid #1bbb9f;
padding: 5px; padding: 5px;
} }
.buttonDetails { .buttonDetails {
width: 156px; /* 宽度 */ width: 156px; /* 宽度 */
padding: 10px 0; padding: 10px 0;
background: #1bbb9f; /* 背景颜色 */ background: #1bbb9f; /* 背景颜色 */
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */ cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
font-family: Microsoft YaHei; /* 设置字体 */ font-family: Microsoft YaHei; /* 设置字体 */
color: #fff; /* 字体颜色 */ color: #fff; /* 字体颜色 */
text-align: center; text-align: center;
} }
.detail-new{ .detail-new {
width: 156px; width: 156px;
padding: 5px 0; padding: 5px 0;
cursor: pointer; cursor: pointer;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
color: #1bbb9f; color: #1bbb9f;
border: 1px solid #1bbb9f; border: 1px solid #1bbb9f;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
} }
.detail-new:hover{ .detail-new:hover {
color: #fff; color: #fff;
background: #1bbb9f; background: #1bbb9f;
} }
.content-r-link{ .content-r-link {
margin-left: 3%; margin-left: 3%;
width: 20%; width: 20%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
</style> </style>
pages/campsiteDetails/_id.vue
View file @ a37d1983
...@@ -217,8 +217,18 @@ export default { ...@@ -217,8 +217,18 @@ export default {
}); });
}, },
head: { head() {
title: "营地详情" return {
title: this.detail.name,
meta: [
{ hid: "keywords", name: "keywords", content: this.detail.keywords },
{
hid: "description",
name: "description",
content: this.detail.description
}
]
};
} }
}; };
</script> </script>
......
pages/news.vue
View file @ a37d1983
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<ul class="campsiteDetail"> <ul class="campsiteDetail">
<li v-for="item in dataDetail" :key="item.id" class="new-item"> <li v-for="item in dataDetail" :key="item.id" class="new-item">
<nuxt-link :to="'/newsList/'+item.id"> <nuxt-link :to="'/newsList/'+item.id">
<img :src="item.coverImage" :alt="item.alt" style="width:270px;height: 172px" /> <img :src="item.coverImage" :alt="item.alt" style="width:270px !important;height: 172px !important" />
<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 class="ellipsis2 epitome">导语：{{item.epitome}}</div> <div class="ellipsis2 epitome">导语：{{item.epitome}}</div>
......
pages/tourDetails/_id.vue
View file @ a37d1983
...@@ -277,8 +277,18 @@ export default { ...@@ -277,8 +277,18 @@ export default {
} }
}); });
}, },
head: { head() {
title: "旅游详情" return {
title: this.detail.name,
meta: [
{ hid: "keywords", name: "keywords", content: this.detail.keywords },
{
hid: "description",
name: "description",
content: this.detail.description
}
]
};
} }
}; };
</script> </script>
......
pages/vehicleList/_id.vue
View file @ a37d1983
<template> <template>
<div class="vehicle-container"> <div class="vehicle-container">
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" > <div class="main-container">
<div class="wrap"> <div class="wrap">
<div class="bread-menu" style="margin-top: 20px;"> <div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
...@@ -13,16 +13,21 @@ ...@@ -13,16 +13,21 @@
<div class="gallery-top-box" style="width:100%"> <div class="gallery-top-box" style="width:100%">
<div class="swiper-container gallery-top" style="width: 100%" ref="mySwiper"> <div class="swiper-container gallery-top" style="width: 100%" ref="mySwiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="item in detail.pictureList" :key="item"> <div class="swiper-slide" v-for="item in detail.pictureList" :key="item">
<img :src="item"> <img :src="item" />
</div> </div>
</div> </div>
</div> </div>
<div class="gallery-thumbs-box"> <div class="gallery-thumbs-box">
<div class="swiper-container gallery-thumbs"> <div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper swiper-wrapper-thu"> <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)"> <div
<img :src="item" :class="preIndex==index?'active':''" alt=""> class="swiper-slide"
v-for="(item,index) in detail.pictureList"
:key="index"
@click="changeImgIndex(index,detail.pictureList.length)"
>
<img :src="item" :class="preIndex==index?'active':''" alt />
</div> </div>
</div> </div>
</div> </div>
...@@ -33,10 +38,26 @@ ...@@ -33,10 +38,26 @@
<h1>{{detail.name}}</h1> <h1>{{detail.name}}</h1>
<div class="r-cc"> <div class="r-cc">
<div class="flex-aic"> <div class="flex-aic">
<span class="flex-aic config" v-for="(iitem,iindex) in detail.uccnCataList" :key="iitem.id"> <span
<img style="margin-right: 5px;" v-if="iindex==0" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRBRkVDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRBRkRDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlLS+CAAAADISURBVHjaYvz//z8DNQATA5UAdQ2aNWvWWyAOo8QgFigtBMRSQMMYgXQzENsC8XIgXgPENnj0vwHio2lpaf9Z0CS8gbgayrYD4o9AvIyAYxYAcSJ6GL1AYn8F4u9E+CoWI7CBTjwDpFyBuAHqvS1ALEgAiyCHEbJhe4DUHiShD8QENiMoQQIDGZQq7wPxMxIjiw+I3wItd0R20WMgPk+iQYZA7IDutfVAkyeQYgrQJwXQ2KV+FnlHRviAwHNYZDAO89xPDQAQYAC8zTagKPdHCQAAAABJRU5ErkJggg=="/> class="flex-aic config"
<img style="margin-right: 5px;" v-if="iindex==1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRCMDJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRCMDFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmkBcLEAAADwSURBVHjaYvz//z8DNQATA5UA1QxiARGzZs36CaTYyDTjV1paGjsLlPMdxCHHFKAjPsBdhCZhCKSCgPgeEC8CWvCXaK8hGaILpJYAcQcQ2wGxGRBnAsWDgXQsFv19WA0CAn8g7ge6YjFQ81Ig+wpUfB8Q38Vi0E1cBt0BGQY0ZB7UNa+h4oJArIDFoOe4DALZ6gvEL6Cal0DFFYHYAYtBD3AZ1A7E7kD8FJrGJgBdZw306l4gey+OWMNqECgtLUXicwCxAFBxDJAuwWJOAZwFymszZ878AKLJwTC91M0iIBrofHKLga8ggnH4FiMAAQYAZvR1GACV0mMAAAAASUVORK5CYII="/> v-for="(iitem,iindex) in detail.uccnCataList"
<img style="margin-right: 5px;" v-if="iindex==2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNENUU3MTJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNENUU3MTFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhIc0EUAAAFvSURBVHjarJM9SwNBEIYv0UQUP5ImnQiW2qWzsEhjY3eF1lfk/oK/wb+QFFebIpWVTcDGLmBjI6hIMJAmKgQ1Rs5n4Y2ZO67zBh52bm/m3dnZ3UIcx14etpyeaLVabi6AU6hDFcbQhwuIwjCcpfMKtiJE9hi6UHMJ0IORvhtawH37iN1lCknkBq6gSeBrRrUVhjYcwYEVK5rtdCVyAj8med1ozfTfxXWVt6iIiSb+OezCVD3ZhyG4ynbgXf42fMADnFFV+68iNTbSdsrCVVLSgZQ1LsGK4iLleVaorsZa24At+ZvGn1tPeYnjr+o0PK3u7Nok3Rq/pHGkvITQWEfsqUfOjmEgkUP5q2zrXv9ryksI9XVPLs3KL/Asf4DAU2prDeUleuRubKB7MtWpvME3fMJXxn0KlJcQirTntkQqVPAIE9dkxqERKShupLyFkN6OrxvbgbV5AP+mqUo6ivPtm8v/reX6+v9jRS8n+xVgAORemfNTP4ZNAAAAAElFTkSuQmCC"/> :key="iitem.id"
>
<img
style="margin-right: 5px;"
v-if="iindex==0"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRBRkVDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRBRkRDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlLS+CAAAADISURBVHjaYvz//z8DNQATA5UAdQ2aNWvWWyAOo8QgFigtBMRSQMMYgXQzENsC8XIgXgPENnj0vwHio2lpaf9Z0CS8gbgayrYD4o9AvIyAYxYAcSJ6GL1AYn8F4u9E+CoWI7CBTjwDpFyBuAHqvS1ALEgAiyCHEbJhe4DUHiShD8QENiMoQQIDGZQq7wPxMxIjiw+I3wItd0R20WMgPk+iQYZA7IDutfVAkyeQYgrQJwXQ2KV+FnlHRviAwHNYZDAO89xPDQAQYAC8zTagKPdHCQAAAABJRU5ErkJggg=="
/>
<img
style="margin-right: 5px;"
v-if="iindex==1"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRCMDJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRCMDFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmkBcLEAAADwSURBVHjaYvz//z8DNQATA5UA1QxiARGzZs36CaTYyDTjV1paGjsLlPMdxCHHFKAjPsBdhCZhCKSCgPgeEC8CWvCXaK8hGaILpJYAcQcQ2wGxGRBnAsWDgXQsFv19WA0CAn8g7ge6YjFQ81Ig+wpUfB8Q38Vi0E1cBt0BGQY0ZB7UNa+h4oJArIDFoOe4DALZ6gvEL6Cal0DFFYHYAYtBD3AZ1A7E7kD8FJrGJgBdZw306l4gey+OWMNqECgtLUXicwCxAFBxDJAuwWJOAZwFymszZ878AKLJwTC91M0iIBrofHKLga8ggnH4FiMAAQYAZvR1GACV0mMAAAAASUVORK5CYII="
/>
<img
style="margin-right: 5px;"
v-if="iindex==2"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNENUU3MTJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNENUU3MTFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhIc0EUAAAFvSURBVHjarJM9SwNBEIYv0UQUP5ImnQiW2qWzsEhjY3eF1lfk/oK/wb+QFFebIpWVTcDGLmBjI6hIMJAmKgQ1Rs5n4Y2ZO67zBh52bm/m3dnZ3UIcx14etpyeaLVabi6AU6hDFcbQhwuIwjCcpfMKtiJE9hi6UHMJ0IORvhtawH37iN1lCknkBq6gSeBrRrUVhjYcwYEVK5rtdCVyAj8med1ozfTfxXWVt6iIiSb+OezCVD3ZhyG4ynbgXf42fMADnFFV+68iNTbSdsrCVVLSgZQ1LsGK4iLleVaorsZa24At+ZvGn1tPeYnjr+o0PK3u7Nok3Rq/pHGkvITQWEfsqUfOjmEgkUP5q2zrXv9ryksI9XVPLs3KL/Asf4DAU2prDeUleuRubKB7MtWpvME3fMJXxn0KlJcQirTntkQqVPAIE9dkxqERKShupLyFkN6OrxvbgbV5AP+mqUo6ivPtm8v/reX6+v9jRS8n+xVgAORemfNTP4ZNAAAAAElFTkSuQmCC"
/>
{{iitem.name}} {{iitem.name}}
</span> </span>
</div> </div>
...@@ -45,26 +66,50 @@ ...@@ -45,26 +66,50 @@
<div style="min-width: 45px;">会员价</div> <div style="min-width: 45px;">会员价</div>
<div class="member-list-c"> <div class="member-list-c">
<div class="flex-aic" v-for="ictem in detail.userMemberLevel" :key="ictem.level"> <div class="flex-aic" v-for="ictem in detail.userMemberLevel" :key="ictem.level">
<img style="width: 21px;margin-right: 9px;" v-if="ictem.level == 1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAzODM0ODNDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAzODM0ODJDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2UzNzQ0ZjAtNDBkYS1lMDQzLWExOWQtM2I1MWE5NjYyMWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt0GqK4AAAQsSURBVHjatFVbSJtnGH7/JCYmgoqHJHaxOFPnqMik7IAb7EJacXYOceuFeKgFQaybjDrYzXY3vRvWKotiV9EbQdFdeDl74YadCOscXjk1iYk5GDUnNTHnfc9X/lCb30u/EP783+F5n/d5n/eLkEql6KqGQvxxdHR0YSEnJ4e2trbI5XJRbW0tTU5OTi0vL9cNDg5+UVJS8q/dbiej0UgymYySyWT6XHFxcSa4IAgXoyoUlJWVpTCbzZ9ubm4a19bWujA/Pz8/WFlZ+aSwsPCwurr6n0gkknE2A9xqtaY3QaqCggJaXV39fmFh4aeioiKeSW5uLvbdXV9fv6vT6Uiv12vUanUYAcSBvRngoVCI5HI5B0aQeDyOlO3IQKVS8blEIsFlwJxSqdxj++OYC4fDkuxl4g/GgILBIJ2fn3MQv99PdXV1MzU1NRaPx0PRaJTAEOsg0tzc/CPTNwbtT05OyOvzks/nk5YF7GKxGBhRfn4+Ma35e0NDQ7nX6+1gGYFI6vT0VHb7zu19rU67PDc3R5DHYDAQ23O55qg4ZGGFgkPe2djYaGTs5ezdVVpa6mFZCchIk6MRYtFY1tPJp/2MqZpl5i5/u3w6Ly+PgoGgNDi0ho0sFssHs7Ozf7JUVZAKGYi1AIFEMpGWLplI0uLiIu079j/vut9171LNkd729vYnMzMz60xbFaqu0Wjo7OyMf5ktSSaX8SDHx8ccWK1RU2FRIa2srHw1MTGxoFQppcF3dnZuMcZ/gB0sB70BWl9fzzNyOBzcQS6nixo/a+QNhKJj6HV6evHXixbWaHOS4FNTU78zO8kADBCk7Xa7UVCanp7m78+Xn9PAwACxLqVQOMSDY14M8PLvl/ckwQ8PDwvgGFFbjLz8POrr6+NBlpaWaHx8nNra2qi3t5dYI/FGgzzYzyUTUtKydHZ23j84OKBAIMADcGcwzfFs+bKFdnd2qampibq7u2nxt0W6XnqdEvHEq6aTCTACGd4ybL8OLrx+KzJpvmXshmHH7OxsrjsO+rw+3mDoTDhFq9XyNTDGutlipgpjxa7JZPq4qqrKk2FFpN7a2vqYUpQaHRt9jJSz1SxAJMafSDsei8PnFI1FKZV8xRhWLSsrc7Bivn+t5JpfUha0Nq7Xtva2EabpIwQDW1EigX0QAGzTwIzxjYob5me/PrvFrOy3WC3SmuNC4gHcLuro6Bju6el55Ha6KRAM8HU0D4onAlv3rNDdMfZk7CN0sM1m480mCZ4OcB4hp9NJ7e3tww+/fvgdLi0UWexisXis5c2mX0zvsWv3CO9vAmeAiwFQNKfLSQ+6Hvzc/01/v+fAwz0tV8jJZrdB472RkZEPGfAxbkUp4AsFfTMArlUcZBYdjUQjSuakH1gA+c13b/43NDR0hzWND1KgNy4bwlX+QcvoCsf/AgwAIgxUsvgyBW4AAAAASUVORK5CYII="/> <img
<img style="width: 21px;margin-right: 9px;" v-if="ictem.level == 2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAzODM0ODdDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAzODM0ODZDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2UzNzQ0ZjAtNDBkYS1lMDQzLWExOWQtM2I1MWE5NjYyMWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PougWI4AAAQOSURBVHjatFXNbxtFFH8zu9543fU2SW03IQ0KlSpacNsglCYREhShShyQ6Kkl0PbQA5UKPfbUG+KEONLwcUOo5X/ggFTaghQRRaIfRHwolROaOInjj3jX+zGzw5tZ18H1lltGsrwzO/t7v/m933tDhBCwW0N/8sCDZtcLohvAnE3wa3+DmS+Cu/rr1+7GvbcGD585LaLwPnM31bqIOO7eIaj1ZXvBCaHd4FSXa1rkN040S7cOBtuPPyRAwFmd+5Qa1ueantkimvEQhN8F3oXxRBav+lfXCy1lgVd5eNUtL3xG9QwGSwFQChELIApdoH3ZMDv6ukU1IxAR63yXHjzUy1wwT9KNWRCtfVyygog4TclnXIs6JySglQghXAJH3E9kTne0svEDKQ/KISIECsAsHP/esA8scr8BEkQICRTiL4DM0Pg1PVPgkSQlA6MCT3tD/4/ICoBQ3AgRcLcsI4GZKx6JAvc9XKNSRdSYmLmXlqlh397+Z06R0s0BlAoNIWiy5kFjGbhfw817gbnrYzh/BxnqNLVnDaOuR6GHe6NYNi1NuV8/xEM33WePls3ckRvoIAzggTX8SgJzKY1hAWttjjur87cxBxagY4TYaOcCYSU4komURBgE583VBQi92tv2genzRP8fzUOnPNFc+WVe8NAiGIhofSAwWQI1Bqqp7ULVhKOA0YqAtgS38se5eumnG5TqyeChs3bUeTx3BylRkjKVW2TizNzLCoC1aoo58+qQKRRBz+SBh634+Chlq7r0fr1059tEcGfl7g94fkMCgzo+JhVdIquwcPyiAnY3F6H/4CnY9+LpjmviPEhJbfAapQuJ4CxoDoEsFGmpKGq3ABM27t8E5tdheOIK5I9+ANmRSVi/dxO82iPcvkclWOlPyLN9bo1Mz0imyrck9q3UHNCWa/NfoWzrYO0fh/Jv30FzbQHtN6hOp8yG+1mrAnp64EGiFeXYXr57uVG6dV0ywrJGV3D1IVouDgqyckOUIKvkiBljvtwKGJn87/uLM68Z9nPV3q6IibJGTszKc9Yf/TgrpFtQJplY+U91qgBltxSCdxiH7gakzH1LQ8fOTWjpvU6iLLI6mQow9aU9dvJjqTNXbNuaquZA45y0pyG2XSNTWBw6duFVtLLD8ASJ4CohnKFD6pi0qev28298JIPx0NspIIji7opbmbuFjAeWCsWzk1j+1bC11Sm2XvB2ACwglKgmXTHbP3byCvO3ld5EJRmxFXAFUpncYqE4M46MG1Lzp++DXvBOAKb6jD06/UX/C29eYugiznwFwFpVLKDcn/nimUk9bTe4V00E7uktXQHQFRLIHpn6BpNq1Jd//kQ2MsMafpA7/O4pvM6aDKVQl8gzBtnNC5rCLo5/BRgAXjkqwv6j4/MAAAAASUVORK5CYII="/> style="width: 21px;margin-right: 9px;"
<img style="width: 21px;margin-right: 9px;" v-if="ictem.level == 3" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjA1MEExMTJDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjA1MEExMTFDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2UzNzQ0ZjAtNDBkYS1lMDQzLWExOWQtM2I1MWE5NjYyMWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm/vKBcAAAMqSURBVHjatFVNa1NBFJ2XviRNSFOSlNamJCT0Q5CggRSSkHVxI4K4cuOidVFB/4Br3brQjVoV3Lhw4dq9oKVFxGBB2krB0FqalrRJ06T5quc8euNL8rLswDAfb+bcc8+9d552dnamLqrpMjk5Oen4MDAwoKrVqioUCmpkZITjs6Ojo7lQKHSjXC7/bjQaxj5Hc/N6vb3gzWaz4xA9Ou+zBwcHkUql8lDTNLW/v/+41Wo9dTqdBaw3udevaSLL3t7e/01cIPPj4+MHpVLpuc1mUwJCpuz4Xg4Ggz5d1+tmYn6/v5c5waQRjGtc3JE12CohQjAY+4OxxX0B7/bC1rai623Q09NTo7vd7o9w/1utVlMCIszB8BHuNBmrer1ufOM5y4ASmMxonSMP0+Dw8PAs5rcBbjtnrfl8vpzL5fqKWBhk2HmHBCzBxWUCYn4JmXILQdRhNG+323fIjg1zDQbcuVxuEUydMPJ3dHT0A0l1J4XesQAwAK8Ui8XPcN0v+krmcE52lIVz9sPDQ6bs9UgksgDD1po7HA4CX0PWfMclv2QIGbOLAYLjnAHMMyS0u7s7v76+/o5rS3AE5nI+n/+Cyw7JDoIGAgEDgIHjHgpIjY2NMdhG0GkQQWcq393Y2HhjCY6Pn3DQTWBxmQxZhfF43AAGQzU9Pa1isZhhmNkhUg0ODrLA5i3BARziKClHRsyCbDZrMEwmk4aRcDisVldXCcTgduR/3zyH5jdRkW1g0ZTj8vIyq1WNj4+rlZUVhUxRyJL2WTbKBal+WJY/meBxuoP+XljIZSkqNspBjZkxchdPBB+sn6lUKoMaKPaA8zLd3N7evre1tbVEScSAOf3M6SnAHo9nM5PJXIU3FRrukYWXaWBiYuI1dF1kMM1lb35XuhivAThBYErTt4h4kQbwZr+EsRZy95W8OeKBADMGZIxAJ6F1meu+ATXrzJ8E2C9NTU3dFw+kiITx0NDQWjqdjvcD7gHvNhCNRl/MzMwsyMvHb3QdwL/IGFKUue73w9At/yA4TAkIOjk5+RbG7Ki+J5DKgVcym0gk5kTj7pK3TMWLaDZ1ge2fAAMAmId5+3zZfVQAAAAASUVORK5CYII="/> v-if="ictem.level == 1"
{{ictem.name}} ￥{{ictem.price}}/天，可节省￥{{ictem.disPrice}} <span>立即查看></span> src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAzODM0ODNDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAzODM0ODJDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2UzNzQ0ZjAtNDBkYS1lMDQzLWExOWQtM2I1MWE5NjYyMWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt0GqK4AAAQsSURBVHjatFVbSJtnGH7/JCYmgoqHJHaxOFPnqMik7IAb7EJacXYOceuFeKgFQaybjDrYzXY3vRvWKotiV9EbQdFdeDl74YadCOscXjk1iYk5GDUnNTHnfc9X/lCb30u/EP783+F5n/d5n/eLkEql6KqGQvxxdHR0YSEnJ4e2trbI5XJRbW0tTU5OTi0vL9cNDg5+UVJS8q/dbiej0UgymYySyWT6XHFxcSa4IAgXoyoUlJWVpTCbzZ9ubm4a19bWujA/Pz8/WFlZ+aSwsPCwurr6n0gkknE2A9xqtaY3QaqCggJaXV39fmFh4aeioiKeSW5uLvbdXV9fv6vT6Uiv12vUanUYAcSBvRngoVCI5HI5B0aQeDyOlO3IQKVS8blEIsFlwJxSqdxj++OYC4fDkuxl4g/GgILBIJ2fn3MQv99PdXV1MzU1NRaPx0PRaJTAEOsg0tzc/CPTNwbtT05OyOvzks/nk5YF7GKxGBhRfn4+Ma35e0NDQ7nX6+1gGYFI6vT0VHb7zu19rU67PDc3R5DHYDAQ23O55qg4ZGGFgkPe2djYaGTs5ezdVVpa6mFZCchIk6MRYtFY1tPJp/2MqZpl5i5/u3w6Ly+PgoGgNDi0ho0sFssHs7Ozf7JUVZAKGYi1AIFEMpGWLplI0uLiIu079j/vut9171LNkd729vYnMzMz60xbFaqu0Wjo7OyMf5ktSSaX8SDHx8ccWK1RU2FRIa2srHw1MTGxoFQppcF3dnZuMcZ/gB0sB70BWl9fzzNyOBzcQS6nixo/a+QNhKJj6HV6evHXixbWaHOS4FNTU78zO8kADBCk7Xa7UVCanp7m78+Xn9PAwACxLqVQOMSDY14M8PLvl/ckwQ8PDwvgGFFbjLz8POrr6+NBlpaWaHx8nNra2qi3t5dYI/FGgzzYzyUTUtKydHZ23j84OKBAIMADcGcwzfFs+bKFdnd2qampibq7u2nxt0W6XnqdEvHEq6aTCTACGd4ybL8OLrx+KzJpvmXshmHH7OxsrjsO+rw+3mDoTDhFq9XyNTDGutlipgpjxa7JZPq4qqrKk2FFpN7a2vqYUpQaHRt9jJSz1SxAJMafSDsei8PnFI1FKZV8xRhWLSsrc7Bivn+t5JpfUha0Nq7Xtva2EabpIwQDW1EigX0QAGzTwIzxjYob5me/PrvFrOy3WC3SmuNC4gHcLuro6Bju6el55Ha6KRAM8HU0D4onAlv3rNDdMfZk7CN0sM1m480mCZ4OcB4hp9NJ7e3tww+/fvgdLi0UWexisXis5c2mX0zvsWv3CO9vAmeAiwFQNKfLSQ+6Hvzc/01/v+fAwz0tV8jJZrdB472RkZEPGfAxbkUp4AsFfTMArlUcZBYdjUQjSuakH1gA+c13b/43NDR0hzWND1KgNy4bwlX+QcvoCsf/AgwAIgxUsvgyBW4AAAAASUVORK5CYII="
/>
<img
style="width: 21px;margin-right: 9px;"
v-if="ictem.level == 2"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAzODM0ODdDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAzODM0ODZDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2UzNzQ0ZjAtNDBkYS1lMDQzLWExOWQtM2I1MWE5NjYyMWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PougWI4AAAQOSURBVHjatFXNbxtFFH8zu9543fU2SW03IQ0KlSpacNsglCYREhShShyQ6Kkl0PbQA5UKPfbUG+KEONLwcUOo5X/ggFTaghQRRaIfRHwolROaOInjj3jX+zGzw5tZ18H1lltGsrwzO/t7v/m933tDhBCwW0N/8sCDZtcLohvAnE3wa3+DmS+Cu/rr1+7GvbcGD585LaLwPnM31bqIOO7eIaj1ZXvBCaHd4FSXa1rkN040S7cOBtuPPyRAwFmd+5Qa1ueantkimvEQhN8F3oXxRBav+lfXCy1lgVd5eNUtL3xG9QwGSwFQChELIApdoH3ZMDv6ukU1IxAR63yXHjzUy1wwT9KNWRCtfVyygog4TclnXIs6JySglQghXAJH3E9kTne0svEDKQ/KISIECsAsHP/esA8scr8BEkQICRTiL4DM0Pg1PVPgkSQlA6MCT3tD/4/ICoBQ3AgRcLcsI4GZKx6JAvc9XKNSRdSYmLmXlqlh397+Z06R0s0BlAoNIWiy5kFjGbhfw817gbnrYzh/BxnqNLVnDaOuR6GHe6NYNi1NuV8/xEM33WePls3ckRvoIAzggTX8SgJzKY1hAWttjjur87cxBxagY4TYaOcCYSU4komURBgE583VBQi92tv2genzRP8fzUOnPNFc+WVe8NAiGIhofSAwWQI1Bqqp7ULVhKOA0YqAtgS38se5eumnG5TqyeChs3bUeTx3BylRkjKVW2TizNzLCoC1aoo58+qQKRRBz+SBh634+Chlq7r0fr1059tEcGfl7g94fkMCgzo+JhVdIquwcPyiAnY3F6H/4CnY9+LpjmviPEhJbfAapQuJ4CxoDoEsFGmpKGq3ABM27t8E5tdheOIK5I9+ANmRSVi/dxO82iPcvkclWOlPyLN9bo1Mz0imyrck9q3UHNCWa/NfoWzrYO0fh/Jv30FzbQHtN6hOp8yG+1mrAnp64EGiFeXYXr57uVG6dV0ywrJGV3D1IVouDgqyckOUIKvkiBljvtwKGJn87/uLM68Z9nPV3q6IibJGTszKc9Yf/TgrpFtQJplY+U91qgBltxSCdxiH7gakzH1LQ8fOTWjpvU6iLLI6mQow9aU9dvJjqTNXbNuaquZA45y0pyG2XSNTWBw6duFVtLLD8ASJ4CohnKFD6pi0qev28298JIPx0NspIIji7opbmbuFjAeWCsWzk1j+1bC11Sm2XvB2ACwglKgmXTHbP3byCvO3ld5EJRmxFXAFUpncYqE4M46MG1Lzp++DXvBOAKb6jD06/UX/C29eYugiznwFwFpVLKDcn/nimUk9bTe4V00E7uktXQHQFRLIHpn6BpNq1Jd//kQ2MsMafpA7/O4pvM6aDKVQl8gzBtnNC5rCLo5/BRgAXjkqwv6j4/MAAAAASUVORK5CYII="
/>
<img
style="width: 21px;margin-right: 9px;"
v-if="ictem.level == 3"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjA1MEExMTJDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjA1MEExMTFDRkIyMTFFOUI4NzBDNjVFMUJGRTVBRTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2UzNzQ0ZjAtNDBkYS1lMDQzLWExOWQtM2I1MWE5NjYyMWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm/vKBcAAAMqSURBVHjatFVNa1NBFJ2XviRNSFOSlNamJCT0Q5CggRSSkHVxI4K4cuOidVFB/4Br3brQjVoV3Lhw4dq9oKVFxGBB2krB0FqalrRJ06T5quc8euNL8rLswDAfb+bcc8+9d552dnamLqrpMjk5Oen4MDAwoKrVqioUCmpkZITjs6Ojo7lQKHSjXC7/bjQaxj5Hc/N6vb3gzWaz4xA9Ou+zBwcHkUql8lDTNLW/v/+41Wo9dTqdBaw3udevaSLL3t7e/01cIPPj4+MHpVLpuc1mUwJCpuz4Xg4Ggz5d1+tmYn6/v5c5waQRjGtc3JE12CohQjAY+4OxxX0B7/bC1rai623Q09NTo7vd7o9w/1utVlMCIszB8BHuNBmrer1ufOM5y4ASmMxonSMP0+Dw8PAs5rcBbjtnrfl8vpzL5fqKWBhk2HmHBCzBxWUCYn4JmXILQdRhNG+323fIjg1zDQbcuVxuEUydMPJ3dHT0A0l1J4XesQAwAK8Ui8XPcN0v+krmcE52lIVz9sPDQ6bs9UgksgDD1po7HA4CX0PWfMclv2QIGbOLAYLjnAHMMyS0u7s7v76+/o5rS3AE5nI+n/+Cyw7JDoIGAgEDgIHjHgpIjY2NMdhG0GkQQWcq393Y2HhjCY6Pn3DQTWBxmQxZhfF43AAGQzU9Pa1isZhhmNkhUg0ODrLA5i3BARziKClHRsyCbDZrMEwmk4aRcDisVldXCcTgduR/3zyH5jdRkW1g0ZTj8vIyq1WNj4+rlZUVhUxRyJL2WTbKBal+WJY/meBxuoP+XljIZSkqNspBjZkxchdPBB+sn6lUKoMaKPaA8zLd3N7evre1tbVEScSAOf3M6SnAHo9nM5PJXIU3FRrukYWXaWBiYuI1dF1kMM1lb35XuhivAThBYErTt4h4kQbwZr+EsRZy95W8OeKBADMGZIxAJ6F1meu+ATXrzJ8E2C9NTU3dFw+kiITx0NDQWjqdjvcD7gHvNhCNRl/MzMwsyMvHb3QdwL/IGFKUue73w9At/yA4TAkIOjk5+RbG7Ki+J5DKgVcym0gk5kTj7pK3TMWLaDZ1ge2fAAMAmId5+3zZfVQAAAAASUVORK5CYII="
/>
{{ictem.name}} ￥{{ictem.price}}/天，可节省￥{{ictem.disPrice}}
<span>立即查看></span>
</div> </div>
<div class="flex-aic"> <div class="flex-aic">
<img style="width: 21px;margin-right: 9px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUI0NTZDOTBDRkI2MTFFOTgwQzk4NDZFQUYxM0NBMzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUI0NTZDOEZDRkI2MTFFOTgwQzk4NDZFQUYxM0NBMzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWYzZjhmOTMtMGM3Ni1jYjRhLTkwZTktZGE3NzUxZDI3NWU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhHl4nQAAAQOSURBVHjatFVLbBtVFL1v/uPxOAlxggNIadK4lPJrCElIu4BNpQohBJSqSEhUbJAKLNmxgyULVqQgNkgggYQEe5aolVJVFAQhLv1EadxPQp3Escf2fN6H+56dCNeTZV7keN543jnnnvsZIoSA/VrGzgWPml0/EMME1tiCpLIKZn4Uorul+eTflROZQ8deFSBKgsZgPzwBgjOA/wnUHK8XHDTSTavpyKBpPAqmo/LiOK2unUMUiO5d/YTY2c91t2+T6OZVeQ/2iJ7s2CIVdv1guRCv3/woulP6TLMc5EEdhIBgFFjcAmJn4sz4tK8ZZiwY2z1nDR/oVS6SSCoFpQS/iWAS6zbBf0RvPyYEB4F7pZSQVfwwwTlwFqcq17q9wkOavIUglII1cvgHo6+wxFoBSHXqQxNgNALn0SMfG34eLwMET0A6wJEoNaESVHCKYkwljAcbygbrkeKTLG6eQWKNYCYFjYhdmChrTvZC49YfGJUJuuO3CR4A3/WcVu8Ba9VAc31gwdYo27r7imCJgd6vox3rLI7QcDwsAQxLp2GtyKPQNnJDa05h4nsphEct8EafTlEuxVseKq4+E5cXL/Ak9AGTKMSG1ICGCRW68h1VKgtw37yzBCwKTnrjU2cJJj7dczsLNNiYCm/9fgVD9ImVUbWONrQTRvQ2CQJS7AkVMSZasz1ord18p35t4TsiyzcNnNYrT8Wrf17EUzoxbdUcHBvFKhSxLD2gzW1Uy9S3O/I4GNkBVZKyCHS0Mry/8nbt+sI3qeDhypVfUIsNhq0SI8OnrTrYCDQwdxr3DBVeh9wTL0L/0ZNInChy9Sz+yVxFm7fPpoLzsDEiu1KFK9pZ10wHqpd/Bo4k+ZfehcGZN8Abm4TKpZ8gqpQxR277eS6UZXvWuTM2+RYLsWZpqJ5VZYWeciS6/+u3QGsVcB87ApWFH6FR/gt0r78TIepGXNrYBMPt+zu1FOVqLf92LrhxaV62vuxK6bFcDEuMJy0E0VSlYI23BxZvAyfBJlh+fik/c+q4PVCo9k7FsA7O6LPnUQsP/rn4paoWbBDZWDICQlxkYe17slPVmEDFCGx6A8tDL5yeMdxcI9UWeVB6mzkw+VW2OPcBw2uWhLu1DcpW0tl3hp0E9vOl4bkzU7qbbUhr0sF3Jp4kGHtuPlucfZ+2thUB7DSP6IxX5fEWKu5fzs+8Pmt4/VXWqHYGXxp4hwAUwbYkOJ87dOxDikNLRaCmYid5qNjIDpaGZt48ajh+Xe4fBO4F74qgBv7B6S9yh4+/J6ORbx6CLxTZREb2oWtD06/NGplcnTarqcA9s6UrAmwSiqH6489/jWRm7cblTwmNTSs3vDg4+fIJnISNBD1WL5E9FtnPF7QG+7j+E2AAXUZQb2HTr3kAAAAASUVORK5CYII="/> <img
普通用户 ￥{{detail.price}}/天 <span>立即查看></span> style="width: 21px;margin-right: 9px;"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUI0NTZDOTBDRkI2MTFFOTgwQzk4NDZFQUYxM0NBMzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUI0NTZDOEZDRkI2MTFFOTgwQzk4NDZFQUYxM0NBMzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWYzZjhmOTMtMGM3Ni1jYjRhLTkwZTktZGE3NzUxZDI3NWU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhHl4nQAAAQOSURBVHjatFVLbBtVFL1v/uPxOAlxggNIadK4lPJrCElIu4BNpQohBJSqSEhUbJAKLNmxgyULVqQgNkgggYQEe5aolVJVFAQhLv1EadxPQp3Escf2fN6H+56dCNeTZV7keN543jnnnvsZIoSA/VrGzgWPml0/EMME1tiCpLIKZn4Uorul+eTflROZQ8deFSBKgsZgPzwBgjOA/wnUHK8XHDTSTavpyKBpPAqmo/LiOK2unUMUiO5d/YTY2c91t2+T6OZVeQ/2iJ7s2CIVdv1guRCv3/woulP6TLMc5EEdhIBgFFjcAmJn4sz4tK8ZZiwY2z1nDR/oVS6SSCoFpQS/iWAS6zbBf0RvPyYEB4F7pZSQVfwwwTlwFqcq17q9wkOavIUglII1cvgHo6+wxFoBSHXqQxNgNALn0SMfG34eLwMET0A6wJEoNaESVHCKYkwljAcbygbrkeKTLG6eQWKNYCYFjYhdmChrTvZC49YfGJUJuuO3CR4A3/WcVu8Ba9VAc31gwdYo27r7imCJgd6vox3rLI7QcDwsAQxLp2GtyKPQNnJDa05h4nsphEct8EafTlEuxVseKq4+E5cXL/Ak9AGTKMSG1ICGCRW68h1VKgtw37yzBCwKTnrjU2cJJj7dczsLNNiYCm/9fgVD9ImVUbWONrQTRvQ2CQJS7AkVMSZasz1ord18p35t4TsiyzcNnNYrT8Wrf17EUzoxbdUcHBvFKhSxLD2gzW1Uy9S3O/I4GNkBVZKyCHS0Mry/8nbt+sI3qeDhypVfUIsNhq0SI8OnrTrYCDQwdxr3DBVeh9wTL0L/0ZNInChy9Sz+yVxFm7fPpoLzsDEiu1KFK9pZ10wHqpd/Bo4k+ZfehcGZN8Abm4TKpZ8gqpQxR277eS6UZXvWuTM2+RYLsWZpqJ5VZYWeciS6/+u3QGsVcB87ApWFH6FR/gt0r78TIepGXNrYBMPt+zu1FOVqLf92LrhxaV62vuxK6bFcDEuMJy0E0VSlYI23BxZvAyfBJlh+fik/c+q4PVCo9k7FsA7O6LPnUQsP/rn4paoWbBDZWDICQlxkYe17slPVmEDFCGx6A8tDL5yeMdxcI9UWeVB6mzkw+VW2OPcBw2uWhLu1DcpW0tl3hp0E9vOl4bkzU7qbbUhr0sF3Jp4kGHtuPlucfZ+2thUB7DSP6IxX5fEWKu5fzs+8Pmt4/VXWqHYGXxp4hwAUwbYkOJ87dOxDikNLRaCmYid5qNjIDpaGZt48ajh+Xe4fBO4F74qgBv7B6S9yh4+/J6ORbx6CLxTZREb2oWtD06/NGplcnTarqcA9s6UrAmwSiqH6489/jWRm7cblTwmNTSs3vDg4+fIJnISNBD1WL5E9FtnPF7QG+7j+E2AAXUZQb2HTr3kAAAAASUVORK5CYII="
/>
普通用户 ￥{{detail.price}}/天
<span>立即查看></span>
</div> </div>
</div> </div>
</div> </div>
<div class="member-list" style="margin-top: 20px;">市场统一销售价<span style="margin-left: 5px;">{{detail.buyPrice}}万/辆</span></div> <div class="member-list" style="margin-top: 20px;">
市场统一销售价
<span style="margin-left: 5px;">{{detail.buyPrice}}万/辆</span>
</div>
</div> </div>
<div class="buttonDetails" style="margin-top: 20px;position: relative;" @click="showScan()"> <div
class="buttonDetails"
style="margin-top: 20px;position: relative;"
@click="showScan()"
>
<span class="ft-20">预定用车</span> <span class="ft-20">预定用车</span>
<div v-if="isShowScan" class="scan"> <div v-if="isShowScan" class="scan">
<img src="../../assets/images/dfcapp.png" style="width: 90px;"/> <img src="../../assets/images/dfcapp.png" style="width: 90px;" />
<div style="color: #FFB74B;font-size: 14px;">滴房车App</div> <div style="color: #FFB74B;font-size: 14px;">滴房车App</div>
</div> </div>
<div v-if="isShowScan" class="scan-notice"> <div v-if="isShowScan" class="scan-notice">
<div>安卓用户微信扫码</div> <div>安卓用户微信扫码</div>
<div>可马上下单</div> <div>可马上下单</div>
</div> </div>
...@@ -85,18 +130,24 @@ ...@@ -85,18 +130,24 @@
</div> </div>
</div> </div>
</div> </div>
<div id = "fixContainer" class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 20px;"> <div
id="fixContainer"
class="content-r-link"
style="width: 300px;background: #fff;margin: 20px 0;padding: 20px;"
>
<div id="vehicleHotId" :class="barFixed?'isFixed':''"> <div id="vehicleHotId" :class="barFixed?'isFixed':''">
<h3 class="content-t hot-t-r">热门车型</h3> <h3 class="content-t hot-t-r">热门车型</h3>
<!--<div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 20px;">--> <!--<div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 20px;">-->
<!--<h3 class="content-t hot-t-r">热门车型</h3>--> <!--<h3 class="content-t hot-t-r">热门车型</h3>-->
<div class="content-detail tc" v-for="item in hotList" :key="item.id"> <div class="content-detail tc" v-for="item in hotList" :key="item.id">
<img :src="item.coverPic" :alt="item.name" style="width: 161px;height: 116px;"/> <img :src="item.coverPic" :alt="item.name" style="width: 161px;height: 116px;" />
<div class="tc ellipsis cc-title">{{item.name}}</div> <div class="tc ellipsis cc-title">{{item.name}}</div>
<nuxt-link :to="item.link"><div class="detail-new">租车详情</div></nuxt-link> <nuxt-link :to="item.link">
<div class="detail-new">租车详情</div>
</nuxt-link>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -106,274 +157,297 @@ ...@@ -106,274 +157,297 @@
</template> </template>
<script> <script>
import axios from '../../plugins/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 GoTop from "../../components/goTop"; import GoTop from "../../components/goTop";
export default { export default {
transition: 'bounce', transition: "bounce",
components: { components: {
GoTop, GoTop,
menuModal, menuModal,
footerModal footerModal
}, },
data(){ data() {
return{ return {
isShowScan: false, isShowScan: false,
lengthPic:0, lengthPic: 0,
preIndex: 0,//当前轮播选中图 preIndex: 0, //当前轮播选中图
barFixed: false barFixed: false
} };
}, },
created() { created() {
if (typeof window !== 'undefined') { if (typeof window !== "undefined") {
window.addEventListener('scroll', this.handleScroll); window.addEventListener("scroll", this.handleScroll);
} }
},
validate({ params }) {
console.log(params.id);
return !isNaN(+params.id);
},
async asyncData({ env, params, route, error }) {
const { data } = await axios.get(
"/api/uccn/vehicleModel/app/unauth/detail/" + route.query.name
);
let user = data.data;
data.data.modelsDetails = data.data.modelsDetails.replace(
/<img/g,
"<img style='width:100%'"
);
data.data.modelParam = JSON.parse(data.data.modelParam);
let pic = data.data.picture.split(",");
user.pictureList = pic;
user.pictureNum = pic.length;
user.buyPrice = parseFloat((user.buyPrice / 10000).toFixed(2));
user.userMemberLevel.map(function(item) {
item.price = parseFloat(((item.discount / 100) * user.price).toFixed(2));
item.disPrice = parseFloat((user.price - item.price).toFixed(2));
});
if (!user) {
return error({ message: "User not found", statusCode: 404 });
}
let tempBannerData = await axios.get(
"/api/uccn/random/list/app/unauth/get?type=1"
);
let hot = tempBannerData.data.data;
hot.map(function(item) {
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]
: "";
});
let noticeData = await axios.get("/api/app/cofig/app/unauth/types?types=6");
let notice = noticeData.data.data;
return { detail: user, hotList: hot, notice: notice };
},
methods: {
changeImgIndex(index, length) {
this.$refs.mySwiper.swiper.slideTo(index + 1, 1000, true);
this.lengthPic = length;
console.log(this.lengthPic);
}, },
validate ({ params }) { /**
console.log(params.id); * 立即预定
return !isNaN(+params.id) */
showScan() {
this.isShowScan = !this.isShowScan;
}, },
async asyncData({ env, params, route, error}) { handleScroll: function() {
const { data } = await axios.get('/api/uccn/vehicleModel/app/unauth/detail/'+route.query.name); let scrollTop =
let user = data.data; window.pageYOffset ||
data.data.modelsDetails = data.data.modelsDetails.replace(/<img/g,"<img style='width:100%'"); document.documentElement.scrollTop ||
data.data.modelParam = JSON.parse(data.data.modelParam ); document.body.scrollTop;
let pic = data.data.picture.split(","); let path = $nuxt.$route.path;
user.pictureList = pic; if (path.indexOf("/vehicleList") != -1) {
user.pictureNum = pic.length; var menuTop = document.querySelector("#vehicleHotId").offsetTop;
user.buyPrice = parseFloat((user.buyPrice/10000).toFixed(2)); //滑动到指定位置菜单吸顶
user.userMemberLevel.map(function(item){ if (scrollTop > menuTop - 120) {
item.price = parseFloat((item.discount/100*user.price).toFixed(2)); this.barFixed = true;
item.disPrice = parseFloat((user.price-item.price).toFixed(2)) }
}); let fixContainer = document.querySelector("#fixContainer").offsetTop;
if (!user) { if (scrollTop < fixContainer - 120) {
return error({ message: 'User not found', statusCode: 404 }) this.barFixed = false;
// this.tabIndex = 0;
}
} }
let tempBannerData = await axios.get( '/api/uccn/random/list/app/unauth/get?type=1'); }
let hot = tempBannerData.data.data; },
hot.map(function(item){ mounted() {
item.link = encodeURI('/vehicleList/' + item.id+'?name='+item.name); let t = this;
item.link = encodeURI(item.link) let galleryThumbs = new Swiper(".gallery-thumbs", {
item.pictureList = item.picture.split(","); spaceBetween: 10,
item.coverPic = item.coverPic?item.coverPic: item.pictureList.length>0?item.pictureList[0]:''; slidesPerView: 5,
}); freeMode: true,
let noticeData = await axios.get( '/api/app/cofig/app/unauth/types?types=6'); watchSlidesVisibility: true,
let notice = noticeData.data.data; watchSlidesProgress: true
return {detail: user, hotList: hot, notice: notice} });
}, let galleryTop = new Swiper(".gallery-top", {
methods:{ spaceBetween: 10,
changeImgIndex(index,length){ loop: true,
this.$refs.mySwiper.swiper.slideTo(index+1, 1000, true); autoplay: {
this.lengthPic = length; delay: 2500,
console.log(this.lengthPic); disableOnInteraction: false
},
/**
* 立即预定
*/
showScan(){
this.isShowScan = !this.isShowScan;
}, },
handleScroll: function () { on: {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; slideChangeTransitionEnd: function() {
let path = $nuxt.$route.path; t.preIndex = this.activeIndex - 1;
if(path.indexOf('/vehicleList') != -1 ){ if (t.preIndex == t.detail.pictureNum) {
var menuTop = document.querySelector('#vehicleHotId').offsetTop; t.preIndex = 0;
//滑动到指定位置菜单吸顶
if (scrollTop > menuTop-120) {
this.barFixed = true;
}
let fixContainer = document.querySelector('#fixContainer').offsetTop;
if(scrollTop<fixContainer-120){
this.barFixed = false;
// this.tabIndex = 0;
} }
} }
}, },
}, // navigation: {
mounted(){ // nextEl: '.swiper-button-next',
let t = this; // prevEl: '.swiper-button-prev',
let galleryThumbs = new Swiper('.gallery-thumbs', { // },
spaceBetween: 10, thumbs: {
slidesPerView: 5, swiper: galleryThumbs
freeMode: true, }
watchSlidesVisibility: true, });
watchSlidesProgress: true, },
}); head() {
let galleryTop = new Swiper('.gallery-top', {
spaceBetween: 10,
loop:true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
on: {
slideChangeTransitionEnd: function () {
t.preIndex = this.activeIndex-1;
if(t.preIndex == t.detail.pictureNum){
t.preIndex = 0
}
},
},
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
thumbs: {
swiper: galleryThumbs
}
});
},
head () {
return { return {
title: "租赁详情", title: this.detail.name,
} meta: [
} { hid: "keywords", name: "keywords", content: this.detail.keywords },
{
hid: "description",
name: "description",
content: this.detail.description
}
]
};
} }
};
</script> </script>
<style scoped> <style scoped>
.isFixed{ .isFixed {
position: fixed; position: fixed;
top: 120px; top: 120px;
width: 300px; width: 300px;
background: #fff; background: #fff;
} }
.member-list{ .member-list {
color: #666; color: #666;
font-size: 14px; font-size: 14px;
} }
.member-list-c{ .member-list-c {
margin-left: 20px; margin-left: 20px;
} }
.member-list-c span{ .member-list-c span {
cursor: pointer; cursor: pointer;
margin-left: 15px; margin-left: 15px;
min-width: 70px; min-width: 70px;
} }
.member-list-c span:hover{ .member-list-c span:hover {
color: #1bbb9f; color: #1bbb9f;
} }
.scan{ .scan {
position: absolute; position: absolute;
left: 200px; left: 200px;
top: 0px; top: 0px;
padding: 10px; padding: 10px;
box-shadow: 0 0 5px #FFB74B; box-shadow: 0 0 5px #ffb74b;
background: #FFF5E6; background: #fff5e6;
cursor: auto; cursor: auto;
} }
.config{ .config {
margin-right: 20px; margin-right: 20px;
color: #666; color: #666;
font-size: 12px; font-size: 12px;
} }
.left-item{ .left-item {
width: 30%; width: 30%;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
padding: 5px 3px; padding: 5px 3px;
} }
.right-item{ .right-item {
width:70%; width: 70%;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
padding: 5px 3px; padding: 5px 3px;
} }
.modal-item{ .modal-item {
border-top:1px solid #ccc; border-top: 1px solid #ccc;
} }
.kr-article-article .modal-item:last-child{ .kr-article-article .modal-item:last-child {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
p img{ p img {
width: 100%; width: 100%;
} }
.content-detail, .content-t{ .content-detail,
margin-bottom: 20px; .content-t {
} margin-bottom: 20px;
.content-detail .cc-title{ }
margin: 20px; .content-detail .cc-title {
} margin: 20px;
.content-r-link{ }
margin-left: 3%; .content-r-link {
width: 20%; margin-left: 3%;
display: flex; width: 20%;
flex-direction: column; display: flex;
align-items: center; flex-direction: column;
} align-items: center;
.detail-new{ }
width: 116px; .detail-new {
height: 34px; width: 116px;
padding: 5px 0; height: 34px;
cursor: pointer; padding: 5px 0;
font-family: Microsoft YaHei; cursor: pointer;
color: #1bbb9f; font-family: Microsoft YaHei;
border: 1px solid #1bbb9f; color: #1bbb9f;
text-align: center; border: 1px solid #1bbb9f;
margin: 0 auto; text-align: center;
font-size: 14px; margin: 0 auto;
} font-size: 14px;
.scan-notice{ }
position: absolute; .scan-notice {
left: 167px; position: absolute;
color: #666; left: 167px;
font-size: 12px; color: #666;
width: 100%; font-size: 12px;
top: 145px; width: 100%;
cursor: auto; top: 145px;
} cursor: auto;
.detail-new:hover{ }
color: #fff; .detail-new:hover {
background: #1bbb9f; color: #fff;
} background: #1bbb9f;
.clearfix:after { }
/*伪元素是行内元素 正常浏览器清除浮动方法*/ .clearfix:after {
content: ""; /*伪元素是行内元素 正常浏览器清除浮动方法*/
display: block; content: "";
height: 0; display: block;
clear: both; height: 0;
visibility: hidden; clear: both;
} visibility: hidden;
.clearfix { }
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/ .clearfix {
} *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
.buttonDetails { }
width: 180px; .buttonDetails {
padding: 10px 0; width: 180px;
background: #1bbb9f; padding: 10px 0;
cursor: pointer; background: #1bbb9f;
font-family: Microsoft YaHei; cursor: pointer;
color: #fff; font-family: Microsoft YaHei;
text-align: center; color: #fff;
} text-align: center;
.models-details img{ }
width: 100% !important; .models-details img {
} width: 100% !important;
.swiper-container { }
height: auto; .swiper-container {
} height: auto;
.gallery-top img{ }
width: 474px; .gallery-top img {
height: 325px; width: 474px;
} height: 325px;
.vehicle-container .swiper-wrapper-thu{ }
/*max-width: 293px;*/ .vehicle-container .swiper-wrapper-thu {
margin: 0 !important; /*max-width: 293px;*/
} margin: 0 !important;
.vehicle-container .swiper-wrapper-thu img{ }
width: 103px !important; .vehicle-container .swiper-wrapper-thu img {
height: 64px !important; width: 103px !important;
border: 2px solid #fff; height: 64px !important;
} border: 2px solid #fff;
.vehicle-container .swiper-wrapper-thu img.active{ }
border: 2px solid #1bbb9f; .vehicle-container .swiper-wrapper-thu img.active {
padding: 5px; border: 2px solid #1bbb9f;
width: 103px; padding: 5px;
height: 64px; width: 103px;
} height: 64px;
.vehicle-container .gallery-thumbs{ }
width: 540px !important; .vehicle-container .gallery-thumbs {
} width: 540px !important;
}
</style> </style>
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