Skip to content

l2en/netmusic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

基于NeteaseCloudMusicApi实现小程序音乐app - 踩坑日记

接口调用:

  • 线上小程序的接口调用必须是https,不能是本地localhost或ip访问;所以必须准备一个vps+域名

开发阶段:

  • 开发阶段可以右上角“详情-->不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书”,进行本地调试
  • 开发阶段在手机预览要想访问接口,必须开启调试模式,否则无法调用接口

开发技巧

  • 控制局部滚动: 在app.wxss中添加page{overflow-y: hidden;},局部使用组件并指定高度即可
  • 页面控制: 每一个view组件应该添加一个box-sing:border-box属性,不然padding会导致view溢出屏幕

Q&A:

  • 小程序中引入的阿里图标库图标在ios中无法显示why:ios不支持除https以外的资源引入; 解决:使用https引入阿里图标。如:url('https://at.alicdn.com/t/font_1066189_t2slgjhj2kc.woff') format('woff')

  • scroll-view横向滚动实现条件:1、明确指定父级的宽高 2、父元素必须写white-space:nowrap; 3、子元素必须写display:inline-block

  • 在wxml传参到方法: 以获取id为例;在wxml的DOM上绑定data-id='{{item.id}}';在方法中e.currentTarget.dataset.id进行获取

设计图预览: preview

About

原生小程序 - 网易云音乐小程序

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published