Vue音乐播放器

最新推荐文章于 2024-02-21 13:16:12 发布

VIP文章 hzk_niubi1313

最新推荐文章于 2024-02-21 13:16:12 发布

阅读量251

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/hzk_niubi1313/article/details/124980996

版权

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>悦听player</title>
  <!-- 样式 -->
  <link rel="stylesheet" href="./css/playerIndex.css">
</head>

<body>
  <div class="wrap">
    <!-- 播放器主体区域 -->
    <div class="play_wrap" id="player">
      <div class="search_bar">
        <img src="images/player_title.png" alt="" />
        <!-- 搜索歌曲 -->
        <input type="text" autocomplete="off" v-model="name" @keyup.enter="searchMusic" />
      </div>
      <div class="center_con">
        <!-- 搜索歌曲列表 -->
        <div class='song_wrapper'>
          <ul class="song_list">
            <li v-for="(m,index) in musics"><a href="javascript:;"@click="play(index)"></a> <b>{
   {
   m.name}}</b> <span v-show="m.mvid!=0"><i @click

最低0.47元/天解锁文章

优惠劵

hzk_niubi1313

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
Vue音乐播放器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>悦听pl
复制链接

扫一扫