adi_cae_web/src/views/index/Geometryandper/index.vue

//几何与属性
<template>
  <div class="imgzong">
          <div class="item1"  v-for="(item,index) in jhlist"  :key="'w1-'+ index">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                          <div class="item1"  v-for="(item,index) in jhjielist"  :key="'w2-'+ index">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                            <div class="item1"  v-for="(item,index) in jhlist3"  :key="'w3-'+ index">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                    <div class="item1"  v-for="(item,index) in jhlist4"  :key="'w4-'+ index">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                    <div class="item1"  v-for="(item,index) in jhlist5"  :key="'w5-'+ index">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                    <div class="item1"  v-for="(item,index) in jhlist6"  :key="'w6-'+ index">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                    <div class="item1"  v-for="(item,index) in jhlist7"  :key="'w7-'+ index">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
        
  </div>
  
</template>

<script>
// 边界条件

// 几何与单位属性
import jh from '@/assets/icon/u912.png'
import jh2 from '@/assets/icon/u915.png'
import jh3 from '@/assets/icon/u918.png'
import jh4 from '@/assets/icon/u921.png'
import jh5 from '@/assets/icon/u913.png'
import jh6 from '@/assets/icon/u916.png'
import jh7 from '@/assets/icon/u919.png'
import jh8 from '@/assets/icon/u914.png'
import jh9 from '@/assets/icon/u917.png'
import jh10 from '@/assets/icon/u217.png'
import jh11 from '@/assets/icon/u921.png'
import jh12 from '@/assets/icon/u925.png'
import jh13 from '@/assets/icon/u925.png'
import jh14 from '@/assets/icon/u916.png'
import jh15 from '@/assets/icon/u929.png'
import jh16 from '@/assets/icon/u861.png'
import jh17 from '@/assets/icon/u930.png'

export default {
  data(){
      return{
                 
// 几何与单元属性
        jh,
        jh2,
        jh3,
        jh4,
        jh5,
        jh6,
        jh7,
        jh8,
        jh9,
        jh10,
        jh10,
        jh11,
        jh12,
        jh13,
        jh14,
        jh15,
        jh16,
        jh17,
          jhlist:[
             { img:jh, titlie:' 桁架'},
            {img:jh2, titlie:'空心截面梁'},
            { img:jh3, titlie:'剪切板'},
            {img:jh4, titlie:'实体复合材料'},  
            {img:jh5, titlie:'缆索'},
            { img:jh6, titlie:'弯管'},
            {img:jh7, titlie:'壳'}, 
            { img:jh8, titlie:'实心截面梁'},
            {img:jh9, titlie:'薄膜'},
            { img:jh10, titlie:'实体'},
        ],
          jhjielist:[
            { img:jh7, titlie:' 壳（结构）'},
            {img:jh10, titlie:'实体（结构）'},
            { img:jh11, titlie:'复合材料（结构）'},
          
        ],
        jhlist3:[
            { img:jh12, titlie:' 直梁（结构）'},
            {img:jh13, titlie:'平面应变（结构）'},
            { img:jh14, titlie:'弯梁（结构）'},
            { img:jh15, titlie:' 平面应变复合材料（结构）'},
            {img:jh16, titlie:'平面应力（结构）'},
        ],
        jhlist4:[
            { img:jh12, titlie:' 间隙元/摩擦元连接'},
        ],
          jhlist5:[
            { img:jh, titlie:' 三维-桁架（传热）'}, 
            {img:jh4, titlie:'三维-实体复合材料（传热）'}, 
            {img:jh7, titlie:'三维-壳（传热）'},    
            { img:jh10, titlie:'三维-实体（传热）'},
        ],
         jhlist6:[
            {img:jh7, titlie:'轴对称-壳（传热）'},    
            { img:jh10, titlie:'轴对称-实体（传热）'},
              {img:jh4, titlie:'轴对称-实体复合材料（传热）'}, 
        ],
         jhlist7:[    
            { img:jh10, titlie:'平面实体-实体（传热）'},
            {img:jh4, titlie:'平面实体-复合材料（传热）'}, 
        ],
         
      }
  }
}
</script>