|
@@ -3,10 +3,11 @@
|
|
|
<!-- <Button type="info" @click="websiteModal = true">选择演唱题目</Button> -->
|
|
|
<iframe :src="openUrl" frameborder="0" width="100%" height="800" v-show="!isFinish"></iframe>
|
|
|
<div class="select-wrap" v-if="isFinish">
|
|
|
- <p v-if="message.mustSong.length">必唱曲目</p>
|
|
|
- <div class="song-item" v-for="(item,index) in message.mustSong" :key="index">{{ index + 1}} . {{ item.songName }}</div>
|
|
|
- <p v-if="message.optionSong.length">选唱曲目</p>
|
|
|
- <div class="song-item" v-for="(item,index) in message.optionSong" :key="index">{{ index + 1}} . {{ item.songName }}</div>
|
|
|
+ <p class="btn-re-choose" @click="isFinish = false">重新选择</p>
|
|
|
+ <!-- <p v-if="message.mustSong.length">必唱曲目</p> -->
|
|
|
+ <div class="song-item" v-for="(item,index) in message.mustSong" :key="index">【必唱】{{ index + 1}} . {{ item.songName }}</div>
|
|
|
+ <!-- <p v-if="message.optionSong.length">选唱曲目</p> -->
|
|
|
+ <div class="song-item" v-for="(item,index) in message.optionSong" :key="index">【选唱】{{ index + 1}} . {{ item.songName }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -53,6 +54,14 @@ export default {
|
|
|
margin: 10px;
|
|
|
color: rgb(52, 143, 204);
|
|
|
font-weight: bold;
|
|
|
+ background: rgb(252, 252, 252);
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-re-choose {
|
|
|
+ display: inline-block;
|
|
|
+ text-decoration: underline;
|
|
|
+ margin: 10px;
|
|
|
}
|
|
|
}
|
|
|
</style>
|