| | |
| | | </div>
|
| | | <div class="bar-group">
|
| | | <div
|
| | | class="bar"
|
| | | class="general-bar"
|
| | | v-for="(item, i) in soundList"
|
| | | :key="i"
|
| | | @click="clickSound(item, i)"
|
| | |
| | | <div class="left-part">
|
| | | <span class="name">{{ item.name }}</span>
|
| | | </div>
|
| | | <div class="btns">
|
| | | <div class="sound-btns">
|
| | | <span @click="togglePlay(item, i)">
|
| | | <span
|
| | | class="iconfont"
|
| | |
| | | .bar-group {
|
| | | overflow: auto;
|
| | | height: 520px;
|
| | | }
|
| | | .bar {
|
| | | .general-bar {
|
| | | height: 48px;
|
| | | background-color: #f8f8f8;
|
| | | border-radius: 10px;
|
| | |
| | | .name {
|
| | | font-size: 14px;
|
| | | }
|
| | | .btns {
|
| | | .sound-btns {
|
| | | width: 52px;
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | |
| | | color: rgba(134, 134, 134, 1);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | /* .bar:hover {
|
| | | border: 2px solid #4E94FF !important;
|
| | | } */
|