- 博客(86)
- 资源 (5)
- 收藏
- 关注
原创 @react-google-maps/api正式环境错误:Refused to load the script ‘https://maps.googleapis.com解决方案
设置Content-Security-Policy 允许可以要加载的外部脚本 add_header Content-Security-Policy “script-src ‘self’ https://maps.googleapis.com ‘unsafe-inline’ ‘unsafe-eval’ blob: data:;功能链接:https://blog.csdn.net/weixin_43517190/article/details/140184814。
2024-07-05 11:02:59
280
原创 在地图上根据经纬度,以它为中心,画一个5公里内的矩型围栏,获取围栏每个点的经纬度
以下代码实现可参考链接:https://blog.csdn.net/weixin_43517190/article/details/140184814。我做的比较简单 大家看看有没有帮助, 也是精简代码。测试效果上相对是精准的。在做一个需求时有一个小点就是添加一个配送区域(5公里直径内的)矩形围栏。
2024-07-04 18:42:06
202
原创 @amap/amap-jsapi-loader 实现高德地图中添加多边围栏,并可编辑,编辑后获得围栏各个点的经纬度
1.第一步要加入项目package.json中或者直接yarn install它都可以。希望其中的小点能帮助大家,主要看怎么绘制在地图上的代码即可。先上一张效果图 看看是不是大家想要的效果~ ❤️。
2024-07-04 18:05:57
300
原创 @amap/amap-jsapi-loader实现高德地图嵌入React项目中,并且做到点击地图任意一处,获得它的经纬度
1.第一步要加入项目package.json中或者直接yarn install它都可以。关于接口获取key的接口 大家改成自己对应的项目请求方法。
2024-07-04 17:51:12
272
原创 @react-google-maps/api实现谷歌地图中添加多边围栏,并可编辑,编辑后可获得围栏各个点的经纬度
1.第一步要加入项目package.json中或者直接yarn install它都可以。大家根据自己的需求将center值和paths,用setState做活就可以了。在做这个需求时有一个小点就是添加一个配送区域(5公里直径内的)目前看值算的不是很精准,如果有好的办法我会及时更新的。我做的比较简单 大家看看有没有帮助, 也是精简代码。先上一张效果图 看看是不是大家想要的效果~ ❤️。你拖债任意一个点,都能获得多边围栏每个点的坐标。由于该功能微微复杂一点,为了让大家精准了解。运行起来的效果是有两个多边栏,
2024-07-04 17:37:29
361
原创 @react-google-maps/api实现谷歌地图嵌入React项目中,并且做到点击地图任意一处,获得它的经纬度
1.第一步要加入项目package.json中或者直接yarn install它都可以。希望对大家有帮助~❤️。
2024-07-04 17:10:15
370
原创 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
210
1
原创 Taro 关于微信订阅消息的调用
requestSubscribeMessage 是微信提供的方法。封装的调用requestSubscribeMessage的方法。tryWechatSubscribeByType 调用公用方法。
2024-04-01 10:20:51
152
原创 Taro活动列表中,对某一个活动添加分享按钮
1.在item文件中写按钮 openType=“share”2.onShareClick防止item详情页跳转。采用data-留下分享链接的拼接参数。3.在主页面中添加分享按钮。
2024-04-01 10:06:00
460
原创 Taro 写一个缓存,有效期为30天,到期后失效,或者删除小程序时失效
(微信有个漏洞,微信“发现”中进入“小程序”列表,找到该小程序,左滑删除小程序同时删除相关数据,并不会删除,其他入口删除没问题)、此次说的是关于 30天后的失效代码,仅借鉴~Storage 微信删除小程序会自动失效。
2024-04-01 10:00:35
281
原创 Taro关于多个数组同时根据时间展示倒计时的代码组件
refresh方法为其中一个倒计时结束后,页面的重新渲染方法,经常是重新请求列表接口,方法自定义。primaryColor可忽略,是关于倒计时时间的主题色。我们通常在做秒杀活动时,会有活动开始或者活动结束倒计时。在数组的item文件中,直接调用时间组件。而在活动列表中,需要做统一处理。startTime活动开始时间。以下为做的关于倒计时的组件~endTime活动结束时间。
2024-04-01 09:54:12
233
原创 Taro 解决微信提供的toast 只能显示两行的问题
再使用showToast,就会出现只展示出前两行的问题,展示不完整,但在开发微信小程序中,避免不了一些功能提示语过长。通常在Taro中我们提示语基本都采用。所以最后自己写了一个toast。样式,和微信提示语一致。
2024-04-01 09:46:43
474
原创 Taro多行文本最多展示5行,超出“查看更多”展示,点击弹层
多行文本,展示最多展示5行,超出5行,展示“查看更多”按钮,点击弹层展示文本详细信息。2.文本区域设置id名称,通过createSelectorQuery方法获取区域高度。1.区域设置max-height,用于控制展示区域,最多5行。弹层代码就不说了,着重说一下怎么获取区域高度~3.文本设置line-height高度,乘以5。4.超出则说明文本展示已高于5行。
2024-04-01 09:39:24
297
原创 React AntDesign表批量操作时的selectedRowKeys回显选中
React AntDesign表批量操作时的selectedRowKeys回显选中
2023-07-24 10:49:17
1147
原创 React AntDesign写一个导出数据的提示语 上面有跳转的路径,或者点击知道了,关闭该弹层
React AntDesign写一个导出数据的提示语 上面有跳转的路径,或者点击知道了,关闭该弹层
2023-07-24 10:36:22
786
原创 火狐浏览器window.open出现拦截弹层,采用setTimeout解决
火狐浏览器window.open出现拦截弹层,采用setTimeout解决
2023-07-17 14:46:13
511
原创 React+Ant design日期组件DatePicker设置选择日期时分秒 不能早于当前日期
React+Ant design日期组件DatePicker设置选择日期时分秒 不能早于当前日期
2023-02-13 15:08:25
1286
原创 Ant Design开发过程中,<Input>标签的setState该value值发现不管用,解决方案:加return
Ant Design开发过程中,<Input>标签的setState该value值发现不管用,解决方案:加return
2022-07-20 16:47:57
935
原创 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
574
原创 手机端多张图片等比区域内等比例展示
/** * 计算图片的缩放宽高 * @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
167
原创 项目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
625
原创 小程序和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
603
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人