https://www.mtcxx.com/build/assets/CarDetail-D9d0z_Ux.js

1import{r as L,p as A,q as U,s as T,c as $,w as i,x as k,o as g,a as e,b as r,f as s,u as d,i as o,d as w,t as n,k as x,D as h,E as y}from"./app-BXvF3HYt.js";import{_ as B}from"./PCLayout-0covYxWV.js";import{_ as m,a as I}from"./TitlePC-Cn9xh5T9.js";import{_ as C}from"./CarListPC-DnUmZhss.js";import{_ as j}from"./RecommendListPC-B1mABi90.js";import{a as z}from"./index.es-19qOViNI.js";import"./MyHeadPC-B0x-Vm3s.js";import"./MeScrollPC-FqnQUnBb.js";import"./mescroll-DhZBE6H8.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./FooterPC-BVR7pXvE.js";import"./[email protected]";import"./swiper-DI3iGfOs.js";import"./navigation-DeTw_KlZ.js";import"./pagination-CPuzzYuZ.js";import"./BannerAdPC-DSQH29gP.js";const E={class:"mx-auto w-full max-w-screen-sc px-4 sl:px-0"},M={class:"w-full mt-4"},V={class:"flex flex-row justify-between items-start content-start w-full"},W={class:"w-auto mt-4 p-4 border border-gray-100"},P={class:"flex flex-row flex-wrap justify-between items-center content-center w-full"},O={class:"flex flex-row justify-between items-center content-center w-auto p-4 border border-gray-100 border-t-0"},q={class:"flex-2"},F=["src"],G={class:"flex-3 ml-4"},H={key:0,class:"w-full h-10 pl-2 border border-b-0 border-gray-200 text-left align-middle text-yellow-500 text-base font-sans font-bold leading-10 overflow-hidden"},J={key:1,class:"w-full h-10 pl-2 border border-b-0 border-gray-200 text-left align-middle text-gray-300 text-base font-sans leading-10 overflow-hidden"},K={class:"w-full pl-2 h-10 border border-b-0 border-gray-200 text-left align-middle text-sitetext text-base font-sans leading-10 overflow-hidden"},Q={class:"w-full pl-2 h-10 border border-b-0 border-gray-200 text-left align-middle text-sitetext text-base font-sans leading-10 overflow-hidden"},R={class:"w-full pl-2 h-10 border border-b-0 border-gray-200 text-left align-middle text-sitetext text-base font-sans leading-10 overflow-hidden"},X={class:"w-full pl-2 h-10 border border-gray-200 text-left align-middle text-sitetext text-base font-sans leading-10 overflow-hidden"},Y={class:"w-auto p-4 border border-gray-100 border-t-0"},Z={class:"w-auto border border-gray-100 border-t-0"},_={class:"flex-1 ml-4 hidden xl:block"};let f=null,v=L(null);const tt={data(){return{slideStyle:"",slideShow:!1,dataListStyle:"",dataListShow:!1}},beforeMount(){f=this},mounted(){let t=v.value.clientWidth,u="width: "+(t-32)+"px;";f.$data.slideStyle=u,f.$data.slideShow=!0;let b="width: "+t+"px;";f.$data.dataListStyle=b,f.$data.dataListShow=!0}},ht=Object.assign(tt,{__name:"CarDetail",props:{appName:String,carId:Number,title:String,description:String,navUrl:String,navName:String,routeName:String,curUrl:String,adTops:Array,recommendList:Array,carData:Array,imgsList:Array,dataList:Array,titleType:Number,detailName:String,navActive:Number,showAd:{type:Number,default:1},enableDown:{type:Boolean,default:!0},enableUp:{type:Boolean,default:!0}},setup(t){const c=t,u=A.usePush(),b=U.usePush(),S=l=>{let a={carmodel:c.carId},D=l.value;k.get(route(c.routeName,a),{carNum:D},{preserveState:!0,preserveScroll:!0,only:["dataList","recommendList"],onSuccess:p=>(u.pv(history.state.url),b.pv(history.state.url),!0),onError:p=>!1})},N=l=>{z({options:{url:"img",title:!1,fullscreen:!0,initialViewIndex:l},images:c.imgsList})};return T(()=>{u.pv(history.state.url),b.pv(history.state.url)}),(l,a)=>(g(),$(B,{title:t.title,description:t.description,adTops:t.adTops,dataNum:t.dataList.num,appName:t.appName,navActive:t.navActive,showAd:t.showAd,enableDown:t.enableDown,enableUp:t.enableUp,onLoadMore:S},{default:i(()=>[e("div",E,[e("div",M,[e("div",V,[e("div",{ref_key:"leftCon",ref:v,class:"flex-3"},[r(m,{title:t.navName,titleType:t.titleType,navUrl:t.navUrl,detailUrl:t.curUrl,detailName:t.detailName},null,8,["title","titleType","navUrl","detailUrl","detailName"]),e("div",W,[e("div",P,[r(d(o),{href:t.carData.detailUrl,class:"flex-1 h-10 text-center align-middle text-white text-sm font-sans leading-10 rounded border border-gray-200 bg-gradient-to-b from-blue-400 to-sitebg"},{default:i(()=>a[0]||(a[0]=[s(" 车型首页 ")])),_:1},8,["href"]),r(d(o),{href:t.carData.parameterUrl,class:"flex-1 h-10 text-center align-middle text-sitetext text-sm font-sans leading-10 rounded ml-4 border border-gray-200 bg-gradient-to-b from-white to-gray-200"},{default:i(()=>a[1]||(a[1]=[s(" 车型参数 ")])),_:1},8,["href"]),r(d(o),{href:t.carData.reviewUrl,class:"flex-1 h-10 text-center align-middle text-sitetext text-sm font-sans leading-10 rounded ml-4 border border-gray-200 bg-gradient-to-b from-white to-gray-200"},{default:i(()=>a[2]||(a[2]=[s(" 车型测评 ")])),_:1},8,["href"]),r(d(o),{href:t.carData.newsUrl,class:"flex-1 h-10 text-center align-middle text-sitetext text-sm font-sans leading-10 rounded ml-4 border border-gray-200 bg-gradient-to-b from-white to-gray-200"},{default:i(()=>a[3]||(a[3]=[s(" 车型资讯 ")])),_:1},8,["href"]),r(d(o),{href:t.carData.pictureUrl,class:"flex-1 h-10 text-center align-middle text-sitetext text-sm font-sans leading-10 rounded ml-4 border border-gray-200 bg-gradient-to-b from-white to-gray-200"},{default:i(()=>a[4]||(a[4]=[s(" 车型图片 ")])),_:1},8,["href"]),r(d(o),{href:t.carData.videoUrl,class:"flex-1 h-10 text-center align-middle text-sitetext text-sm font-sans leading-10 rounded ml-4 border border-gray-200 bg-gradient-to-b from-white to-gray-200"},{default:i(()=>a[5]||(a[5]=[s(" 车型视频 ")])),_:1},8,["href"])])]),r(m,{title:t.carData.title,titleType:"3",class:"mt-4"},null,8,["title"]),e("div",O,[e("div",q,[e("img",{class:"w-full",src:t.carData.img},null,8,F)]),e("div",G,[t.carData.price>0?(g(),w("div",H," ï¿¥"+n(t.carData.price),1)):(g(),w("div",J," 暂无报价 ")),e("div",K," 排量："+n(t.carData.displacement),1),e("div",Q," 发动机："+n(t.carData.engine),1),e("div",R," 最大功率："+n(t.carData.maxPower),1),e("div",X," 长x宽x高："+n(t.carData.lwh),1)])]),r(m,{title:"车型图片",titleType:"3",class:"mt-4"}),e("div",Y,[x(e("div",{style:y(l.slideStyle)},[x(r(I,{adInfos:t.imgsList,typeNum:"3",onShowImg:N},null,8,["adInfos"]),[[h,t.showAd]])],4),[[h,l.slideShow]]),a[6]||(a[6]=e("div",{class:"w-full mt-4 font-sans text-center text-sitetext text-sm"}," 温馨提醒：点击上面图片可全屏浏览！ ",-1))]),r(m,{title:"车型数据库",titleType:"3",class:"mt-4"}),e("div",Z,[x(e("div",{style:y(l.dataListStyle)},[r(C,{dataList:t.dataList,showAd:t.showAd},null,8,["dataList","showAd"])],4),[[h,l.dataListShow]])])],512),e("div",_,[r(m,{title:"推荐阅读",titleType:"3"}),r(j,{recommendList:t.recommendList},null,8,["recommendList"])])])])])]),_:1},8,["title","description","adTops","dataNum","appName","navActive","showAd","enableDown","enableUp"]))}});

1export{ht as default};