增加模块
This commit is contained in:
xiaolian
@@ -54,10 +54,71 @@
|
||||
<div style="margin-bottom: -7vw;" v-if="info && info.banner">
|
||||
<van-image :src="info.banner"></van-image>
|
||||
</div>
|
||||
|
||||
<!-- 20240807 信息模块 -->
|
||||
<div v-if="0" class="card-module-1">
|
||||
<div v-if="0" class="absolute left-0 top-0 right-0" style="margin-top: -10vw;">
|
||||
<van-notice-bar left-icon="" background="transparent" color="#f8e26a" :scrollable="false" style="padding-left: 0;">
|
||||
<van-swipe
|
||||
vertical
|
||||
class="notice-swipe"
|
||||
:autoplay="3000"
|
||||
:show-indicators="false"
|
||||
>
|
||||
<van-swipe-item><span class="font-24 bg-000-op50 ulib-r750 pt5 pb5 pl15 pr15 inline-block"><van-icon name="point-gift" class="mr5"></van-icon>张三1领取了51000元大礼包</span></van-swipe-item>
|
||||
<van-swipe-item><span class="font-24 bg-000-op50 ulib-r750 pt5 pb5 pl15 pr15 inline-block"><van-icon name="point-gift" class="mr5"></van-icon>张三1领取了51000元大礼包</span></van-swipe-item>
|
||||
<van-swipe-item><span class="font-24 bg-000-op50 ulib-r750 pt5 pb5 pl15 pr15 inline-block"><van-icon name="point-gift" class="mr5"></van-icon>张三1领取了51000元大礼包</span></van-swipe-item>
|
||||
</van-swipe>
|
||||
</van-notice-bar>
|
||||
</div>
|
||||
<div class="inner30 pb0">
|
||||
<div class="fn-flex fn-flex-between fn-flex-middle font-28">
|
||||
<div class="fn-flex fn-flex-middle fn-flex-item">
|
||||
<h3 class="font-32 text-middle" style="line-height: 1.4;"><span>汽车之家空间站·厦门站</span><span class="bg-f8e26a inline-block ulib-r750 pl10 pr10 pt2 pb2 font-24 ml10">官方</span></h3>
|
||||
</div>
|
||||
<div style="width: 25vw;" class="text-right"><a class="color-999" href="">厦门共2家<van-icon name="arrow" ></van-icon></a></div>
|
||||
</div>
|
||||
<div class="fn-flex fn-flex-between fn-flex-middle mt25">
|
||||
<div>
|
||||
<p class="font-24">营业时间:08:00-20:00</p>
|
||||
<div @click.stop="openLocation" class="fn-flex fn-flex-middle color-666 font-24 mt15">
|
||||
<p class="text-nowrap" style="width: 50vw;">福建省厦门市湖里区翔远福建省厦门市湖里区翔远</p>
|
||||
<van-icon name="arrow" ></van-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="fn-flex fn-flex-middle text-center font-24 color-555">
|
||||
<li class="ml20 mr20"><a class="color-555" href="tel:15000001111"><i class="inline-block d-icon-10"></i><p>电话</p></a></li>
|
||||
<li class="ml20 mr20" @click="show_signup_agent_bottom=true"><i class="inline-block d-icon-11"></i><p>咨询</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="logo_list.length>0" class="mt40">
|
||||
|
||||
<div v-if="logo_list.length>4" class="swiper swiperlogo">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide" v-for="(item, index) in logo_list" :key="index"><a :href="item.url?item.url:'javascript:void(0)'">
|
||||
<img :src="item.img" alt="" />
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-else class="ml30">
|
||||
<ul class="fn-flex fn-flex-middle">
|
||||
<li class="mr20" v-for="(item, index) in logo_list" :key="index"><a :href="item.url?item.url:'javascript:void(0)'">
|
||||
<van-image width="20.8vw" height="27.6vw" :src="item.img"></van-image>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template v-for="(item,k) in modules" v-if="modules">
|
||||
<!-- 报名模块 - 大图轮播 -->
|
||||
<div class="card-module" v-if="item.type && item.type==2 && item.lists && item.lists.length>0">
|
||||
<div class="absolute left-0 top-0 right-0" style="margin-top: -10vw;">
|
||||
<div v-if="0" class="absolute left-0 top-0 right-0" style="margin-top: -10vw;">
|
||||
<van-notice-bar left-icon="" background="transparent" color="#f8e26a" :scrollable="false"
|
||||
style="padding-left: 0;">
|
||||
<van-swipe
|
||||
@@ -66,7 +127,7 @@
|
||||
:autoplay="3000"
|
||||
:show-indicators="false"
|
||||
>
|
||||
<van-swipe-item v-if="0">
|
||||
<van-swipe-item>
|
||||
<span class="font-24 bg-000-op50 ulib-r750 pt5 pb5 pl15 pr15 inline-block">
|
||||
<van-icon name="point-gift" class="mr5"></van-icon>张三1领取了51000元大礼包
|
||||
</span>
|
||||
@@ -418,8 +479,36 @@
|
||||
counttime: 60000,
|
||||
show_retry: false,
|
||||
showType: 1, // 1 活动标题 2立即咨询
|
||||
logo_list: [{ // 品牌logo 20240807
|
||||
img: '/img/logo-1.png',
|
||||
url: 'http://www.baidu.com'
|
||||
},{
|
||||
img: '/img/logo-2.png',
|
||||
url: ''
|
||||
},{
|
||||
img: '/img/logo-2.png',
|
||||
url: ''
|
||||
},{
|
||||
img: '/img/logo-2.png',
|
||||
url: ''
|
||||
},{
|
||||
img: '/img/logo-2.png',
|
||||
url: ''
|
||||
},{
|
||||
img: '/img/logo-2.png',
|
||||
url: ''
|
||||
}],
|
||||
location_info: { // 地理位置信息 20240807
|
||||
lat: 23.099994,
|
||||
lng: 113.324520,
|
||||
name: '汽车之家空间站·厦门站',
|
||||
address: '福建省厦门市湖里区翔远福建省厦门市湖里区翔远'
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.initSwpier(); // 20240807
|
||||
},
|
||||
methods: {
|
||||
showEnroll(type, row, showPopChannel, showType) {
|
||||
this.showPopChannel = false
|
||||
@@ -514,6 +603,32 @@
|
||||
bindCarPrev() {
|
||||
this.$refs.carswiper.prev();
|
||||
},
|
||||
initSwpier(){ //品牌logo轮播初始化 20240807
|
||||
if(this.logo_list.length>4){
|
||||
var swiper = new Swiper(".swiperlogo", {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 10,
|
||||
centeredSlides: true,
|
||||
loop: true,
|
||||
autoplay: true,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
openLocation(){ //打开地图位置 20240807
|
||||
if(this.location_info.lat&&this.location_info.lng){
|
||||
wx.openLocation({
|
||||
latitude: this.location_info.lat,
|
||||
longitude: this.location_info.lng,
|
||||
name: this.location_info.name,
|
||||
address: this.location_info.address,
|
||||
scale: 14
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user