微信小程序之如何使用iconfont图标 @小程序 11个月前 一、下载iconfont图标1.进入iconfont,选择要下载的图标,点购物车添加入库2.添加至项目3.下载至本地二、如何引入?1.ttf文件转换base64格式进入https://transfonter.org/,点击Addfonts选择文件,打开Base64encode和TTF按钮,然后点击Convert转换。点击Download下载2.合并样式代码打开第一次下载的图标文件里iconfont 639 0 0
uniapp分包(提升首页加载速度解决白屏时间过长) @小程序 @前端 1年前 一、为什么要分包因小程序有体积和资源加载限制,优化小程序的下载和启动速度。二、主包和分包所谓的主包,即放置默认启动页面/TabBar页面,以及一些所有分包都需用到公共资源/JS脚本;而分包则是根据pages.json的配置进行划分。在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,会把对应分包自动下载下来,下载完成后再进行展示。此时终端界面会有等待提示。App默认为整包。 847 0 0
TP使用workerman小程序通信 @首页 @小程序 1年前 第一步:Linux环境检查脚本Linux用户可以运行以下脚本检查本地环境是否满足WorkerMan要求curl-Sshttps://www.workerman.net/check|php如果脚本中全部提示ok,则代表满足WorkerMan运行环境(注意:检测脚本中没有检测event扩展,如果并发连接数大于1024建议安装event扩展,安装方法参见下一节)第二步:Composer安装:compo 634 0 0
分享一次图片流布局 @小程序 @前端 1年前 先看效果图:这里肯定有很多同学会通过网上其他博主使用的CSS的column-count:3来解决流布局,但是在小程序里面用这个CSS样式页面在通过上拉加载更多数据的时候页面会抽风的闪烁一下,甚至有时候图片还显示不出来,我查了一下,这是谷歌留的一个BUG,其他博主已遇到相同类似的问题:https://segmentfault.com/q/1010000008812226参考这篇文章先想一下流布局如何 505 0 0
display:grid的基本使用、行和列的基本设置、间距、行列宽高 @小程序 @前端 1年前 display:grid;grid-template-columns:32%32%32%;justify-content:space-between;完整<!DOCTYPEhtml><html><head><style>.grid-container{display:grid;/*grid-gap:30px50px*/grid-c 631 0 0
小程序动画加载只执行一次的问题 @小程序 1年前 问题最近,想做个小程序的圆盘抽奖出来,想要实现的效果是点击一次就旋转一次.不过每次只有第一次点击有效,再次点击就没有任何动画效果.代码如下rotate:function(){ //创建一个动画实例 varanimation=wx.createAnimation({ duration:1000, timingFunction:'ease' }) //动画效果为旋转360 564 0 0
微信小程序转uniapp项目 @小程序 1年前 工具地址:https://github.com/zhangdaren/miniprogram-to-uniapp使用方法:wtu-i./miniprogram-project 557 0 0