小程序
随机里
这个作者很懒,什么都没留下…
展开
-
音乐播放的设计实现
歌曲播放时,页面的数据会随之发生变化,比如currentTime, sliderValue等,我们可以在hy-event-store中监听歌曲的播放,在页面中拿这些改变的数据,随之改变,而有些改变需要做相应逻辑变化,比如进度条就需要:const sliderValue = currentTime / this.data.durationTime * 100,又因为变化其实不用那么频繁,我们可以对其进行适当节流,用underscore库即可。并且当现在播放歌词要有不同样式。原创 2022-11-23 11:54:36 · 303 阅读 · 1 评论 -
音乐播放器自定义导航栏
音乐播放器自定义导航栏封装通用的小程序自定义导航组件音乐播放器的导航栏实现点击导航栏切换首先,在小程序中,会有一个状态栏高度,我们首先要考虑状态栏的占位,可以用来获取statusBarHeight的高度,然后用此宽度的容器占位。">{{title}}//用以下css来完成默认插槽.default {}}原创 2022-11-23 11:53:40 · 431 阅读 · 0 评论 -
小程序横向滑块内边距问题
但是遇到了内边距问题。本人推测应该是小程序的兼容问题, 又在小程序的整体布局中,我为了不显示拥挤,全局是设置了padding的,但是在这个可滚动视图区域中,滑动是我是不希望有内边距的。”,动态的设置给scroll-view ,因为小程序中用到的高度问题比较多,所以推荐在app.js中封装globaldata用来存储屏幕的一些信息。解决方法:1.不能用flex布局,便把滑块设置成行内块元素,设置不换行,之后给每个滑块设置左边距,伪元素选择器选择最后一个滑块,设置右内边距。原创 2022-11-23 11:52:11 · 483 阅读 · 0 评论 -
小程序轮播图高度适配
小程序轮播图原创 2022-11-23 11:49:45 · 388 阅读 · 0 评论