微信小程序
Jedi Hongbin
hongbin.xyz meta.hongbin.xyz kmyc.hongbin.xyz
展开
-
Taro markdown 解析器
文章目录效果环境思路代码 - 未完待续git 仓库没有找到合适的库 期待Taro的发展没有经过测试 只提供一个思路项目代码在下方的git仓库效果环境"dependencies": { "@babel/runtime": "^7.7.7", "@tarojs/cli": "3.3.16", "@tarojs/components": "3.3.16", "@tarojs/react": "3.3.16", "@tarojs/runtime":原创 2021-12-17 22:42:15 · 1108 阅读 · 0 评论 -
Taro小程序生成二维码保存本地
步骤 生成二维码 - 获取二维码的base64 - 获取权限 - 获得地址 – 保存import { QRCode } from "taro-code";const ref = useRef<any>(); <TView ref={ref}> <QRCode text='world' size={200} scale={4} errorCorrectLevel='M' typeNumber={2} /></原创 2021-06-05 13:19:06 · 1382 阅读 · 0 评论 -
Taro小程序高斯模糊视线
小程序中 backdrop-filter: blur(10px);无效 只好退而求其次使用 fillter:blur(10px)实现思路: 蒙版覆盖内容 内容实用 filter将内容过模糊 蒙版 之加透明背景色jsx 代码结构 const [loading, setLoading] = useState(false); <View> <Button> 生成二维码 </Button> <FlexVi.原创 2021-06-05 13:06:27 · 471 阅读 · 0 评论 -
uni-app scrollview滚动到顶部或任意位置
两种方案实现: 变更 scroll-top的值即可以竖向为例1,指定位置为0-1的随机数,1px不容易看出来,一般场景足够,滚动到300位置可以用300 + Math.random()偏差很小,可以容忍<scroll-view scroll-y="true" :scroll-top="scrollViewTop">this.scrollViewTop = Math.random();2,结合@scroll事件一直监听,个人认为对性能是一种损耗<scroll-view s原创 2021-03-25 16:50:06 · 12283 阅读 · 0 评论 -
微信小程序自定义导航栏
如果你想自定义导航栏,让文字在不同机型之间一直处于与右侧小胶囊对齐的状态,这篇博客可能会对你有帮助实现:手机状态栏的高度 + 小胶囊的top + 小胶囊的height的一半效果:iphone6/7/8iphoneXXR Max代码:<text :style="{marginTop: statusBarHeight+'rpx'}" class="header-title">康复云平台</text> ...... ......onLoad() { wx.原创 2020-08-10 14:58:23 · 503 阅读 · 0 评论 -
微信小程序发送订阅消息
要给用户主动推送消息需要以下几步1,开通订阅服务2,选择消息模板保存模板id3,用户同意接收消息4,获取用户code5,利用code和AppID和AppSecret获取openId和access_token6,利用openId获取session_token7,利用access_token和openId及模板id并设置模板内容1,开通订阅服务前往微信公众平台>登录小程序账号>点击功能下的订阅消息>点击开通2,选择消息模板保存模板id如图,点击添加在这里插入图.原创 2020-07-28 18:18:25 · 2403 阅读 · 2 评论 -
uni-app使用swiper切换页面每个滑块高度自适应
做音乐播放器小程序时,因为swiper的问题耽误不少时间,总结写目前遇到的问题1,swiper不给他设置高度有个默认高度,当轮播图使用正好,但是用来做切换每个页面时,每个页面的显示区域(高度)都变成了swiper的高度能显示的区域,这时就要给swiper设置高度,发现设置max-height不起作用,设置min-height和height效果都一样,就是给swiper一个固定的高度,但是,现在每...原创 2020-04-03 18:31:34 · 11001 阅读 · 12 评论 -
疫情问卷调查程序-数据上传服务器,并返回数据
服务器端Node代码const express = require('express')const bodyParser = require('body-parser')const app = express()app.use(bodyParser.json())// 处理POST请求app.post('/', (req, res) => { console.log(r...原创 2020-03-17 21:52:33 · 580 阅读 · 0 评论