小程序
主要讲解小程序的一些组件、模块的代码分析和使用
秋色暮光
这个作者很懒,什么都没留下…
展开
-
canvas小程序自适应
canvas在小程序自适应宽高,等比例的rpx原创 2022-08-16 15:02:23 · 870 阅读 · 0 评论 -
小程序自定义标题栏(自适应)
首先展示一下自己写的标题栏这标题栏具有高度的自适应性。实现首先找到你需要用到自定义的标题栏页面的json文件添加上标题栏自定义的属性,"navigationStyle": "custom"这样之后,你的页面内容就会往上移,直接将原来标题栏的位置覆盖掉。之后再添加你自己想要设计的标题栏。wxml文件<!-- 自定义的导航栏 --><view class="custom" style="height: {{height}}px; top: 0;"> <v原创 2021-11-14 16:29:08 · 621 阅读 · 0 评论 -
微信小程序底部弹窗(半屏弹窗)---WeUI组件使用
小程序的底部弹窗(半屏弹窗)我这里主要是使用小城的原生组件WeUI来完成的,需要引入WeUI组件库。这里就不教如何引入库,主要讲解如何使用Half Screen Dialog标签。首先就是通过json文件引入到你需要使用组件的页面。{ "usingComponents": { "mp-half-screen-dialog":"/weui-miniprogram/half-screen-dialog/half-screen-dialog" }}这里的mp-half-screen-d转载 2021-07-31 17:51:59 · 10088 阅读 · 3 评论 -
导入WeUI组件库
导入WeUI数据包(npm方法)WeUI 是由微信官方设计团队和小程序团队为微信小程序量身设计的小程序扩展组件库。在使用前需要导入WeUI组件库,这里用的主要是npm方法,十分简单有效。导入成功后会有四个文件:如果你导入一半失败的,需要将四个文件删除重新导入。导入:第一步,打开小程序项目。打开项目终端新建一个终端然后开始导入。在终端中输入 npm init 。然后输入项目名,还会有很多可以设置的,如果不想设置可以直接点回车。然后输入yes就可以生成我们需要的package.j转载 2021-07-31 17:50:00 · 406 阅读 · 0 评论