| | |
| | | <div class="SoundModelAreaBox" v-for="(value, key, index) in audioList" :key="index"> |
| | | <div class="SoundClassTit"> |
| | | <el-divider content-position="center"> {{ languageClass(key) }} </el-divider> |
| | | <!-- <el-divider content-position="center"> 123 </el-divider> --> |
| | | </div> |
| | | <div class="SoundClassContent"> |
| | | <div |
| | |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | align-content: flex-start; |
| | | padding: 0 1%; |
| | | box-sizing: border-box; |
| | | > .ModealBox { |
| | | width: 47%; |
| | | margin: 10px 1%; |
| | | width: 48%; |
| | | margin: 5px 1%; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | align-items: center; |
| | | position: relative; |
| | | background-color: #F7F8FA; |
| | | border-radius: 12px; |
| | | padding: 6px 0; |
| | | box-sizing: border-box; |
| | | > .ImgBox { |
| | | width: 26%; |
| | | margin: 0 auto; |