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 NuxtLoading from '~/components/loading.vue'
import '..\\assets\\main.css'
import '..\\node_modules\\_swiper@4.0.7@swiper\\dist\\css\\swiper.min.css'
let layouts = {
......@@ -15,7 +11,7 @@ let layouts = {
let resolvedLayouts = {}
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) {
const loadingEl = h('nuxt-loading', { ref: 'loading' })
const layoutEl = h(this.layout || 'nuxt')
......
.nuxt/components/nuxt.js
View file @ a37d1983
import Vue from 'vue'
import NuxtChild from './nuxt-child'
import NuxtError from './nuxt-error.vue'
import NuxtError from '../..\\layouts\\error.vue'
import { compile } from '../utils'
export default {
......
.nuxt/index.js
View file @ a37d1983
......@@ -5,7 +5,7 @@ import { createRouter } from './router.js'
import NoSSR from './components/no-ssr.js'
import NuxtChild from './components/nuxt-child.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 App from './App.js'
import { setContext, getLocation, getRouteData } from './utils'
......@@ -13,6 +13,10 @@ import { setContext, getLocation, getRouteData } from './utils'
/* Plugins */
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>
......@@ -135,6 +139,10 @@ async function createApp (ssrContext) {
// Plugin execution
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
......
.nuxt/router.js
View file @ a37d1983
......@@ -3,16 +3,35 @@ import Router from 'vue-router'
Vue.use(Router)
const _916d4edc = () => import('..\\pages\\vehicle.vue' /* webpackChunkName: "pages_vehicle" */).then(m => m.default || m)
const _55fc1c46 = () => import('..\\pages\\news.vue' /* webpackChunkName: "pages_news" */).then(m => m.default || m)
const _96254626 = () => import('..\\pages\\demo.vue' /* webpackChunkName: "pages_demo" */).then(m => m.default || m)
const _0e939319 = () => import('..\\pages\\activity.vue' /* webpackChunkName: "pages_activity" */).then(m => m.default || m)
const _1b677f5a = () => import('..\\pages\\aboutXx.vue' /* webpackChunkName: "pages_aboutXx" */).then(m => m.default || m)
const _1b4d0cd2 = () => 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 _5df21ee8 = () => import('..\\pages\\demoList\\demoList.vue' /* webpackChunkName: "pages_demoList_demoList" */).then(m => m.default || m)
const _802b9bc2 = () => import('..\\pages\\demoList\\_id.vue' /* webpackChunkName: "pages_demoList__id" */).then(m => m.default || m)
const _e86eea90 = () => import('..\\pages\\index.vue' /* webpackChunkName: "pages_index" */).then(m => m.default || m)
const _7371174b = () => 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 _1f82a760 = () => import('..\\pages\\tour.vue' /* webpackChunkName: "pages_tour" */).then(m => m.default || m)
const _1a80fc25 = () => 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 _0ca06980 = () => import('..\\pages\\campsite.vue' /* webpackChunkName: "pages_campsite" */).then(m => m.default || m)
const _535c825b = () => import('..\\pages\\demo.vue' /* webpackChunkName: "pages_demo" */).then(m => m.default || m)
const _113883cc = () => import('..\\pages\\indexWeb.vue' /* webpackChunkName: "pages_indexWeb" */).then(m => m.default || m)
const _96ce9d96 = () => import('..\\pages\\company.vue' /* webpackChunkName: "pages_company" */).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 () {
linkExactActiveClass: 'nuxt-link-exact-active',
scrollBehavior,
routes: [
{
path: "/vehicle",
component: _916d4edc,
name: "vehicle"
},
{
path: "/news",
component: _55fc1c46,
component: _7371174b,
name: "news"
},
{
path: "/demo",
component: _96254626,
name: "demo"
path: "/vehicle",
component: _4103d738,
name: "vehicle"
},
{
path: "/activity",
component: _0e939319,
name: "activity"
path: "/tour",
component: _1f82a760,
name: "tour"
},
{
path: "/aboutXx",
component: _1b677f5a,
component: _1a80fc25,
name: "aboutXx"
},
{
path: "/activity",
component: _26135cf2,
name: "activity"
},
{
path: "/campsite",
component: _1b4d0cd2,
component: _0ca06980,
name: "campsite"
},
{
path: "/tour",
component: _51cf86e2,
name: "tour"
path: "/demo",
component: _535c825b,
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",
component: _5df21ee8,
component: _53d8fd7a,
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?",
component: _802b9bc2,
component: _f9796f1e,
name: "demoList-id"
},
{
path: "/",
component: _e86eea90,
component: _8983d9ec,
name: "index"
}
],
......
.nuxt/utils.js
View file @ a37d1983
......@@ -120,7 +120,7 @@ export async function setContext(app, context) {
payload: context.payload,
error: context.error,
base: '/',
env: {"host":"https://dev.dfangche.com"}
env: {"host":"https://xxtest.upyuns.com"}
}
// Only set once
if (context.req) app.context.req = context.req
......
components/menu.vue
View file @ a37d1983
......@@ -8,7 +8,9 @@
>
<div>您好！欢迎进入欣新房车集团官方网站</div>
<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">
<span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span>
</nuxt-link>
......@@ -20,30 +22,25 @@
<div style="border-bottom: 1px solid rgb(242, 242, 242);">
<ul class="v-ul clearfix" style="margin-bottom: 15px;">
<li>
<nuxt-link to="/aboutXx" >欣新介绍</nuxt-link>
<nuxt-link to="/aboutXx">欣新介绍</nuxt-link>
</li>
</ul>
</div>
<div >
<!--<div style="margin-top:23px">产品展示</div>-->
<ul class="v-ul clearfix flex-aic">
<li style="margin-right:12px;min-width: 60px;" @click="chooseVe()">
房车租赁
</li>
<div class="secoud-li">
<div>
<!--<div style="margin-top:23px">产品展示</div>-->
<ul class="v-ul clearfix flex-aic">
<li style="margin-right:12px;min-width: 60px;" @click="chooseVe()">房车租赁</li>
<div class="secoud-li">
<li
v-for="item in vehicleType"
:key="item.id"
style=""
style
@click="chooseVe(item.id)"
>{{item.name}}</li>
</div>
</div>
</ul>
<ul class="v-ul clearfix flex-aic" style="margin-top:9px;">
<li style="margin-right:12px;min-width: 60px;"
@click="chooseSelect()">
房车旅行
</li>
<li style="margin-right:12px;min-width: 60px;" @click="chooseSelect()">房车旅行</li>
<div class="secoud-li">
<li
v-for="item in tourType"
......@@ -51,12 +48,12 @@
@click="chooseSelect(item.id)"
>{{item.name}}</li>
</div>
</ul>
<ul class="v-ul clearfix flex-aic" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:12px;min-width: 60px;" @click="chooseType()">
房车营地
</li>
<ul
class="v-ul clearfix flex-aic"
style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2"
>
<li style="margin-right:12px;min-width: 60px;" @click="chooseType()">房车营地</li>
<div class="secoud-li">
<li
v-for="item in campsiteType"
......@@ -65,42 +62,53 @@
>{{item.name}}</li>
</div>
</ul>
</div>
<!--<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >-->
<!--<div style="">招商加盟</div>-->
</div>
<!--<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >-->
<!--<div style="">招商加盟</div>-->
<!--</div>-->
<div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div class style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<ul class="v-ul clearfix">
<li style="">
<nuxt-link to="/activity" >欣新活动</nuxt-link>
<li style>
<nuxt-link to="/activity">欣新活动</nuxt-link>
</li>
<li style="padding: 0 10px;">
<nuxt-link to="/news" >新闻动态</nuxt-link>
<nuxt-link to="/news">新闻动态</nuxt-link>
</li>
</ul>
</div>
<div>
<ul class="v-ul clearfix">
<li>
<nuxt-link to="/company" >联系我们</nuxt-link>
<nuxt-link to="/company">联系我们</nuxt-link>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="menu">
<nuxt-link to="/">
<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>
</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-option v-for="menu in findList" :key="menu.id" :label="menu.name" :value="menu.link" style="width:90px">
{{menu.name}}
</el-option>
<el-option
v-for="menu in findList"
:key="menu.id"
:label="menu.name"
:value="menu.link"
style="width:90px"
>{{menu.name}}</el-option>
</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> -->
......@@ -122,7 +130,71 @@
</div>
<div class="menu-new">
<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
v-if="menu.link=='/'"
:to="menu.link"
......@@ -133,7 +205,7 @@
:to="menu.link"
:class="menu.link.indexOf(router) != -1 && router!='/' ?'active':''"
>{{ menu.name }}</nuxt-link>
</li>
</li>-->
</ul>
</div>
</div>
......@@ -149,46 +221,73 @@ export default {
data() {
return {
router: "/",
activeLink: "true",
menuList: [
{ id: 1, name: "首页", link: "/" },
{ id: 1, name: "网站首页", link: "/" },
{ id: 7, name: "欣新介绍", link: "/aboutXx" },
{ id: 2, name: "房车租赁", link: "/vehicle?types=" },
{ id: 3, name: "房车旅行", link: '/tour?tagIds=' },
{ id: 4, name: "房车营地", link: "/campsite?types=" },
{ id: 5, name: "欣新活动", link: "/activity" },
{ id: 6, name: "新闻动态", link: "/news" },
{ id: 8, name: "联系我们", link: "/company" },
{ id: 2, name: "产品展示", link: "/vehicle?types=" },
{ id: 3, name: "招商加盟", link: "/tour?tagIds=" },
{ id: 4, name: "新闻资讯", link: "/campsite?types=" },
{ id: 8, name: "联系我们", link: "/company" }
],
tourType: [],
vehicleType: [],
childType:[],
childType: [],
visibleMap: false,
select: "/findList/all",
findList:[
{ id: 1,value:"", name: "综合", link: "/findList/all" },
{ id: 2,value:"vehicle", name: "车型", link: "/findList/findVehicle" },
{ 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" }
findList: [
{ id: 1, value: "", name: "综合", link: "/findList/all" },
{
id: 2,
value: "vehicle",
name: "车型",
link: "/findList/findVehicle"
},
{ 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: {
type: "",
keyword: "",
page: "",
limit: "",
},
limit: ""
}
};
},
created() {
// console.log(this);
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;
}else{
this.select = "/findList/all"
} else {
this.select = "/findList/all";
}
this.listQuery.keyword = this.$route.query.keywords;
......@@ -196,34 +295,31 @@ export default {
this.router = router;
},
methods: {
chooseSelect(e){
if(e == undefined){
e = "",
console.log(2);
chooseSelect(e) {
if (e == undefined) {
(e = ""), console.log(2);
}
this.$router.push({ path: '/tour', query: { tagIds: e } });
this.$router.push({ path: "/tour", query: { tagIds: e } });
console.log(e);
this.$emit('goTour',e);
this.$emit("goTour", e);
this.visibleMap = false;
},
chooseType(e){
if(e == undefined){
e = "",
console.log(3);
chooseType(e) {
if (e == undefined) {
(e = ""), console.log(3);
}
this.$router.push({ path: '/campsite', query: { types: e } });
this.$router.push({ path: "/campsite", query: { types: e } });
console.log(e);
this.$emit('goCam',e);
this.$emit("goCam", e);
this.visibleMap = false;
},
chooseVe(e){
if(e == undefined){
e = "",
console.log(3);
chooseVe(e) {
if (e == undefined) {
(e = ""), console.log(3);
}
this.$router.push({ path: '/vehicle', query: { types: e } });
this.$router.push({ path: "/vehicle", query: { types: e } });
console.log(e);
this.$emit('goVe',e);
this.$emit("goVe", e);
this.visibleMap = false;
},
async getType() {
......@@ -233,16 +329,12 @@ export default {
"/api/campsite/campsiteTag/app/unauth/tags"
);
this.campsiteType = campsite.data.data;
const child = await axios.get(
"/vehicle/cata/app/unauth/types"
);
const child = await axios.get("/vehicle/cata/app/unauth/types");
this.vehicleType = child.data.data;
console.log(this.childType);
},
enter() {
var test = window.location.pathname;
// console.log(test);
if (test == "/indexWeb") {
this.visibleMap = false;
} else {
......@@ -252,24 +344,89 @@ export default {
leave() {
this.visibleMap = false;
},
findTo(){
if(this.listQuery.keyword == undefined){
this.listQuery.keyword = "",
console.log(2);
findTo() {
if (this.listQuery.keyword == undefined) {
(this.listQuery.keyword = ""), 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.listQuery.keyword);
this.$emit('childByValue', this.listQuery.keyword);
this.$emit("childByValue", this.listQuery.keyword);
}
}
};
</script>
<style>
.secoud-li li{
padding: 0 10px !important;
}
</style>
.secoud-li li {
padding: 0 10px !important;
}
.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 @@
},
"ansi-regex": {
"version": "2.1.1",
"bundled": true
"bundled": true,
"optional": true
},
"aproba": {
"version": "1.2.0",
......@@ -4136,7 +4137,8 @@
},
"safe-buffer": {
"version": "5.1.2",
"bundled": true
"bundled": true,
"optional": true
},
"safer-buffer": {
"version": "2.1.2",
......@@ -4184,6 +4186,7 @@
"strip-ansi": {
"version": "3.0.1",
"bundled": true,
"optional": true,
"requires": {
"ansi-regex": "^2.0.0"
}
......@@ -4222,11 +4225,13 @@
},
"wrappy": {
"version": "1.0.2",
"bundled": true
"bundled": true,
"optional": true
},
"yallist": {
"version": "3.0.3",
"bundled": true
"bundled": true,
"optional": true
}
}
},
......
pages/activityList/_id.vue
View file @ a37d1983
......@@ -9,13 +9,26 @@
<span>{{detail.title}}</span>
</div>
<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">
<h1>{{detail.title}}</h1>
<h1 ref="newTitle">{{detail.title}}</h1>
<div class="r-cc">
<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>
<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 class="buttonDetails">报名参加</div>-->
</div>
......@@ -25,19 +38,25 @@
<h3 class="content-t content-t-l" style="text-align: left;">活动详情</h3>
<div class="models-details" v-html="detail.content"></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':''">
<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;">-->
<!--<h3 class="content-t hot-t-r">热门活动</h3>-->
<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;"/>
<div class="tc ellipsis cc-title">{{item.title}}</div>
<nuxt-link :to="'/activityList/'+item.id"><div class="detail-new">活动详情</div></nuxt-link>
<!--<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>-->
<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;" />
<div class="tc ellipsis cc-title">{{item.title}}</div>
<nuxt-link :to="'/activityList/'+item.id">
<div class="detail-new">活动详情</div>
</nuxt-link>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<go-top></go-top>
......@@ -46,172 +65,186 @@
</template>
<script>
import axios from '../../plugins/axios'
import menuModal from "../../components/menu"
import footerModal from "../../components/footer"
import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css';
import GoTop from "../../components/goTop";
export default {
transition: 'bounce',
components: {
GoTop,
menuModal,
footerModal
},
data(){
return{
lengthPic:0,
preIndex: 0,//当前轮播选中图
barFixed: false
}
},
created() {
if (typeof window !== 'undefined') {
window.addEventListener('scroll', this.handleScroll);
}
},
validate ({ params }) {
console.log(params.id);
return !isNaN(+params.id)
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import Swiper from "swiper";
import "swiper/dist/css/swiper.min.css";
import GoTop from "../../components/goTop";
export default {
transition: "bounce",
components: {
GoTop,
menuModal,
footerModal
},
data() {
return {
lengthPic: 0,
preIndex: 0, //当前轮播选中图
barFixed: false
};
},
created() {
if (typeof window !== "undefined") {
window.addEventListener("scroll", this.handleScroll);
}
},
validate({ params }) {
console.log(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}) {
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 })
handleScroll: function() {
let scrollTop =
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop;
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}
},
methods:{
changeImgIndex(index,length){
this.$refs.mySwiper.swiper.slideTo(index+1, 1000, true);
this.lengthPic = length;
console.log(this.lengthPic);
},
handleScroll: function () {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
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;
}
},
mounted() {
let t = this;
let galleryThumbs = new Swiper(".gallery-thumbs", {
spaceBetween: 10,
slidesPerView: 5,
freeMode: true,
watchSlidesVisibility: true,
watchSlidesProgress: true
});
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);
}
},
},
mounted(){
let t = this;
let galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 10,
slidesPerView: 5,
freeMode: true,
watchSlidesVisibility: true,
watchSlidesProgress: true,
});
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 () {
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
},
thumbs: {
swiper: galleryThumbs
}
});
},
head() {
return {
title: "活动详情",
}
}
title: this.detail.title,
meta: [
{ hid: "keywords", name: "keywords", content: this.detail.keywords },
{
hid: "description",
name: "description",
content: this.detail.description
}
]
};
}
};
</script>
<style scoped>
.isFixed{
position: fixed;
top: 120px;
width: 300px;
background: #fff;
}
.tc {
text-align: center;
}
.swiper-container {
height: auto;
}
.gallery-top img{
width: 100%;
}
.content-detail{
padding: 20px 0;
width: 100%;
}
.content-detail .cc-title{
margin: 20px;
}
.swiper-wrapper-thu{
/*max-width: 293px;*/
margin: 0 !important;
}
.swiper-wrapper-thu img{
width: 100%;
border: 2px solid #fff;
}
.swiper-wrapper-thu img.active{
border: 2px solid #1bbb9f;
padding: 5px;
}
.buttonDetails {
width: 156px; /* 宽度 */
padding: 10px 0;
background: #1bbb9f; /* 背景颜色 */
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
font-family: Microsoft YaHei; /* 设置字体 */
color: #fff; /* 字体颜色 */
text-align: center;
}
.detail-new{
width: 156px;
padding: 5px 0;
cursor: pointer;
font-family: Microsoft YaHei;
color: #1bbb9f;
border: 1px solid #1bbb9f;
text-align: center;
margin: 0 auto;
}
.isFixed {
position: fixed;
top: 120px;
width: 300px;
background: #fff;
}
.tc {
text-align: center;
}
.swiper-container {
height: auto;
}
.gallery-top img {
width: 100%;
}
.content-detail {
padding: 20px 0;
width: 100%;
}
.content-detail .cc-title {
margin: 20px;
}
.swiper-wrapper-thu {
/*max-width: 293px;*/
margin: 0 !important;
}
.swiper-wrapper-thu img {
width: 100%;
border: 2px solid #fff;
}
.swiper-wrapper-thu img.active {
border: 2px solid #1bbb9f;
padding: 5px;
}
.buttonDetails {
width: 156px; /* 宽度 */
padding: 10px 0;
background: #1bbb9f; /* 背景颜色 */
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
font-family: Microsoft YaHei; /* 设置字体 */
color: #fff; /* 字体颜色 */
text-align: center;
}
.detail-new {
width: 156px;
padding: 5px 0;
cursor: pointer;
font-family: Microsoft YaHei;
color: #1bbb9f;
border: 1px solid #1bbb9f;
text-align: center;
margin: 0 auto;
}
.detail-new:hover{
color: #fff;
background: #1bbb9f;
}
.detail-new:hover {
color: #fff;
background: #1bbb9f;
}
.content-r-link{
margin-left: 3%;
width: 20%;
display: flex;
flex-direction: column;
align-items: center;
}
.content-r-link {
margin-left: 3%;
width: 20%;
display: flex;
flex-direction: column;
align-items: center;
}
</style>
pages/campsiteDetails/_id.vue
View file @ a37d1983
......@@ -217,8 +217,18 @@ export default {
});
},
head: {
title: "营地详情"
head() {
return {
title: this.detail.name,
meta: [
{ hid: "keywords", name: "keywords", content: this.detail.keywords },
{
hid: "description",
name: "description",
content: this.detail.description
}
]
};
}
};
</script>
......
pages/news.vue
View file @ a37d1983
......@@ -27,7 +27,7 @@
<ul class="campsiteDetail">
<li v-for="item in dataDetail" :key="item.id" class="new-item">
<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">
<h2 class="ellipsis2">{{item.title }}</h2>
<div class="ellipsis2 epitome">导语：{{item.epitome}}</div>
......
pages/tourDetails/_id.vue
View file @ a37d1983
......@@ -277,8 +277,18 @@ export default {
}
});
},
head: {
title: "旅游详情"
head() {
return {
title: this.detail.name,
meta: [
{ hid: "keywords", name: "keywords", content: this.detail.keywords },
{
hid: "description",
name: "description",
content: this.detail.description
}
]
};
}
};
</script>
......
pages/vehicleList/_id.vue
View file @ a37d1983
<template>
<div class="vehicle-container">
<menu-modal></menu-modal>
<div class="main-container" >
<div class="main-container">
<div class="wrap">
<div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link>
......@@ -13,16 +13,21 @@
<div class="gallery-top-box" style="width:100%">
<div class="swiper-container gallery-top" style="width: 100%" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="item in detail.pictureList" :key="item">
<img :src="item">
<div class="swiper-slide" v-for="item in detail.pictureList" :key="item">
<img :src="item" />
</div>
</div>
</div>
<div class="gallery-thumbs-box">
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper swiper-wrapper-thu">
<div class="swiper-slide" v-for="(item,index) in detail.pictureList" :key="index" @click="changeImgIndex(index,detail.pictureList.length)">
<img :src="item" :class="preIndex==index?'active':''" alt="">
<div
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>
......@@ -33,10 +38,26 @@
<h1>{{detail.name}}</h1>
<div class="r-cc">
<div class="flex-aic">
<span class="flex-aic config" v-for="(iitem,iindex) in detail.uccnCataList" :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"/>
<span
class="flex-aic config"
v-for="(iitem,iindex) in detail.uccnCataList"
: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}}
</span>
</div>
......@@ -45,26 +66,50 @@
<div style="min-width: 45px;">会员价</div>
<div class="member-list-c">
<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 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>
<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
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 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="/>
普通用户 ￥{{detail.price}}/天 <span>立即查看></span>
<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="
/>
普通用户 ￥{{detail.price}}/天
<span>立即查看></span>
</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 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>
<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>
<div v-if="isShowScan" class="scan-notice">
<div v-if="isShowScan" class="scan-notice">
<div>安卓用户微信扫码</div>
<div>可马上下单</div>
</div>
......@@ -85,18 +130,24 @@
</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':''">
<h3 class="content-t hot-t-r">热门车型</h3>
<!--<div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 20px;">-->
<!--<h3 class="content-t hot-t-r">热门车型</h3>-->
<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;"/>
<div class="tc ellipsis cc-title">{{item.name}}</div>
<nuxt-link :to="item.link"><div class="detail-new">租车详情</div></nuxt-link>
<h3 class="content-t hot-t-r">热门车型</h3>
<!--<div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 20px;">-->
<!--<h3 class="content-t hot-t-r">热门车型</h3>-->
<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;" />
<div class="tc ellipsis cc-title">{{item.name}}</div>
<nuxt-link :to="item.link">
<div class="detail-new">租车详情</div>
</nuxt-link>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -106,274 +157,297 @@
</template>
<script>
import axios from '../../plugins/axios'
import menuModal from "../../components/menu"
import footerModal from "../../components/footer"
import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css';
import GoTop from "../../components/goTop";
export default {
transition: 'bounce',
components: {
GoTop,
menuModal,
footerModal
},
data(){
return{
isShowScan: false,
lengthPic:0,
preIndex: 0,//当前轮播选中图
barFixed: false
}
},
created() {
if (typeof window !== 'undefined') {
window.addEventListener('scroll', this.handleScroll);
}
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import Swiper from "swiper";
import "swiper/dist/css/swiper.min.css";
import GoTop from "../../components/goTop";
export default {
transition: "bounce",
components: {
GoTop,
menuModal,
footerModal
},
data() {
return {
isShowScan: false,
lengthPic: 0,
preIndex: 0, //当前轮播选中图
barFixed: false
};
},
created() {
if (typeof window !== "undefined") {
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}) {
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 })
handleScroll: function() {
let scrollTop =
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop;
let path = $nuxt.$route.path;
if (path.indexOf("/vehicleList") != -1) {
var menuTop = document.querySelector("#vehicleHotId").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=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);
},
/**
* 立即预定
*/
showScan(){
this.isShowScan = !this.isShowScan;
}
},
mounted() {
let t = this;
let galleryThumbs = new Swiper(".gallery-thumbs", {
spaceBetween: 10,
slidesPerView: 5,
freeMode: true,
watchSlidesVisibility: true,
watchSlidesProgress: true
});
let galleryTop = new Swiper(".gallery-top", {
spaceBetween: 10,
loop: true,
autoplay: {
delay: 2500,
disableOnInteraction: false
},
handleScroll: function () {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
let path = $nuxt.$route.path;
if(path.indexOf('/vehicleList') != -1 ){
var menuTop = document.querySelector('#vehicleHotId').offsetTop;
//滑动到指定位置菜单吸顶
if (scrollTop > menuTop-120) {
this.barFixed = true;
}
let fixContainer = document.querySelector('#fixContainer').offsetTop;
if(scrollTop<fixContainer-120){
this.barFixed = false;
// this.tabIndex = 0;
on: {
slideChangeTransitionEnd: function() {
t.preIndex = this.activeIndex - 1;
if (t.preIndex == t.detail.pictureNum) {
t.preIndex = 0;
}
}
},
},
mounted(){
let t = this;
let galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 10,
slidesPerView: 5,
freeMode: true,
watchSlidesVisibility: true,
watchSlidesProgress: true,
});
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 () {
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
thumbs: {
swiper: galleryThumbs
}
});
},
head() {
return {
title: "租赁详情",
}
}
title: this.detail.name,
meta: [
{ hid: "keywords", name: "keywords", content: this.detail.keywords },
{
hid: "description",
name: "description",
content: this.detail.description
}
]
};
}
};
</script>
<style scoped>
.isFixed{
position: fixed;
top: 120px;
width: 300px;
background: #fff;
}
.member-list{
color: #666;
font-size: 14px;
}
.member-list-c{
margin-left: 20px;
}
.member-list-c span{
cursor: pointer;
margin-left: 15px;
min-width: 70px;
}
.member-list-c span:hover{
color: #1bbb9f;
}
.scan{
position: absolute;
left: 200px;
top: 0px;
padding: 10px;
box-shadow: 0 0 5px #FFB74B;
background: #FFF5E6;
cursor: auto;
}
.config{
margin-right: 20px;
color: #666;
font-size: 12px;
}
.left-item{
width: 30%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px 3px;
}
.right-item{
width:70%;
border-right: 1px solid #ccc;
padding: 5px 3px;
}
.modal-item{
border-top:1px solid #ccc;
}
.kr-article-article .modal-item:last-child{
border-bottom: 1px solid #ccc;
}
p img{
width: 100%;
}
.content-detail, .content-t{
margin-bottom: 20px;
}
.content-detail .cc-title{
margin: 20px;
}
.content-r-link{
margin-left: 3%;
width: 20%;
display: flex;
flex-direction: column;
align-items: center;
}
.detail-new{
width: 116px;
height: 34px;
padding: 5px 0;
cursor: pointer;
font-family: Microsoft YaHei;
color: #1bbb9f;
border: 1px solid #1bbb9f;
text-align: center;
margin: 0 auto;
font-size: 14px;
}
.scan-notice{
position: absolute;
left: 167px;
color: #666;
font-size: 12px;
width: 100%;
top: 145px;
cursor: auto;
}
.detail-new:hover{
color: #fff;
background: #1bbb9f;
}
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.buttonDetails {
width: 180px;
padding: 10px 0;
background: #1bbb9f;
cursor: pointer;
font-family: Microsoft YaHei;
color: #fff;
text-align: center;
}
.models-details img{
width: 100% !important;
}
.swiper-container {
height: auto;
}
.gallery-top img{
width: 474px;
height: 325px;
}
.vehicle-container .swiper-wrapper-thu{
/*max-width: 293px;*/
margin: 0 !important;
}
.vehicle-container .swiper-wrapper-thu img{
width: 103px !important;
height: 64px !important;
border: 2px solid #fff;
}
.vehicle-container .swiper-wrapper-thu img.active{
border: 2px solid #1bbb9f;
padding: 5px;
width: 103px;
height: 64px;
}
.vehicle-container .gallery-thumbs{
width: 540px !important;
}
.isFixed {
position: fixed;
top: 120px;
width: 300px;
background: #fff;
}
.member-list {
color: #666;
font-size: 14px;
}
.member-list-c {
margin-left: 20px;
}
.member-list-c span {
cursor: pointer;
margin-left: 15px;
min-width: 70px;
}
.member-list-c span:hover {
color: #1bbb9f;
}
.scan {
position: absolute;
left: 200px;
top: 0px;
padding: 10px;
box-shadow: 0 0 5px #ffb74b;
background: #fff5e6;
cursor: auto;
}
.config {
margin-right: 20px;
color: #666;
font-size: 12px;
}
.left-item {
width: 30%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px 3px;
}
.right-item {
width: 70%;
border-right: 1px solid #ccc;
padding: 5px 3px;
}
.modal-item {
border-top: 1px solid #ccc;
}
.kr-article-article .modal-item:last-child {
border-bottom: 1px solid #ccc;
}
p img {
width: 100%;
}
.content-detail,
.content-t {
margin-bottom: 20px;
}
.content-detail .cc-title {
margin: 20px;
}
.content-r-link {
margin-left: 3%;
width: 20%;
display: flex;
flex-direction: column;
align-items: center;
}
.detail-new {
width: 116px;
height: 34px;
padding: 5px 0;
cursor: pointer;
font-family: Microsoft YaHei;
color: #1bbb9f;
border: 1px solid #1bbb9f;
text-align: center;
margin: 0 auto;
font-size: 14px;
}
.scan-notice {
position: absolute;
left: 167px;
color: #666;
font-size: 12px;
width: 100%;
top: 145px;
cursor: auto;
}
.detail-new:hover {
color: #fff;
background: #1bbb9f;
}
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.buttonDetails {
width: 180px;
padding: 10px 0;
background: #1bbb9f;
cursor: pointer;
font-family: Microsoft YaHei;
color: #fff;
text-align: center;
}
.models-details img {
width: 100% !important;
}
.swiper-container {
height: auto;
}
.gallery-top img {
width: 474px;
height: 325px;
}
.vehicle-container .swiper-wrapper-thu {
/*max-width: 293px;*/
margin: 0 !important;
}
.vehicle-container .swiper-wrapper-thu img {
width: 103px !important;
height: 64px !important;
border: 2px solid #fff;
}
.vehicle-container .swiper-wrapper-thu img.active {
border: 2px solid #1bbb9f;
padding: 5px;
width: 103px;
height: 64px;
}
.vehicle-container .gallery-thumbs {
width: 540px !important;
}
</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