小程序
叶子_o
这个作者很懒,什么都没留下…
展开
-
uni-app 微信小程序 查看 base64 文件流格式的 pdf
uni-app 微信小程序 查看 base64 文件流格式的 pdf原创 2023-02-17 10:01:37 · 1808 阅读 · 0 评论 -
解决微信小程序 uni.createInnerAudioContext() 语音播放没有声音
微信小程序解决ios上createInnerAudioContext播放没声音的问题原创 2022-06-22 13:41:52 · 4351 阅读 · 1 评论 -
修改小程序顶部的电池颜色、时间颜色
修改小程序顶部的电池颜色原创 2022-06-09 20:13:22 · 1312 阅读 · 0 评论 -
使用腾讯IM实现uni-app小程序中的客服聊天
使用腾讯IM实现uni-app小程序中的客服聊天原创 2022-06-09 15:45:50 · 3678 阅读 · 0 评论 -
解决uni-app微信小程序input输入框在底部时,键盘弹起页面整体上移问题
解决uni-app微信小程序input输入框在底部时,键盘弹起页面上移问题原创 2022-06-09 14:53:54 · 14126 阅读 · 9 评论 -
小程序项目 报错 Error: module ‘@babel/runtime/helpers/defineProperty.js‘ is not defined
解决小程序报错问题原创 2022-06-01 16:09:51 · 3118 阅读 · 4 评论 -
微信小程序 ios 下拉会盖住底部 fixed
解决方法:在对应页面的.json文件中添加。"disableScroll": true官网描述:设置为 true 则页面整体不能上下滚动;只在页面配置中有效,无法在 app.json 中设置该项转载 2020-12-09 14:41:59 · 515 阅读 · 0 评论 -
wx:for 和 wx:if、wx:else不能在同一标签使用
今天遇到这样一个问题。错误代码:<view class="wrap"> <view wx:if="{{!no}}" class="warp-list" wx:for="{{bagesList}}" wx:key="id"> <view bindtap="goDetail" data-id="{{item.id}}"> <...原创 2020-04-01 20:30:33 · 3857 阅读 · 3 评论 -
微信小程序开发之富文本内容的展示
这里的富文本是指内容里富含各种图片、音视频等富含html标签的一段内容。wxParse的使用wxParse是微信小程序中经常使用的富文本组件,可以很好地实现图片、加粗、标红等html文本的展现。在微信小程序中,要想使用wxParse组件,首先要下载wxParse组件的相关文件。1.在wxml文件中引用wxParse组件<import src=". ./. ./wxParse/wxP...原创 2020-03-20 18:40:06 · 1488 阅读 · 0 评论 -
小程序点击右上角按钮退出,再进入时直接进入首页
使用场景:小程序项目中,测试提了个bug,说进入某个页面之后,直接点右上角的退出,再进入小程序时,打开的是之前退出时的页面,有时左上角就没有后退按钮了,无法返回上一页。这里就涉及到页面栈的问题了。页面栈:首先先来了解一下微信小程序的运行环境:小程序的运行环境分成渲染层和逻辑层,其中 WXML 模板和 WXSS 样式工作在渲染层,JS 脚本工作在逻辑层。小程序的渲染层和逻辑层分别由2个线...原创 2020-01-03 16:25:44 · 6646 阅读 · 0 评论 -
移动端开发适配 iPhone 安全区域
前言iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。笔者通过查阅了一些官方文档,以及结合实际项目中的一些处理经验,整理了一套简单的适配方案分享给大家,希望对大家有所帮助,以下是...转载 2019-12-24 14:23:14 · 1483 阅读 · 0 评论 -
为小程序设置页面背景色
我们知道在json文件中可以通过 backgroundColor 为页面设置背景色,但是这个属性是用来设置页面下拉时的背景颜色的。{ "backgroundColor": "#f4f4f4"}想要设置页面背景颜色需要在wxss样式文件中,用page这个标签选择器进行设置page{ background-color: #f4f4f4;}...原创 2019-12-20 16:12:52 · 466 阅读 · 0 评论 -
小程序自定义顶部导航
项目中,UI提供的的设计图是这样的,这里就需要自定义导航栏了。自定义导航又两种情况,一种是全局配置,一种是单页面配置。先说下两种配置方法:1.全局配置navigationStyle要求:调试基础库>=1.9.0微信客户端>=6.6.0需要在app.json中进行如下配置:使用自定义导航的组件,设置自定义导航{ "usingComponents": { "...原创 2019-12-19 20:21:03 · 478 阅读 · 0 评论 -
解决小程序引入背景图片不显示的四种方法
小程序在css样式文件里面直接 background-image引入本地背景图是不生效的.header{ width:100%; height:420rpx; background-image: url("/static/image/bg.jpg"); background-size: 100%; background-color: red; }三种解决办法:...原创 2019-12-19 18:41:18 · 5844 阅读 · 0 评论 -
小程序中使用navigator不能跳转的情况
情况有以下几种:跳转的页面没有在app.json中注册跳转的路径不正确(以上两种在命令行(console)中都会提示)跳转的页面在TabBar中,需要将open-type属性是设置为跳转的页面不在TabBar中,但是设置了 open-type="switchTab" 也不能跳转...原创 2019-12-19 15:13:01 · 818 阅读 · 0 评论 -
微信小程序封装request请求
const CONFIG = require('../config.js')const REQUEST_CACHE = []const API_BASE_URL = 'http://172.28.15.245:8080'/** * 简单请求封装 * url: 请求地址 * data: 请求内容 * method: 请求方法 * cache: 缓存时长(单位: 秒) */func...原创 2019-12-11 20:49:00 · 208 阅读 · 0 评论 -
微信小程序 - 使用npm(第三方包)
使用示例:1.在根目录打开cmd终端执行 npm init -y(注意,我是电脑已经安装过npm了,所以直接初始化一下,如果没安装先安装)2.回到微信开发者工具,点击右上角详情,开启“使用npm模块”3.执行 npm install apifm-wxapi 安装要安装的包4.点开左上角工具5.点击构建npm构建完成后,会在node_modules文件夹所在目录生成。...原创 2019-12-10 20:07:25 · 248 阅读 · 0 评论