| | |
| | | <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 |
| | |
| | | itemValue: '1' |
| | | } |
| | | ] |
| | | const tabs1ActiveNum = ref('') |
| | | const tabs1ActiveNum = ref('0') |
| | | const tabs2ActiveNum = ref('') |
| | | const tabs2 = [ |
| | | { |
| | |
| | | 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: 10px 0; |
| | | box-sizing: border-box; |
| | | > .ImgBox { |
| | | width: 26%; |
| | | width: 40%; |
| | | margin: 0 auto; |
| | | border-radius: 50%; |
| | | overflow: hidden; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | img { |
| | | width: 100%; |
| | | } |
| | |
| | | > .TextArea { |
| | | width: 48%; |
| | | p { |
| | | font-size: 12px; |
| | | font-size: 14px; |
| | | margin: 4px 0; |
| | | padding-left: 6px; |
| | | box-sizing: border-box; |