- 博客(80)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Taro 自家小程序商家券与微信券包打通
1.租户添加微信支付券插件https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wxf3f436ba9bd4be7b&token=&lang=zh_CN获取添加的AppId: wxf3f436ba9bd4be7b2.在每个项目中的app.config.json中plugins下添加"sendCoupon": { "version": "1.3.2", "provider":
2024-04-01 10:27:17
160
1
原创 Taro 关于微信订阅消息的调用
requestSubscribeMessage 是微信提供的方法。封装的调用requestSubscribeMessage的方法。tryWechatSubscribeByType 调用公用方法。
2024-04-01 10:20:51
126
原创 Taro活动列表中，对某一个活动添加分享按钮
1.在item文件中写按钮 openType=“share”2.onShareClick防止item详情页跳转。采用data-留下分享链接的拼接参数。3.在主页面中添加分享按钮。
2024-04-01 10:06:00
378
原创 Taro 写一个缓存，有效期为30天，到期后失效，或者删除小程序时失效
（微信有个漏洞，微信“发现”中进入“小程序”列表，找到该小程序，左滑删除小程序同时删除相关数据，并不会删除，其他入口删除没问题）、此次说的是关于 30天后的失效代码，仅借鉴～Storage 微信删除小程序会自动失效。
2024-04-01 10:00:35
229
原创 Taro关于多个数组同时根据时间展示倒计时的代码组件
refresh方法为其中一个倒计时结束后，页面的重新渲染方法，经常是重新请求列表接口，方法自定义。primaryColor可忽略，是关于倒计时时间的主题色。我们通常在做秒杀活动时，会有活动开始或者活动结束倒计时。在数组的item文件中，直接调用时间组件。而在活动列表中，需要做统一处理。startTime活动开始时间。以下为做的关于倒计时的组件~endTime活动结束时间。
2024-04-01 09:54:12
197
原创 Taro 解决微信提供的toast 只能显示两行的问题
再使用showToast，就会出现只展示出前两行的问题，展示不完整，但在开发微信小程序中，避免不了一些功能提示语过长。通常在Taro中我们提示语基本都采用。所以最后自己写了一个toast。样式，和微信提示语一致。
2024-04-01 09:46:43
210
原创 Taro多行文本最多展示5行，超出“查看更多”展示，点击弹层
多行文本，展示最多展示5行，超出5行，展示“查看更多”按钮，点击弹层展示文本详细信息。2.文本区域设置id名称，通过createSelectorQuery方法获取区域高度。1.区域设置max-height，用于控制展示区域，最多5行。弹层代码就不说了，着重说一下怎么获取区域高度～3.文本设置line-height高度，乘以5。4.超出则说明文本展示已高于5行。
2024-04-01 09:39:24
227
原创 React AntDesign表批量操作时的selectedRowKeys回显选中
React AntDesign表批量操作时的selectedRowKeys回显选中
2023-07-24 10:49:17
1021
原创 React AntDesign写一个导出数据的提示语 上面有跳转的路径，或者点击知道了，关闭该弹层
React AntDesign写一个导出数据的提示语 上面有跳转的路径，或者点击知道了，关闭该弹层
2023-07-24 10:36:22
765
原创 火狐浏览器window.open出现拦截弹层，采用setTimeout解决
火狐浏览器window.open出现拦截弹层，采用setTimeout解决
2023-07-17 14:46:13
416
原创 React+Ant design日期组件DatePicker设置选择日期时分秒 不能早于当前日期
React+Ant design日期组件DatePicker设置选择日期时分秒 不能早于当前日期
2023-02-13 15:08:25
1166
原创 Ant Design开发过程中，＜Input＞标签的setState该value值发现不管用，解决方案：加return
Ant Design开发过程中，＜Input＞标签的setState该value值发现不管用，解决方案：加return
2022-07-20 16:47:57
873
原创 Ant Design使用Tree 实现修改对应信息
import React, { Component } from 'react';import { services } from '@comall-backend-builder/core';import { Tree, Button, Input, InputNumber, Select, message as AntMessage } from 'antd';import { isEmpty, isArray } from 'lodash';import './index.less';c.
2022-05-09 20:59:27
562
原创 手机端多张图片等比区域内等比例展示
/** * 计算图片的缩放宽高 * @param width * @param height */computePicScaleInfo = ( width: number, height: number, systemInfo: ElementInfo | any, maxHeight: number, maxWidth: number) => { let scaleWidth: number; let scaleHeight:..
2022-04-13 11:51:59
163
原创 项目taro的package.json配置
{ "name": "demo", "version": "1.0.0", "private": true, "description": "", "displayName": "项目中文名称", "templateInfo": { "name": "default", "typescript": true, "css": "sass" }, "iosVersion": "1.23.0",
2022-04-11 09:43:32
595
原创 小程序和app实现项目本地图片保存到相册，采用taro
直接贴代码小程序端实现代码：import Taro, { Component, Config } from '@tarojs/taro';import { View, Image, Text } from '@tarojs/components';import { NavigationBar } from '@/components';import './index.scss';import officialAccountPng from './official-account.png';i
2022-03-29 11:42:14
569
原创 如何搭建一套RN环境，并且进行调试
本人电脑mac安装app开发环境搭建也可借鉴官网：https://taro-docs.jd.com/taro/docs/react-native1.安装jdk借鉴链接：https://my.oschina.net/u/4354518/blog/3366189命令：（获取安装的路径，并打开环境配置文件）/usr/libexec/java_home -Vtouch .bash_profile复制：export JAVA_HOME="/Library/Java/JavaVirtualMachi
2022-03-23 14:03:20
5570
原创 Taro实现小程序强制更新新版本
1.在app.tsx初始调用该方法handleUpdate() { if (process.env.TARO_ENV === 'h5') { return; } const updateManager = Taro.getUpdateManager(); updateManager.onCheckForUpdate(function(res) { // 请求完新版本信息的回调 console.log(res.hasUpdate
2022-03-17 10:16:31
1255
2
原创 公众号h5网页跳转小程序
我们目前只有小程序项目（而且是多个租户），还没有关于h5的网页产品提出 是否可以给公众号做一个中转html，然后引导用户关注公众号之后去往对应的小程序。然后我们探讨了一个方案实现方案：1.在公众号增加授权回调页面域名 开发>接口权限>网页服务>网页授权域名为是html所放的链接，并且要把每个公众号的Mp.text文件指定的 web服务器 放在域名根目录下2.直接在公众号链接上 配置该地址 拿到code（该链接额外添加一个要跳转的小程序原始账号miniUserName，g_
2021-12-20 18:12:26
1101
原创 Taro自带方法（小程序必用）
1.跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 Taro.switchTab({ url: '/pages/index/index' });2.隐藏 tabBarTaro.hideTabBar();3.保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 Taro.navigateBack 可以返回到原页面。小程序中页面栈最多十层。Taro.navigateTo({url: ''});返回上一页/上几页Taro.navigateBack({
2021-12-03 19:00:22
7020
2
原创 微信 ocr.printedText （本接口提供基于小程序的通用印刷体 OCR 识别）
ocr.printedText微信提供的图片解析内容官方文档：https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/ocr/ocr.printedText.html随时获取token （可用来测试）https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx667d6af490440e4b&secret=9
2021-12-03 16:45:45
1442
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人