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,预览