2022-03-28 10:40:02 +00:00
|
|
|
<template>
|
|
|
|
|
<view class="pad-x50">
|
|
|
|
|
<status-nav-slot>
|
|
|
|
|
<view slot="leftContent" @tap="goMessage" style="width: 70px;">
|
|
|
|
|
<view class="home-message-box posir disac">
|
|
|
|
|
<image src="/static/public/icon-home-message.png" mode=""></image>
|
|
|
|
|
<view v-if="messageNumber!=0">{{messageNumber}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view slot="centerContent" class="disjcac">
|
|
|
|
|
<image style="width: 156rpx;height: 38rpx;" src="/static/public/icom-home-logo.png" mode="widthFix"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
|
|
<view slot="rightContent" class="disac" @tap="callEv">
|
|
|
|
|
<image class="mar-y10" style="width: 26rpx;height: 26rpx;" src="/static/public/icon-home-phone.png" mode=""></image>
|
|
|
|
|
<view class="fon26 col3">拨打电话</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
<!-- #ifdef H5 -->
|
|
|
|
|
<view slot="rightContent" class="disac" @tap="callEv">
|
|
|
|
|
<image class="mar-y10" style="width: 26rpx;height: 26rpx;" src="/static/public/icon-home-phone.png" mode=""></image>
|
|
|
|
|
<view class="fon26 col3">拨打电话</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
|
|
|
<view slot="rightContent" @tap="goMessage" style="width: 70px;"></view>
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
</status-nav-slot>
|
|
|
|
|
<!-- banner图 -->
|
|
|
|
|
<container-subgroup-two>
|
|
|
|
|
<view slot="content" style="margin: 0 -30rpx;">
|
|
|
|
|
<image class="width100" src="/static/public/icon-home-banner.png" mode="widthFix"></image>
|
|
|
|
|
<!-- 解决方案 -->
|
|
|
|
|
<view class="home-solution mar-x20 pad30">
|
|
|
|
|
<view class="disjbac" @tap="goPlant(0)">
|
|
|
|
|
<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-view scroll-x>
|
|
|
|
|
<view :class="solutionList.length == 4 ? 'disjbac' : 'disac'">
|
|
|
|
|
<view @tap="goDetail(0,item.id)" class="posir flexs" v-for="(item,index) in solutionList" :key="index" style="width: 23%;height: 214rpx;" :style="{marginRight: solutionList.length != 4 ? '20rpx' : ''}">
|
|
|
|
|
<image style="width: 100%;height: 214rpx;" class="radius10 " :src="item.imgsrc" mode="widthFix"></image>
|
|
|
|
|
<view class="posia solution-title clips1">{{item.title}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</container-subgroup-two>
|
|
|
|
|
<!-- 底部tab -->
|
|
|
|
|
<foot-tab></foot-tab>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import statusNavSlot from '@/components/status-navs/status-nav-slot.vue';
|
|
|
|
|
// 公告
|
|
|
|
|
import footTabOne from '@/components/foot-tabs/foot-tab-one.vue';
|
|
|
|
|
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
|
|
|
|
export default {
|
|
|
|
|
components:{
|
|
|
|
|
statusNavSlot,
|
|
|
|
|
'foot-tab' :footTabOne,
|
|
|
|
|
containerSubgroupTwo
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
// 解决方案
|
|
|
|
|
solutionList:[
|
|
|
|
|
{imgsrc:'/static/deleteImg/flying-img01.png',title:'控制室解决方案'},
|
|
|
|
|
{imgsrc:'/static/deleteImg/flying-img02.png',title:'户外屏解决方案'},
|
|
|
|
|
{imgsrc:'/static/deleteImg/flying-img03.png',title:'会议室解决方案'},
|
|
|
|
|
{imgsrc:'/static/deleteImg/flying-img04.png',title:'实体店解决方案'},
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
},
|
2022-04-08 10:42:48 +00:00
|
|
|
onLoad() {
|
2022-03-28 10:40:02 +00:00
|
|
|
// 获取当前页面url
|
|
|
|
|
this.$toolAll.tools.obtainUrl();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
page{background-color: #f7f7f7;}
|
|
|
|
|
</style>
|
