Vue移动端音乐播放器之scroll组件的封装

最新推荐文章于 2025-04-23 07:17:45 发布
最新推荐文章于 2025-04-23 07:17:45 发布
阅读量575 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42158115/article/details/80672790
版权

先安装better-scroll,


在script部分先引入，然后配置



以后再用到滚动的时候直接引入这个组建就可以使用了

vue-music (5) scroll组件的封装
望天一方小叶子的博客
09-03 235
在项目中经常用的组件 <template> <div ref="scroll-wrapper"> // Betterscroll 只对于第一个组件有效，所以要交一个父容器包裹 <slot> </solt> // 插槽 </div> </template> <script
移动端使用vue封装日历
Quinta12的博客
03-24 679
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
基于Vue20的移动端音乐播放器
08-11
基于Vue2.0的移动端音乐播放器，QQ音乐API，可听QQ高品质歌曲
移动端精美的HTML5音乐播放器
05-06
基于jQuery的移动端HTML5音乐播放器，精美可定制，修改其中的json文件或改成接口请求即可。
vue-audio-player 项目亮点详解
最新发布
gitblog_00685的博客
04-23 500
vue-audio-player 项目亮点详解 vue-audio-player Compact, simple and practical PC mobile audio player components（小巧简单实用的 PC 移动端的 Vue 音频播放器组件） ...
手机HTML5手势触摸音乐播放器插件
ICode联盟
04-15 223
下载地址 一款手机HTML5手势触摸音乐播放器插件，移动端的手势音乐播放器，支持单曲循环，歌词显示，歌曲搜索，音量控制，列表循环等功能。利用json获取音乐歌单和歌词，基于html5 audio属性手机音乐播放器代码。 dd: ...
vue移动端的一款音频插件vue-aplayer
qq_43248623的博客
10-09 531
vue移动端的一款音频插件vue-aplayer
如何封装了一个vue移动端下拉加载下一页数据的组件
10-17
本文将详细介绍如何封装一个Vue移动端下拉加载下一页数据的组件。 首先，我们需要了解组件的基本结构。组件的核心在于能够响应用户的下拉操作，并在适当的时候触发数据的加载。以下是一个简单的封装示例： ```html...
Vue移动端下拉加载组件封装实战
以下是一个简单的Vue移动端下拉加载组件的封装过程： 首先，我们来看一下组件的模板部分。组件的核心是一个`<div>`元素，它有一个名为`my-scroll`的类，并根据`scrollState`属性动态添加或移除`prohibit`或`allow`...
Vue.js+cube-ui（Scroll组件）实现类似头条效果的横向滚动导航条
10-16
cube-ui是由滴滴团队提供的一个基于Vue.js的UI组件库，而Scroll组件是基于better-scroll库封装的，可以实现各种滚动效果。 首先，实现横向滚动导航条需要准备HTML结构，通常是一个外层容器包裹Scroll组件，Scroll...
vue 移动端视频功能实现
weixin_52093275的博客
04-07 1153
（vue2和3下载的依赖有版本区别，这里是2）下载完毕之后，在vue的maim里面引入。然后就是就是我的全部代码。
实现本地音乐选择,播放,带可拖动进度条
05-18
Android实现扫描本地sdcard上的所有音乐.并且可以进行播放，带可拖动进度条。 博客地址：http://blog.youkuaiyun.com/lowprofile_coding/article/details/45820163
使用原生js实现的一个适配移动端的网页播放器（纯页面开发）
08-08
使用原生js实现的一个适配移动端的网页播放器（无后台），可以实现简单的音乐播放功能。适合新手学习~~~
适用于PC移动端的Vue音频播放器组件
08-10
适用于PC移动端的 Vue 音频播放器组件
手动撸一个移动端音频播放组件
weixin_43837268的博客
08-12 840
1.src/components/common/player/variable.scss // 颜色定义规范 $color-background: #F2F3F4; $color-background-d: rgba(0, 0, 0, 0.3); $color-highlight-background: rgb(253, 108, 98); $color-dialog-background...
推荐个好用的vue3播放器插件
前端程序员、项目经理、人工智能博主
04-28 6894
这几天在做个播放器的功能，找了好几个都比较简介或者太花里胡哨的，但是猿粪在github上偶遇到个简洁且好看的播放器实在忍不住推荐给兄弟萌，好用的话可以去点点star，目前关注量还算挺不错github地址：https://github.com/xdlumia/vue3-video-play。
音乐播放控件
qyc898的专栏
11-29 2647
这个windowMeadiaPlayer有几个属性 其中可以获取正在播放的文件总时间，。如this.windowMeadiaPlayer.currentMedia.durationString是获取正在播放的时间 他是返回string类型的我把windowsmediaplaer的重要属性卸载这个上面 你自己看看属性/方法名： 说明： [基本属性]   URL:String; 指定媒体位置，本机或网络地址 uiMode:String; 播放器界面模式，可为Full, Mini, None, Invisible
用vue写一个音频播放器的组件（一）
m0_57836225的博客
07-16 2481
另外，需要注意的是，在 Vue 3 的 `<script setup>` 语法中，更推荐将相关的变量和函数定义在 `setup()` 内部，以便于更好地组织和管理组件的逻辑，并且能够直接在模板中使用这些响应式数据和方法。需要注意的是，只有在组件挂载后才能访问通过 `ref` 获取的引用，如果在初始渲染时访问，可能会得到 `null`，因为此时对应的元素或组件实例还不存在。- `props` 定义了一个名为 `message` 的属性，其类型为字符串 `String`，默认值为空字符串 `''`。
vue自定义音频播放器
qq_36093530的博客
08-19 1109
vue自定义音频播放器,可点击进度条，拖动进度条播放
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值