//网格自适应
<template>
  <div class="imgzong">
        <div class="item1"  v-for="(item,index) in meshlist1"  :key="'w1-'+ index">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                    <el-image :src="item.img" fit="cover" /> 
            </el-tooltip>
         </div>
            <el-checkbox v-model="meshchecked1" class="baoshi"> b标识</el-checkbox>
         <span class="shu">|</span>
        <div class="item1"  v-for="(item,index) in meshlist2"  :key="'w2-'+ index">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                    <el-image :src="item.img" fit="cover" /> 
            </el-tooltip>
        </div>
           <el-checkbox v-model="meshchecked2" class="baoshi"> b标识</el-checkbox>
        
  </div>
  
</template>

<script>
// 边界条件
import m1 from '@/assets/icon/u3441.png'
import m2 from '@/assets/icon/u3444.png'
import m3 from '@/assets/icon/u3442.png'
import m4 from '@/assets/icon/u3443.png'

export default {
  data(){
      return{
          meshchecked1:'',
          meshchecked2:'',
           // 边界条件
        m1,
        m2,
        m3,
        m4,
 
      

         //边界条件
         meshlist1:[
            {img:m1, titlie:'全局网格重划分-新建'}, 
            { img:m2, titlie:'全局网格重划分-属性'},
            {img:m3, titlie:'全局网格重划分-显示菜单'}, 
            { img:m4, titlie:'全局网格重划分-编辑'},
        ],
         meshlist2:[
          {img:m1, titlie:'局部网格自适应-新建'}, 
            { img:m2, titlie:'局部网格自适应-属性'},
            {img:m3, titlie:'局部网格自适应-显示菜单'}, 
            { img:m4, titlie:'局部网格自适应-编辑'},
           
        ],
         
      }
  }
}
</script>