vue-cloud-music

vue-cloud-music

一个基于vue的音乐播放器插件，ui风格参考网易云音乐 demo地址 点我点我 click me

安装

$ npm install vue-cloud-music --save-dev

v1.0.3及之前版本组件使用stylus预编译样式，项目中需要安装stylus与stylus-loader，file-loader或者url-loader用于解析文件

$ npm install stylus stylus-loader file-loader --save-dev

组件含引入图片，所以安装完之后，请设置file-loader或url-loader用以解析文件

由于stylus并不常用，v1.0.4以及之后版本样式已经编译为普通css文件了，省去项目安装stylus的步骤

使用方法

import引入之后，在vue中注册组件即可

示例

<template>
    <div>
        <vue-cloud-music></vue-cloud-music>
    </div>
</template>
<script>
    import vueCloudMusic from 'vue-cloud-music';
    export default {
        data: function () {
            return {
                msg: 'text'
            }
        },
        components: {
            'vue-cloud-music': vueCloudMusic
        }
    }
</script>
<style scoped></style>

项目地址

https://github.com/zz632893783/vue-cloud-music

demo运行方法

将项目下载到本地之后，

 $ npm install

安装node模块，在cmd中输入

 $ webpack-dev-server

之后在浏览器中输入http://localhost:8080