xinyouhe/orzar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: xinyouhe/orzar:dev
Branches Tags
xinyouhe/orzar:master xinyouhe/orzar:dev
...
pull from: xinyouhe/orzar:master
Branches Tags
xinyouhe/orzar:master xinyouhe/orzar:dev

13 Commits
dev ... master

Author SHA1 Message Date
浅念 6a083b3a54 修改品牌样式 2025-07-23 11:28:35 +08:00
浅念 ed56637b1b 修改新车详情页样式 2025-06-23 11:57:43 +08:00
浅念 329fbcf836 修改样式 2025-06-19 16:44:49 +08:00
浅念 ebc4500443 修改样式 2025-06-18 17:39:30 +08:00
浅念 12c9f98274 修改样式 2025-06-18 17:22:43 +08:00
浅念 5f01c65e9f 修改样式 2025-06-18 10:09:35 +08:00
浅念 69cdb90456 修改样式 2025-06-13 16:45:49 +08:00
浅念 c3ae1cb9af 修改样式 2025-06-12 14:11:58 +08:00
浅念 63bb7e2322 修改样式 2025-06-12 14:05:48 +08:00
浅念 dc844336b2 添加小手图标 2025-06-12 09:49:39 +08:00
浅念 e20420d904 修改样式 2025-06-11 15:49:18 +08:00
浅念 632fac0df7 修改样式 2025-06-11 14:55:02 +08:00
浅念 271b065e2d 修改样式 2025-06-11 09:58:26 +08:00
24 changed files with 358 additions and 159 deletions
Expand all files Collapse all files
about.html
+1 -1
View File
@@ -370,7 +370,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
assets/css/index.css
+62 -16
View File
@@ -40,6 +40,9 @@
height: 100%;
width: auto;
}
.cursorpointer{
cursor: pointer;
}
#rental-slider,.rental-slide{
height: 480px;
}
@@ -71,12 +74,24 @@
padding: 0px 1px;
}
.as-nav-slider {
margin: 24px 50px 0px !important;
margin: -108px 50px 0px !important;
}
.vehica-car-card__info .cus-btn{
height: 30px;
padding: 0 11px;
margin-right: 10px;
border: 1px solid #f44336;
background: #f44336;
}
.vehicle-card:hover .cus-btn {
color: #f44336 !important;
background: white;
}
.vehicle-card:hover .cus-btn span {
color: #f44336;
}
.vehicle-card .cus-btn span:first-child {
padding-bottom: 4px;
}
.detailsbtn{
display: flex;
@@ -106,7 +121,7 @@
height: 240px;
}
.as-nav-slider {
margin: 24px 10px 0px !important;
margin: -50px 10px 0px !important;
}
.tag{
margin-left: 10px !important;
@@ -282,6 +297,15 @@
--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;
@@ -324,6 +348,32 @@
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;
@@ -331,15 +381,6 @@
.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;
@@ -440,7 +481,9 @@
color: #fff;
background: #ff4605;
}
.vehica-car-card__info__single:first-child a:hover{
color: #fff;
}
.textarea{
width: 100%;
min-height: 200px;
@@ -726,14 +769,17 @@ 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;
overflow: hidden;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
/* .brand_brands:hover{
color: #2d74ba;
@@ -766,8 +812,8 @@ input:focus {
width: auto;
}
#menu-main>li.has_lv3 .flex-layout .menu-item img{
width: 22px;
height: 22px;
width: 25px;
/* height: 22px; */
}
#menu-main>li.has_lv3>.sub-menu>li>a {
color: #333;
assets/css/newcar.css
+147 -37
View File
@@ -68,7 +68,8 @@
}
.brand-intro .wp-block-media-text__content p {
margin: 0 0 1.5em
margin: 0 0 1.5em;
white-space: pre-line;
}
.brand-intro .wp-block-media-text__content h2 {
@@ -81,7 +82,7 @@
}
.brand-intro .wp-block-media-text__content h2:after {
background: #2c9f1c;
background: #2d74ba;
border-radius: .5rem;
content: "";
display: block;
@@ -110,7 +111,7 @@
.brand-cover .wp-block-cover__inner-container:after {
align-items: center;
background: #2c9f1c;
background: #2d74ba;
border-radius: .8rem;
color: #fff;
content: "\e603";
@@ -129,6 +130,7 @@
margin-top: 8rem;
}
.facetwp-facet .facetwp-radio {
cursor: pointer;
background: #ecf3f9;
border-radius: .4rem;
color: #2d74ba;
@@ -172,7 +174,7 @@
font-family: Inter-Bold,Inter;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2rem;
line-height: 2rem;
margin: 0;
position: relative
}
@@ -269,50 +271,39 @@
/* 底部 */
/* 底部 */
@media (max-width: 820px) {
.footer-why {
display: none;
}
}
.footer-why1{
background: #ecf3f9 !important;
color: #2d74ba !important;
}
.footer-why {
background: #ecf3f9;
color: #2d74ba;
background: #2d74ba;
color: #fff;
font-weight: 700;
height: 10rem;
height: 7rem;
}
.footer-why ul {
padding: 0px 10px;
height: 10rem;
height: 7rem;
align-items: center;
display: flex;
}
.footer-why li {
height: 10rem;
height: 7rem;
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
} */
@@ -397,7 +388,7 @@
}
.pro-para-ls li a:hover {
color: #2c9f1c
color:#2d74ba
}
.pro-para-ls li:last-child {
@@ -498,7 +489,7 @@
}
.wp-block-list li:before {
background: #2c9f1c;
background: #2d74ba;
border-radius: 50%;
content: "";
display: block;
@@ -527,10 +518,10 @@
color: #2D74BA;
}
/* newcar */
.topimg img{
width: 100%;
max-height: 400px;
/* newcar */
.topimg img{
width: 100%;
max-height: 400px;
}
.energy{
flex: 1;
@@ -633,6 +624,9 @@
font-size: 12px;
margin: 0px;
}
.brand-item{
width: 116px;
}
}
/* 移动端筛选按钮样式 */
@@ -694,10 +688,56 @@
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;
@@ -707,3 +747,73 @@
.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;
}
assets/js/ajax.js
+1 -1
View File
@@ -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',
assets/js/newcar-details.js
+33
View File
@@ -39,6 +39,13 @@ $(function() {
},
],
});
// $(".color-slider").slick({
// slidesToShow: 3,
// slidesToScroll: 1,
// dots: false,
// arrows: false,
// });
}
// 生成HTML
function generateslide(product) {
@@ -62,6 +69,19 @@ $(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');
@@ -74,6 +94,15 @@ $(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(
@@ -213,6 +242,10 @@ $(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)
assets/js/newcar.js
+10
View File
@@ -27,6 +27,7 @@ $(function() {
is_hot:'',
isnone:false,
isFilterOpen: false, // 控制筛选面板的开关状态
isBrandsExpanded: false,
},
computed: {
// 当前页数据（前端分页）
@@ -175,6 +176,15 @@ $(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');
}
},
},
})
})
assets/media/icons/meony.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 993 B

After

Width:  |  Height:  |  Size: 777 B

assets/media/icons/meony1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1008 B

assets/media/icons/proect.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 982 B

assets/media/icons/proect1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/media/icons/xing.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 691 B

assets/media/icons/xing1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/media/icons/zan.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 880 B

After

Width:  |  Height:  |  Size: 632 B

assets/media/icons/zan1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 897 B

assets/media/icons/zhuans.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

assets/media/icons/zhuans1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

brand.html
+21 -17
View File
@@ -171,22 +171,26 @@
<!-- 车辆 -->
<section>
<div class="container-fluid ride my-80" id="brandapp">
<div class="tabs facetwp-facet">
<div class="tabs facetwp-facet" v-if="energylist.length>0">
<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"
@click="godetil(item)">
<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">
<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 @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>
<div class="vehica-car-card__info">
<div class="vehica-car-card__info__single" data-i18n="bay"></div>
<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">
{{item.brand_name}}
</div>
@@ -388,16 +392,16 @@
<!--Footer-start -->
<section>
<div class="footer-why">
<div class="footer-why footer-why1">
<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>
<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>
</ul>
</div>
</div>
@@ -428,7 +432,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
contact.html
+1 -1
View File
@@ -255,7 +255,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
index.html
+35 -37
View File
@@ -128,7 +128,7 @@
<div class="container-fluid seach homesech">
<div class="row rowbg">
<div class="col-lg-11 row">
<div class="col-lg-11 col-md-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 +189,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-6 justify-content-center">
<div class="col-lg-4 col-md-4 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-6">
<div class="col-lg-4 col-md-4">
<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-6 align-items-center">
<div class="col-lg-4 col-md-4 align-items-center">
<div class="info">
<h3 class="black-2 mb-32">81%+</h3>
<p data-i18n="companyinfo.title3"></p>
@@ -371,38 +371,36 @@
<div class="brand-section my-40 py-48">
<div class="container-fluid">
<div class="row justify-content-center">
<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 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>
@@ -639,7 +637,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
newcar-details.html
+20 -27
View File
@@ -252,12 +252,28 @@
</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-4 ">
<div class="sidebar col-lg-3 col-md-3 col-sm-12 ">
<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>
@@ -267,7 +283,7 @@
</div>
<!-- 右侧内容（自由高度） -->
<div class="content col-lg-9 col-md-9 col-sm-8">
<div class="content col-lg-9 col-md-9 col-sm-12">
<!-- <section id="section1" class="section">
<h2 class="wp-block-heading" data-i18n="newcars.Introduction"></h2>
<ul class="wp-block-list unstyled" >
@@ -407,29 +423,6 @@
</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 -->
<!-- 底部 -->
@@ -459,7 +452,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
newcar.html
+18 -16
View File
@@ -160,12 +160,18 @@
<div class="col-lg-1 col-sm-2">
</div>
<div class="col-lg-11 col-sm-10 brand">
<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 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>
</div>
@@ -190,21 +196,17 @@
<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)">
<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>
<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">
<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>
<div class="vehica-car-card__info__single">
{{item.brand_name}}
</div>
@@ -284,7 +286,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
privacypolicy.html
+1 -1
View File
@@ -164,7 +164,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
rental-sidebar.html
+7 -4
View File
@@ -216,21 +216,24 @@
<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)">
<div @click="godetil(item)" class="cursorpointer">
<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>
</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>
<!-- <div class="vehica-car-card__info__single" data-i18n="bay">
</div> -->
@@ -385,7 +388,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
vehicle-details.html
+1 -1
View File
@@ -548,7 +548,7 @@
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="col-lg-7 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">