微信小程序
小程序主包和分包得资源可以相互引用吗?
主包里的资源(js, template, wxss, components, 图片)都是全局的,可以被公用;而每个分包相当于有自己的“作用域”,自己的资源,只能用自己的或者使用主包的,但不能使用其他子包的资源。
可以把你写的这个页面放在用的比较多的分包里面。这样这个页面可以使用自己分包和主包里面得内容。实在是没办法用的还是得重新写。
打包原则
- 声明 subpackages 后,将按 subpackages 配置路径进行打包,subpackages 配置路径外的目录将被打包到 app(主包) 中
- app(主包)也可以有自己的 pages(即最外层的 pages 字段)
- subpackage 的根目录不能是另外一个 subpackage 内的子目录
- tabBar 页面必须在 app(主包)内
引用原则
- packageA 无法 require packageB JS 文件,但可以 require app、自己 package 内的 JS 文件;使用 分包异步化 时不受此条限制
- packageA 无法 import packageB 的 template,但可以 require app、自己 package 内的 template
- packageA 无法使用 packageB 的资源,但可以使用 app、自己 package 内的资源
WXS 模块
WXS 代码可以编写在 wxml 文件中的
模块
每一个 .wxs 文件和
每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。
一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。
1 | // /pages/tools.wxs |
1 | <!-- page/index/index.wxml --> |
页面输出:
1 | some msg |
回到顶部
页面回到顶部
1 | wx.pageScrollTo({ |
scroll-view 回到顶部
1 | <scroll-view class="" scroll-top='{{courseScrollTop}}' scroll-y="{{topFlag}}" bindscrolltolower="loadMore" lower-threshold="120"> |
当需要 scroll-view 回到顶部时可以把 scroll-top 设置成 0
1 | data:{ |
canvas
CanvasContext.restore()
恢复之前保存的绘图上下文。
比如说保存背景颜色
map
map 现在已经支持用view 代替 cover-view,不会覆盖 map canvas
scroll-view
1 | <scroll-view claas='scroll_view' scroll-y scroll-into-view='{{toView}}' scroll-with-animation></scroll-view> |
scroll-into-view
接收字符串,可以滚动到指定的位置
scroll-with-animation
支持动画滚动
scroll-into-view
scroll-top
想要生效一定要给 scroll-view固定高度
1 | .scroll_view { |
可以设置成100%
小程序ios设置map圆角不生效的问题解决方案
在外层父级加上 transform: translateY(0)
1 | <view class="map_coantainer"> |
1 | .map_coantainer { |
- 本文作者: Littleki
- 本文链接: https:/littleki.gitee.io/2021/08/02/微信小程序/
- 版权声明: 本博客所有文章除特别声明外,均采用 MIT 许可协议。转载请注明出处!