vue-cloud-music

一个基于vue的音乐播放器插件，ui风格参考网易云音乐
demo地址 http://zoone.cc:8080/webproject/vue_components_demo/vue-cloud-music

安装

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

组件使用stylus预编译样式，项目中需要安装stylus与stylus-loader，file-loader用于解析文件

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

由于有引入图片，所以安装完之后，请设置file-loader用以解析文件

使用方法

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 lang="styl"></style>

demo运行方法

将项目下载到本地之后，

 $ npm install

安装node模块，在cmd中输入

 $ webpack-dev-server

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