蜂窝布局+背景切换，适合官网的特效

直接贴代码

<template>
<div :class="'content-center c'+classTag">
      <div class="tit brand">
        {
  {$t('content.aboutMes.contentTit2')}}
      </div>
      <div class="honeycomb-div">
        <div class="wrap">
          <ul>
            <li v-for="(item,index) in honeycombArr" :class="'a'+index" @mouseout="outBack" @mouseover="overBack(index)">
              <span class="hex"><span  :class="['hexIn',classTag==index ? 'active' : '']"></span></span>
              <img :src="item" alt="">
            </li>
          </ul>
        </div>
      </div>
    </div>
</template>
<script>
  var timer;
  export default {