Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 浅念
|
b2389b97ea | ||
|
浅念
|
b9831ba9a4 | ||
|
浅念
|
901aea41b4 |
+1
-1
@@ -370,7 +370,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
+12
-1
@@ -4965,7 +4965,18 @@ footer .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggl
|
||||
align-items: center;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#preloaderx{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* background: white; */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9999;
|
||||
}
|
||||
.spinner {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
|
||||
+16
-50
@@ -40,9 +40,6 @@
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
.cursorpointer{
|
||||
cursor: pointer;
|
||||
}
|
||||
#rental-slider,.rental-slide{
|
||||
height: 480px;
|
||||
}
|
||||
@@ -74,7 +71,7 @@
|
||||
padding: 0px 1px;
|
||||
}
|
||||
.as-nav-slider {
|
||||
margin: -108px 50px 0px !important;
|
||||
margin: 24px 50px 0px !important;
|
||||
}
|
||||
.vehica-car-card__info .cus-btn{
|
||||
height: 30px;
|
||||
@@ -121,7 +118,7 @@
|
||||
height: 240px;
|
||||
}
|
||||
.as-nav-slider {
|
||||
margin: -50px 10px 0px !important;
|
||||
margin: 24px 10px 0px !important;
|
||||
}
|
||||
.tag{
|
||||
margin-left: 10px !important;
|
||||
@@ -297,15 +294,6 @@
|
||||
--bs-gutter-y: 3rem
|
||||
}
|
||||
}
|
||||
@media (max-width: 820px) {
|
||||
.seach .rowbg .row>* {
|
||||
padding-right:4px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
.homesechbtn{
|
||||
padding: 10px 16px !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 765px) {
|
||||
.hero-banner .seach img{
|
||||
display: none;
|
||||
@@ -348,32 +336,6 @@
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
.mb-24 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.seach .rowbg {
|
||||
padding-top: 10px !important;
|
||||
}
|
||||
.vs__selected-options {
|
||||
max-height: 40px !important;
|
||||
}
|
||||
.v-select:not(.vs-open) input{
|
||||
min-height: 40px;
|
||||
}
|
||||
.homesechbtn {
|
||||
padding: 18px 20px;
|
||||
}
|
||||
.find .input-type {
|
||||
height: 40px !important;
|
||||
}
|
||||
.py-48 {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.form-infos {
|
||||
padding: 4rem 2rem 4rem 3rem !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.txt .slider-arrows{
|
||||
justify-content: space-between;
|
||||
@@ -381,6 +343,15 @@
|
||||
.cus-btns1{
|
||||
width: 100%;
|
||||
}
|
||||
.mb-24 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.vs__selected-options {
|
||||
max-height: 40px !important;
|
||||
}
|
||||
.v-select:not(.vs-open) input{
|
||||
min-height: 40px;
|
||||
}
|
||||
}
|
||||
.spinner {
|
||||
width: 35px;
|
||||
@@ -481,9 +452,7 @@
|
||||
color: #fff;
|
||||
background: #ff4605;
|
||||
}
|
||||
.vehica-car-card__info__single:first-child a:hover{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.textarea{
|
||||
width: 100%;
|
||||
min-height: 200px;
|
||||
@@ -769,17 +738,14 @@ input:focus {
|
||||
background-color: #f7f8fc;
|
||||
}
|
||||
.brand_brands{
|
||||
width: 120px;
|
||||
/* width: 120px; */
|
||||
padding: 2px 10px;
|
||||
flex: none;
|
||||
margin: 0px 0;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* .brand_brands:hover{
|
||||
color: #2d74ba;
|
||||
@@ -812,8 +778,8 @@ input:focus {
|
||||
width: auto;
|
||||
}
|
||||
#menu-main>li.has_lv3 .flex-layout .menu-item img{
|
||||
width: 25px;
|
||||
/* height: 22px; */
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
#menu-main>li.has_lv3>.sub-menu>li>a {
|
||||
color: #333;
|
||||
|
||||
+37
-147
@@ -68,8 +68,7 @@
|
||||
}
|
||||
|
||||
.brand-intro .wp-block-media-text__content p {
|
||||
margin: 0 0 1.5em;
|
||||
white-space: pre-line;
|
||||
margin: 0 0 1.5em
|
||||
}
|
||||
|
||||
.brand-intro .wp-block-media-text__content h2 {
|
||||
@@ -82,7 +81,7 @@
|
||||
}
|
||||
|
||||
.brand-intro .wp-block-media-text__content h2:after {
|
||||
background: #2d74ba;
|
||||
background: #2c9f1c;
|
||||
border-radius: .5rem;
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -111,7 +110,7 @@
|
||||
|
||||
.brand-cover .wp-block-cover__inner-container:after {
|
||||
align-items: center;
|
||||
background: #2d74ba;
|
||||
background: #2c9f1c;
|
||||
border-radius: .8rem;
|
||||
color: #fff;
|
||||
content: "\e603";
|
||||
@@ -130,7 +129,6 @@
|
||||
margin-top: 8rem;
|
||||
}
|
||||
.facetwp-facet .facetwp-radio {
|
||||
cursor: pointer;
|
||||
background: #ecf3f9;
|
||||
border-radius: .4rem;
|
||||
color: #2d74ba;
|
||||
@@ -174,7 +172,7 @@
|
||||
font-family: Inter-Bold,Inter;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
line-height: 2rem;
|
||||
line-height: 1.2rem;
|
||||
margin: 0;
|
||||
position: relative
|
||||
}
|
||||
@@ -271,39 +269,50 @@
|
||||
|
||||
|
||||
|
||||
/* 底部 */
|
||||
@media (max-width: 820px) {
|
||||
.footer-why {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.footer-why1{
|
||||
background: #ecf3f9 !important;
|
||||
color: #2d74ba !important;
|
||||
}
|
||||
/* 底部 */
|
||||
.footer-why {
|
||||
background: #2d74ba;
|
||||
color: #fff;
|
||||
background: #ecf3f9;
|
||||
color: #2d74ba;
|
||||
font-weight: 700;
|
||||
height: 7rem;
|
||||
height: 10rem;
|
||||
}
|
||||
.footer-why ul {
|
||||
padding: 0px 10px;
|
||||
height: 7rem;
|
||||
height: 10rem;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.footer-why li {
|
||||
height: 7rem;
|
||||
height: 10rem;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
}
|
||||
/* footer-why .xz-main {
|
||||
height: 12.6rem;
|
||||
}
|
||||
.footer-why ul {
|
||||
height: 100%;
|
||||
justify-content: space-between
|
||||
}
|
||||
.xz-main {
|
||||
margin: 0 auto;
|
||||
width: clamp(1200px,calc(760px + 34.375vw),1440px);
|
||||
}
|
||||
.footer-why li,.footer-why ul {
|
||||
align-items: center;
|
||||
display: flex
|
||||
} */
|
||||
|
||||
.footer-why li {
|
||||
font-weight: 700;
|
||||
/* gap: 1rem */
|
||||
}
|
||||
/*
|
||||
.footer-why i {
|
||||
font-size: 3rem;
|
||||
font-weight: 400
|
||||
} */
|
||||
|
||||
|
||||
|
||||
@@ -388,7 +397,7 @@
|
||||
}
|
||||
|
||||
.pro-para-ls li a:hover {
|
||||
color:#2d74ba
|
||||
color: #2c9f1c
|
||||
}
|
||||
|
||||
.pro-para-ls li:last-child {
|
||||
@@ -489,7 +498,7 @@
|
||||
}
|
||||
|
||||
.wp-block-list li:before {
|
||||
background: #2d74ba;
|
||||
background: #2c9f1c;
|
||||
border-radius: 50%;
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -518,10 +527,10 @@
|
||||
color: #2D74BA;
|
||||
}
|
||||
|
||||
/* newcar */
|
||||
.topimg img{
|
||||
width: 100%;
|
||||
max-height: 400px;
|
||||
/* newcar */
|
||||
.topimg img{
|
||||
width: 100%;
|
||||
max-height: 400px;
|
||||
}
|
||||
.energy{
|
||||
flex: 1;
|
||||
@@ -624,9 +633,6 @@
|
||||
font-size: 12px;
|
||||
margin: 0px;
|
||||
}
|
||||
.brand-item{
|
||||
width: 116px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 移动端筛选按钮样式 */
|
||||
@@ -688,56 +694,10 @@
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.filter-overlay.active {
|
||||
display: block;
|
||||
}
|
||||
.facetwp-facet{
|
||||
display: flex;
|
||||
gap: .2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
overflow-x: auto
|
||||
}
|
||||
.facetwp-facet .facetwp-radio {
|
||||
background: #ecf3f9;
|
||||
color: #2d74ba;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
padding: 5px 10px;
|
||||
text-align: center;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
.facetwp-facet .facetwp-radio:hover {
|
||||
background: #2d74ba;
|
||||
border-radius: .2rem;
|
||||
color: #fff
|
||||
}
|
||||
.nav-menu{
|
||||
margin-bottom: 2px !important;
|
||||
}
|
||||
.nav-item {
|
||||
margin-bottom: 5px !important;
|
||||
width: 48%;
|
||||
margin: auto 1%;
|
||||
display: inline-block;
|
||||
border: 1px solid #2d74ba;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
}
|
||||
.sidebar {
|
||||
padding: 10px 0px 0px !important;
|
||||
z-index: 11;
|
||||
background: #ffff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
.brandactive {
|
||||
background: #2d74ba;
|
||||
@@ -747,73 +707,3 @@
|
||||
.slick-initialized .slick-slide {
|
||||
text-align: center;
|
||||
}
|
||||
.brand {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.brand-container {
|
||||
max-height: 120px;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s ease-in-out;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.brand-container.expanded {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.brand-toggle {
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
cursor: pointer;
|
||||
color: #2D74BA;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.brand-toggle:hover {
|
||||
color: #1a5a9c;
|
||||
}
|
||||
|
||||
.brand-toggle .fa {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.colorsib {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
.color-slide-item p{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.color-slider-arrows {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none; /* 让箭头以外区域可点 */
|
||||
}
|
||||
.color-slider-arrows .arrow-btn {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
pointer-events: auto; /* 让按钮可点 */
|
||||
}
|
||||
.color-slider-arrows .arrow-btn svg {
|
||||
width: 10px;
|
||||
}
|
||||
.color-slider-arrows .btn-prev {
|
||||
left: -16px;
|
||||
}
|
||||
.color-slider-arrows .btn-next {
|
||||
right: -16px;
|
||||
}
|
||||
|
||||
+3
-3
@@ -20,8 +20,8 @@ const options={
|
||||
},
|
||||
|
||||
};
|
||||
const baseURL='https://server.orzar.shop/'
|
||||
// const baseURL='https://usedcar.server.hnxinyouhe.com/'
|
||||
// const baseURL='https://server.orzar.shop/'
|
||||
const baseURL='https://usedcar.server.hnxinyouhe.com/'
|
||||
// 定义AJAX工具类
|
||||
const AjaxUtils = {
|
||||
// 基础配置
|
||||
@@ -63,7 +63,7 @@ const AjaxUtils = {
|
||||
|
||||
// GET请求
|
||||
get: function(url, params = {}) {
|
||||
// $("#preloader").show("slow");
|
||||
$("#preloader").show("slow");
|
||||
return $.ajax({
|
||||
url: this.config.baseURL + url,
|
||||
type: 'GET',
|
||||
|
||||
@@ -39,13 +39,6 @@ $(function() {
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
// $(".color-slider").slick({
|
||||
// slidesToShow: 3,
|
||||
// slidesToScroll: 1,
|
||||
// dots: false,
|
||||
// arrows: false,
|
||||
// });
|
||||
}
|
||||
// 生成HTML
|
||||
function generateslide(product) {
|
||||
@@ -69,19 +62,6 @@ $(function() {
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
function generateColorSlide(color) {
|
||||
if (!color.skuAttributes) {
|
||||
return '';
|
||||
}
|
||||
return `
|
||||
<div class="color-slide-item">
|
||||
<img src="${color.skuAttributes[0].img_full}" alt="car color">
|
||||
<p> ${color.skuAttributes[0].value_name}</p>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
// 渲染轮播图
|
||||
function renderbanner(lbdata) {
|
||||
const rentalslider = document.getElementById('rental-slider');
|
||||
@@ -94,15 +74,6 @@ $(function() {
|
||||
).join('');
|
||||
initSlick()
|
||||
}
|
||||
|
||||
function renderColorSlider(colors) {
|
||||
if (!colors || colors.length === 0) {
|
||||
return;
|
||||
}
|
||||
const colorSlider = document.querySelector('.color-slider');
|
||||
colorSlider.innerHTML = colors.map(color => generateColorSlide(color)).join('');
|
||||
}
|
||||
|
||||
// Introduction
|
||||
function Introductionhtml(data){
|
||||
$(".nav-menu").append(
|
||||
@@ -242,10 +213,6 @@ $(function() {
|
||||
$(".views").html(carinfo.views)
|
||||
$("#brands").html('<a href="brand.html?id='+carinfo.brand+'">'+carinfo.brand_name+'</a>')
|
||||
renderbanner(carinfo.album)
|
||||
// if (carinfo.sku) {
|
||||
// renderColorSlider(carinfo.sku);
|
||||
// }
|
||||
// initSlick();
|
||||
|
||||
Introductionhtml(carinfo.content)
|
||||
Highlightedhtml(carinfo.trait)
|
||||
|
||||
@@ -27,7 +27,6 @@ $(function() {
|
||||
is_hot:'',
|
||||
isnone:false,
|
||||
isFilterOpen: false, // 控制筛选面板的开关状态
|
||||
isBrandsExpanded: false,
|
||||
},
|
||||
computed: {
|
||||
// 当前页数据（前端分页）
|
||||
@@ -176,15 +175,6 @@ $(function() {
|
||||
godetil(item) {
|
||||
window.location.href = 'newcar-details.html?id=' + item.id
|
||||
},
|
||||
toggleBrands() {
|
||||
this.isBrandsExpanded = !this.isBrandsExpanded;
|
||||
const container = document.querySelector('.brand-container');
|
||||
if (this.isBrandsExpanded) {
|
||||
container.classList.add('expanded');
|
||||
} else {
|
||||
container.classList.remove('expanded');
|
||||
}
|
||||
},
|
||||
},
|
||||
})
|
||||
})
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 777 B After Width: | Height: | Size: 993 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1008 B |
Binary file not shown.
|
Before Width: | Height: | Size: 982 B After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 691 B After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 632 B After Width: | Height: | Size: 880 B |
Binary file not shown.
|
Before Width: | Height: | Size: 897 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
+17
-21
@@ -171,26 +171,22 @@
|
||||
<!-- 车辆 -->
|
||||
<section>
|
||||
<div class="container-fluid ride my-80" id="brandapp">
|
||||
<div class="tabs facetwp-facet" v-if="energylist.length>0">
|
||||
<div class="tabs facetwp-facet">
|
||||
<div class="facetwp-radio" :class="{checked: energy === ''}" @click="energyclick('')">all</div>
|
||||
<div class="facetwp-radio" :class="{checked: energy === item.id}" v-for="(item,index) in energylist" :key="index" @click="energyclick(item)">
|
||||
{{item.name}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-gap-3 carlist">
|
||||
<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6" v-for="(item,index) in dataList" :key="index">
|
||||
<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6" v-for="(item,index) in dataList" :key="index"
|
||||
@click="godetil(item)">
|
||||
<div class="vehicle-card">
|
||||
<div @click="godetil(item)" class="cursorpointer">
|
||||
<img :src="item.cover_full" alt="car">
|
||||
<h3 class="h3 title">{{item.name}}</h3>
|
||||
<h6>￥{{item.price}}</h6>
|
||||
<div class="vehica-car-card__separator"></div>
|
||||
</div>
|
||||
<img :src="item.cover_full" alt="car">
|
||||
<h3 class="h3 title">{{item.name}}</h3>
|
||||
<h6>￥{{item.price}}</h6>
|
||||
<div class="vehica-car-card__separator"></div>
|
||||
<div class="vehica-car-card__info">
|
||||
<div class="vehica-car-card__info__single" >
|
||||
<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" data-i18n="bay"></a>
|
||||
</div>
|
||||
<!-- <div class="vehica-car-card__info__single" data-i18n="bay"></div> -->
|
||||
<div class="vehica-car-card__info__single" data-i18n="bay"></div>
|
||||
<div class="vehica-car-card__info__single">
|
||||
{{item.brand_name}}
|
||||
</div>
|
||||
@@ -392,16 +388,16 @@
|
||||
|
||||
<!--Footer-start -->
|
||||
<section>
|
||||
<div class="footer-why footer-why1">
|
||||
<div class="footer-why">
|
||||
<div class="xz-main">
|
||||
<ul class="row unstyled">
|
||||
<li class="col-lg-1 col-md-1"></li>
|
||||
<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/zhuans1.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
|
||||
<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/proect1.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
|
||||
<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/meony1.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
|
||||
<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/zan1.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
|
||||
<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/xing1.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
|
||||
<li class="col-lg-1 col-md-1"></li>
|
||||
<li class="col-lg-1"></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zhuans.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/proect.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/meony.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zan.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/xing.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
|
||||
<li class="col-lg-1"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -432,7 +428,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
+1
-1
@@ -255,7 +255,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
+37
-36
@@ -34,7 +34,6 @@
|
||||
|
||||
<!-- <div id="content"></div> -->
|
||||
</div>
|
||||
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- Main Wrapper Start -->
|
||||
@@ -128,7 +127,7 @@
|
||||
<div class="container-fluid seach homesech">
|
||||
|
||||
<div class="row rowbg">
|
||||
<div class="col-lg-11 col-md-11 row">
|
||||
<div class="col-lg-11 row">
|
||||
<div class="col-lg-2 col-md-2 col-sm-6 mb-24">
|
||||
<v-select :options="score_status" :reduce="(name) => name.id" label="name" data-i18n-placeholder="search.inventoryStatus" v-model="select.store_status" @input="onSelectinventoryStatus"></v-select>
|
||||
</div>
|
||||
@@ -189,19 +188,19 @@
|
||||
<section class="features my-80">
|
||||
<div class="container-fluid">
|
||||
<div class="row row-gap-3 justify-content-center">
|
||||
<div class="col-lg-4 col-md-4 justify-content-center">
|
||||
<div class="col-lg-4 col-md-6 justify-content-center">
|
||||
<div class="info">
|
||||
<h3 class="black-2 mb-32">436,000+</h3>
|
||||
<p data-i18n="companyinfo.title1"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="info active">
|
||||
<h3 class="white mb-32">60%+</h3>
|
||||
<p data-i18n="companyinfo.title2"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 align-items-center">
|
||||
<div class="col-lg-4 col-md-6 align-items-center">
|
||||
<div class="info">
|
||||
<h3 class="black-2 mb-32">81%+</h3>
|
||||
<p data-i18n="companyinfo.title3"></p>
|
||||
@@ -371,36 +370,38 @@
|
||||
<div class="brand-section my-40 py-48">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center">
|
||||
<div class="brand-slider">
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/AITO.jpg" alt="AITO">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Avatr.jpg" alt="Avatr">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/BMW.jpg" alt="BMW">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Buick.jpg" alt="Buick">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Chery.jpg" alt="Chery">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/GEELY.jpg" alt="GEELY">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Kia.jpg" alt="Kia">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/LiAuto.jpg" alt="Li Auto">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Mercedes-Benz.jpg" alt="Mercedes-Benz">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/ZEEKR.jpg" alt="ZEEKR">
|
||||
<div class="col-lg-8">
|
||||
<div class="brand-slider">
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/AITO.jpg" alt="AITO">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Avatr.jpg" alt="Avatr">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/BMW.jpg" alt="BMW">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Buick.jpg" alt="Buick">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Chery.jpg" alt="Chery">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/GEELY.jpg" alt="GEELY">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Kia.jpg" alt="Kia">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/LiAuto.jpg" alt="Li Auto">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/Mercedes-Benz.jpg" alt="Mercedes-Benz">
|
||||
</div>
|
||||
<div class="brand-block">
|
||||
<img src="assets/media/brands/ZEEKR.jpg" alt="ZEEKR">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -637,7 +638,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
+27
-20
@@ -252,28 +252,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="footer-why">
|
||||
<div class="xz-main">
|
||||
<ul class="row unstyled">
|
||||
<li class="col-lg-1 col-md-1"></li>
|
||||
<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/zhuans.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
|
||||
<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/proect.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
|
||||
<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/meony.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
|
||||
<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/zan.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
|
||||
<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/xing.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
|
||||
<li class="col-lg-1 col-md-1"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="container-fluid services pt-80 pb-80">
|
||||
<!-- 中间区域（左侧导航固定，右侧内容自由滚动） -->
|
||||
<div class="middle-container row" id="contapp">
|
||||
<!-- 左侧导航（固定） -->
|
||||
<div class="sidebar col-lg-3 col-md-3 col-sm-12 ">
|
||||
<div class="sidebar col-lg-3 col-md-3 col-sm-4 ">
|
||||
<ul class="nav-menu">
|
||||
<!-- <li class="nav-item"><a href="#section1" class="nav-link" data-i18n="newcars.Introduction"></a></li>
|
||||
<li class="nav-item"><a href="#section2" class="nav-link" data-i18n="newcars.Highlighted"></a></li>
|
||||
@@ -283,7 +267,7 @@
|
||||
</div>
|
||||
|
||||
<!-- 右侧内容（自由高度） -->
|
||||
<div class="content col-lg-9 col-md-9 col-sm-12">
|
||||
<div class="content col-lg-9 col-md-9 col-sm-8">
|
||||
<!-- <section id="section1" class="section">
|
||||
<h2 class="wp-block-heading" data-i18n="newcars.Introduction"></h2>
|
||||
<ul class="wp-block-list unstyled" >
|
||||
@@ -423,6 +407,29 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- title end -->
|
||||
|
||||
<!-- vicheles-end -->
|
||||
|
||||
<!-- catagory -->
|
||||
|
||||
<!--Footer-start -->
|
||||
<section>
|
||||
<div class="footer-why">
|
||||
<div class="xz-main">
|
||||
<ul class="row unstyled">
|
||||
<li class="col-lg-1"></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zhuans.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/proect.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/meony.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zan.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
|
||||
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/xing.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
|
||||
<li class="col-lg-1"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- start -->
|
||||
|
||||
<!--Footer-start -->
|
||||
<!-- 底部 -->
|
||||
@@ -452,7 +459,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
+16
-18
@@ -160,18 +160,12 @@
|
||||
<div class="col-lg-1 col-sm-2">
|
||||
</div>
|
||||
<div class="col-lg-11 col-sm-10 brand">
|
||||
<div class="brand-container">
|
||||
<div v-for="brand in brandListAll"
|
||||
:key="brand.id"
|
||||
class="brand-item brand_brands"
|
||||
:class="{brandactive: selectedBrand === brand.id}"
|
||||
@click="selectBrand(brand.id)"
|
||||
><img :src="brand.logo_full" alt="" />{{brand.name}}</div>
|
||||
</div>
|
||||
<div class="brand-toggle" v-if="brandListAll.length > 12">
|
||||
<span class="toggle-text" @click="toggleBrands">{{ isBrandsExpanded ? 'Collapse' : 'Expand' }} <i class="fa" :class="isBrandsExpanded ? 'fa-angle-up' : 'fa-angle-down'"></i></span>
|
||||
|
||||
</div>
|
||||
<div v-for="brand in brandListAll"
|
||||
:key="brand.id"
|
||||
class="brand-item brand_brands"
|
||||
:class="{brandactive: selectedBrand === brand.id}"
|
||||
@click="selectBrand(brand.id)"
|
||||
><img :src="brand.logo_full" alt="" />{{brand.name}}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -196,17 +190,21 @@
|
||||
<div class="row row-gap-3 carlist">
|
||||
<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6" v-for="(item,index) in dataList" :key="index">
|
||||
<div class="vehicle-card">
|
||||
<div @click="godetil(item)" class="cursorpointer">
|
||||
<div @click="godetil(item)">
|
||||
<img :src="item.cover_full" alt="car">
|
||||
<h3 class="h3 title">{{item.name}}</h3>
|
||||
<h6>￥{{item.price}}</h6>
|
||||
<div class="vehica-car-card__separator"></div>
|
||||
</div>
|
||||
<div class="vehica-car-card__info">
|
||||
<div class="vehica-car-card__info__single" >
|
||||
<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" data-i18n="bay"></a>
|
||||
</div>
|
||||
|
||||
<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" class="cus-btn">
|
||||
<span class="btn-text" data-i18n="bay">
|
||||
|
||||
</span>
|
||||
<span data-i18n="bay">
|
||||
|
||||
</span>
|
||||
</a>
|
||||
<div class="vehica-car-card__info__single">
|
||||
{{item.brand_name}}
|
||||
</div>
|
||||
@@ -286,7 +284,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
+1
-1
@@ -164,7 +164,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
+4
-7
@@ -216,24 +216,21 @@
|
||||
<div class="row row-gap-3 carlist">
|
||||
<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6" v-for="(item,index) in dataList" :key="index">
|
||||
<div class="vehicle-card">
|
||||
<div @click="godetil(item)" class="cursorpointer">
|
||||
<div @click="godetil(item)">
|
||||
<img :src="item.cover" alt="car">
|
||||
<h3 class="h3 title">{{item.name}}</h3>
|
||||
<h6>￥{{item.price}}</h6>
|
||||
<div class="vehica-car-card__separator"></div>
|
||||
</div>
|
||||
<div class="vehica-car-card__info">
|
||||
<!-- <a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" class="cus-btn">
|
||||
<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" class="cus-btn">
|
||||
<span class="btn-text" data-i18n="bay">
|
||||
|
||||
</span>
|
||||
<span data-i18n="bay">
|
||||
|
||||
</span>
|
||||
</a> -->
|
||||
<div class="vehica-car-card__info__single" >
|
||||
<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" data-i18n="bay"></a>
|
||||
</div>
|
||||
</a>
|
||||
<!-- <div class="vehica-car-card__info__single" data-i18n="bay">
|
||||
|
||||
</div> -->
|
||||
@@ -388,7 +385,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
@@ -548,7 +548,7 @@
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div class="col-lg-7 col-md-8 offset-lg-1">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="links-block">
|
||||
|
||||
Reference in New Issue
Block a user