首页 > TAG信息列表 > VueMusic

VueMusic-14搜索实现

1.创建search组件 <template> <div> <div class="search-title"> <input type="text" name="" placeholder="输入搜索内容" v-model="searchContent"> <button type="button" @c

VueMusic-13歌手列表

1.歌手列表 <template> <div class="artists"> <ul class="list"> <router-link tag="li" :to="{name:'ArtistsDetails',params:{avatar:item.avatar_s500,name:item.name,ting_uid:item.ting

VueMusic-11播放-歌词适配

1.歌词的创建 <template> <div> 歌词{{this.$route.params.songid}} {{getAllKey}} <p class="lrc-p" v-show="(parseInt(currentTime) >= keyArr[index]) && (parseInt(currentTime) < keyArr[index+1])" v-for

VueMusic-9.播放-播放功能

1.添加路由 { path:'/musicplay', name:"MusicPlay", component:MusicPlay } 2.实例 <template lang="html"> <div class="play"> <div class="header"> <div class="title"&g

VueMusic-7更多-数据适配

1.实例：路由传参 <template> <div class="more-list"> <div class="wrapper"> <h3>{{ this.$route.params.title }}</h3> <div class="info url log" v-for="(item,index) in moreListData"

VueMusic-5首页-音乐榜单

1.音乐榜单组件 <template> <div class="mod-albums"> <div class="hd log url"> <h2>新歌速递</h2> <div>更多</div> </div> <div class="container"> <div class=&qu