小程序uni-app
文章平均质量分 91
微信原生小程序,以及uni-app的使用、注意项、实战遇到的一些问题,在此专栏里可以看到
wantLG
我不是代码的搬运工,我只是BUG的创造者...欢迎交流;
if(true){
return "I create BUG";
}
展开
-
uniapp中或小程序中使用背景水印(canvas实现+原生组件层级高的解决)
代码结构<!-- 水印 --><view class='water_top'> <canvas canvas-id='watermarkCanvas' style='width:100%;height:100%'></canvas></view><script> export default { data() { return { } }, onLoad() { this.drowsyUs原创 2021-11-29 12:45:30 · 3982 阅读 · 1 评论 -
普歌-uniapp安卓打包apk发布软件商城
总结一. uniapp安卓打包apk发布软件商城打包前准备uni_appid: uniapp的id秘钥: 生成APP证书时设置的密码应用包名: uniapp打包时有个安卓包名既应用包名应用签名: 常是微信开放平台中特定需要的,下载微信签名工具安装到手机上,输入应用包名后获得一串字符串,既应用签名证书别名: 证书的名称生成Android平台签名证书(.keystore)-自有证书操作步骤安装JRE环境(推荐使用JRE8环境,如已有可跳过)可从Oracle官方下载jre安装包原创 2021-02-02 22:21:48 · 1079 阅读 · 0 评论 -
uniapp/vue根据文件路径后缀显示相应的icon图标,在uniapp中点击文件打开新页面查看文件
uniapp中根据文件路径后缀显示相应的icon图标(vue中同方法),并在点击文件打开新页面查看文件详情(app端)需要准备一套iconfont彩色图标,如果不会在uniapp中使用多色图标,请先移步:uni-app使用阿里iconfont多色图标先上效果,客官满意的话请继续看点击文件跳转...原创 2020-12-10 20:38:03 · 2043 阅读 · 0 评论 -
uniapp封装手势滑动屏幕核心代码(向左滑,向右滑)
前言:uniapp官方没有提供左滑右滑的事件,但是像探探app那样左滑右滑是怎样实现的呢,本篇就来说一下怎样封装一个uniapp左滑右滑事件核心思路给容器绑定两个触屏事件touchstart(用户按下)和touchend(用户离开)用户按下屏幕事件a.记录用户按下屏幕的时间 Date.now() 时间戳,即返回1970-1-1到现在的毫秒数b.记录用户按下屏幕的坐标X和Y用户离开屏幕事件a.记录用户离开屏幕的时间 Date.now()b. 记录用户离开屏幕的坐标 x和yc. .原创 2020-11-21 21:54:39 · 1620 阅读 · 0 评论 -
微信小程序实现下滑触底加载loading更多数据,用分页的原理实现下拉触底加载效果(动画效果)
小程序上拉触底刷新,执行分页加载数据loading此博客适用于用分页方法使小程序下拉时实现需要加载更多数据时使用先看效果图:原创 2020-11-20 19:48:28 · 2203 阅读 · 0 评论 -
uni-app使用阿里iconfont多色图标
先吐槽一下,好像uniapp不支持symbol,多色图标????进入正题,第一步下载到本地进入iconfont中的我的项目中,先下载到本地然后解压。第二步下载一个处理iconfont的命令全局下载iconfont-tools,下载一次就行npm install -g iconfont-tools下载完成后,在刚刚解压后的文件目录中,进入命令行执行 iconfont-tools如果不需要修改文件夹名、css文件名、统一类名 、字体大小的话,一路回车就行,如果修改的话就直接修改原创 2020-11-06 22:23:19 · 2270 阅读 · 5 评论 -
普歌-码上鸿鹄:原生微信小程序获取生成小程序码并渲染页面上
原生微信小程序获取生成小程序码并渲染页面上应用场景:分享朋友/朋友圈时生成海报效果图:第一步,data中定义一个接收图片路径的空数据 /** * 页面的初始数据 */ data: { //二维码图片 qrCodeImg: null, },第二步,选择一个官方接口生成base64老规矩,传送门:微信文档中生成小程序码接口获取小程序码的话,如果数量不多,就用get那个;如果多的话,就用getUnlimited;看下面详细获取方法文档中获取小原创 2020-10-28 17:34:34 · 257 阅读 · 0 评论 -
原生微信小程序解析富文本编辑器(TinyMCE)html代码
普歌-码上鸿鹄:小程序解析HTML代码前言:在一些资讯性的文章需要简单排版时,会用到富文本编辑器,但是富文本编辑器生成的是一些html代码,在小程序中无法使用,下面看看两种解决方法。一、用微信文档提供的rich-text1.先附上官方文档传送门:微信文档rich-text2.这种是直接使用:<!-->content是API获取的html代码</--><rich-text nodes="{{content}}"></rich-text>*原创 2020-10-26 15:16:06 · 2823 阅读 · 5 评论 -
微信小程序使用阿里巴巴iconfont矢量多色图标
原生微信小程序使用阿里多色iconfont图标前言:能解决iconfont图标的只有下载png,还有使用symbol解决,但是如果都使用png会大大增加代码体积和加载速度原创 2020-10-16 11:46:46 · 930 阅读 · 1 评论 -
微信小程序的配置(项目开发配置、小程序收录配置、全局配置、页面配置)
小程序中常用的配置(项目开发配置、小程序收录配置、全局配置、页面配置) 前言:小程序的很多开发需求被规定在了配置文件中。为什么这样做?这样做可以更有利于我们的开发效率;并且可以保证开发出来的小程序的某些风格是比较一致的;比如导航栏 – 顶部TabBar,以及页面路由等等。1. 项目开发配置(对应的文件->project.config.json)先附上微信官方给的文档微信小程序项目配置文件文档下面是对应的文件这个项目配置文件里面的配置项一般不用手敲,原创 2020-09-28 16:03:05 · 3640 阅读 · 0 评论