92 lines
2.6 KiB
Vue
92 lines
2.6 KiB
Vue
<template>
|
|
<view class="pad-x50">
|
|
<container-subgroup-two>
|
|
<view slot="content" style="margin: 0 -30rpx;">
|
|
<image class="width100" src="/static/public/icon-home-banner.png" mode="widthFix" lazy-load></image>
|
|
<!-- 解决方案 -->
|
|
<view class="home-solution mar-x20 pad30">
|
|
<view class="disjbac">
|
|
<view>
|
|
<view class="fon30 bold" style="color: #00a2e9;">畅想智能-场景化设计</view>
|
|
<view class="fon34 bold col3 mar-s10">解决方案<text class="col9 mar-z10">Solution</text></view>
|
|
</view>
|
|
<image style="width: 50rpx;height: 50rpx;" src="/static/public/icon-home-solution.png" mode=""></image>
|
|
</view>
|
|
<view class="mar-s30">
|
|
<scroll-img></scroll-img>
|
|
</view>
|
|
<view class="mar-s30">
|
|
<scroll-text @changeEv="switchType"></scroll-text>
|
|
<scroll-text-capsule></scroll-text-capsule>
|
|
<swiper-tab id="tab" :list="dataList" v-model="current" @changeEv="clickTab"></swiper-tab>
|
|
<scroll-text-slide></scroll-text-slide>
|
|
<img-one @chooseEv="chooseEv"></img-one>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</container-subgroup-two>
|
|
<!-- 底部tab -->
|
|
<foot-tab></foot-tab>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import scrollImg from '@/components/scroll-views/scroll-img.vue';
|
|
import scrollText from '@/components/scroll-views/scroll-text.vue';
|
|
import scrollTextCapsule from '@/components/scroll-views/scroll-text-capsule.vue';
|
|
import swiperTab from '@/components/swiper-tab/swiper-tab.vue';
|
|
import scrollTextSlide from '@/components/scroll-views/scroll-text-slide.vue';
|
|
import footTabOne from '@/components/foot-tabs/foot-tab-one.vue';
|
|
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
|
import imgOne from '@/components/choose-imgs/img-one.vue';
|
|
export default {
|
|
components:{
|
|
'foot-tab' :footTabOne,
|
|
containerSubgroupTwo,
|
|
scrollImg,
|
|
scrollText,
|
|
scrollTextCapsule,
|
|
swiperTab,
|
|
scrollTextSlide,
|
|
imgOne
|
|
},
|
|
data() {
|
|
return {
|
|
current:0,
|
|
dataList:[
|
|
{title:'标题一'},
|
|
{title:'标题二标题二'},
|
|
{title:'标题三'},
|
|
{title:'标题四'},
|
|
{title:'标题五'},
|
|
{title:'标题六标题六标题六'},
|
|
{title:'标题七'},
|
|
{title:'标题八'},
|
|
{title:'标题九'},
|
|
]
|
|
}
|
|
},
|
|
onLoad() {
|
|
// 获取当前页面url
|
|
this.$toolAll.tools.obtainPagePath();
|
|
},
|
|
methods: {
|
|
switchType(id){
|
|
console.log(id);
|
|
},
|
|
// tab点击事件
|
|
clickTab(index){
|
|
this.current = index;
|
|
},
|
|
// 图片选择事件
|
|
chooseEv(arr) {
|
|
console.log(arr,'图片数组');
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page{background-color: #f7f7f7;}
|
|
</style>
|