查看“"音乐"小程序:音乐推荐”的源代码
←
"音乐"小程序:音乐推荐
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==任务分析== 音乐推荐是显示在content区域中的一个标签页, 其页面内容由三部分组成,分别是轮播图、功能按钮和热门音乐。 由于content区域的可显示高度是有限的,而音乐推荐中的实际内容可能会超过显示区域的高度, 因此在<nowiki><swiper-item></nowiki>标签内使用了scroll-view组件,用于实现内容的上下滚动。 ==前导知识== ===scroll-view=== 用于实现可滚动视图区域 scroll-y属性即可实现纵向滚动。需要注意的是,纵向滚动需要在样式中为<scroll-view>设置一个固定高度,否则会被子元素撑大。 例: test4.wxml: <nowiki> <scroll-view scroll-x scroll-y style="height:200px;background:#ccc" bindscroll="scroll"> <view style="width:200%;height:400px;"></view> <view>The end</view> </scroll-view></nowiki> test4.js: <nowiki> scroll: function(e) { console.log(e.detail) }, </nowiki> scroll-view组件设置了允许横向和纵向滚动,当发生滚动时就会发生执行事件处理函数scroll 注意:scroll-view内的组件宽度或高度大于scroll-view组件本身时,才会由滚动发生 [[文件:wexin21081607.png|600px]]
返回至
"音乐"小程序:音乐推荐
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息