04 2023 档案

摘要:实现效果: 代码: const option = { // 环形图中间文字 title: { text: '1200', subtext: '总户数', textStyle: { fontSize: 16, color: '#333', fontWeight: 600, }, subtextStyl 阅读全文
posted @ 2023-04-28 15:35 ZerlinM 阅读(875) 评论(0) 推荐(0)
摘要:echarts作为我们前端小伙伴常用的可视化库,那我们画出有阴影的折线图,让折线图比较立体感。 可以使用折线图的 lineStyle 实现效果如图 代码如下: series: [ { data: [150, 230, 224, 218, 135, 147, 260], type: "line", s 阅读全文
posted @ 2023-04-28 10:46 ZerlinM 阅读(3426) 评论(0) 推荐(1)
摘要:在树形结构中搜索 checkItems值为 某某某的数据,返回的是子数据。 const searchTree = (tree, checkItems) => { let res = ''; let state = false; const readTree = (_tree, _checkItems 阅读全文
posted @ 2023-04-24 17:59 ZerlinM 阅读(550) 评论(0) 推荐(0)
摘要:微信小程序中加载图片时,如果只设定图片宽度,希望添加 mode = 'widthFix'来自适应 <Image mode="widthFix" className={s.img]} src={ImgSource.iconLogin} /> .img { width: 100%; } 但是这时会出现一 阅读全文
posted @ 2023-04-21 14:28 ZerlinM 阅读(468) 评论(0) 推荐(0)
摘要:一、加载本地字体 做小程序项目时,有时为了提升页面展示效果,会引入一些第三方字体,引入方式如下代码片段 /*直接在app.css引入 */ @font-face { font-family: "alifont"; // 是你封装的名字 src: url('./static/css/subset-Al 阅读全文
posted @ 2023-04-21 09:17 ZerlinM 阅读(2335) 评论(0) 推荐(0)
摘要:一、f2elint全局安装 yarn安装 yarn add global f2elint 或者 npm安装 npm i f2elint -g 查看是否安装成功 npx f2elint -h 二、f2elint初始化 在项目根目录下初始化 npx f2elint init 1.会提示选择项目的语言和框 阅读全文
posted @ 2023-04-18 14:49 ZerlinM 阅读(215) 评论(0) 推荐(0)
摘要:需求: 微信小程序中使用webview嵌套了h5页面,h5页面中有经纬度,需要实现唤醒 高德app。 实现思路: 此处h5未配置wxSDK,无法直接使用 openLocation ,所以将经纬度传给小程序,map页面为跳转中间页,再实现打开地图页面。 h5: // 高德地图导航 const aMap 阅读全文
posted @ 2023-04-13 14:34 ZerlinM 阅读(3476) 评论(0) 推荐(0)
摘要:一、理论前提 如果一个页面由另一个页面通过 wx.navigateTo 打开,这两个页面间将建立一条数据通道: 被打开的页面可以通过 this.getOpenerEventChannel() 方法来获得一个 EventChannel 对象; wx.navigateTo 的 success 回调中也包 阅读全文
posted @ 2023-04-13 14:16 ZerlinM 阅读(1526) 评论(0) 推荐(0)
摘要:微信小程序直接下载文件时,保存到的路径为缓存路径 tempxxx,如果需要查找文件就很麻烦,那我们可以先在小程序中预览文件,再执行后续操作,代码如下: // 方法 const download = (docObj) => { const { url = '', name, type } = docO 阅读全文
posted @ 2023-04-13 14:08 ZerlinM 阅读(1340) 评论(0) 推荐(0)
摘要:首先在app.config.json中配置 export default defineAppConfig({ pages: [], permission: { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }, }) 方法调用: 阅读全文
posted @ 2023-04-13 13:53 ZerlinM 阅读(218) 评论(0) 推荐(0)
摘要:在index.html文件中引入高德js文件: key 需要从高德获取 获取key <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=xxxxf77da01xxxx"></script> js文 阅读全文
posted @ 2023-04-13 13:42 ZerlinM 阅读(1029) 评论(0) 推荐(0)
摘要:应用场景: 比如在详情页面编辑或者删除等操作后,点击返回按钮到列表页,此时希望列表页刷新,代码如下: ``` Taro.navigateBack({ delta: 1, success: () => { const page = Taro.getCurrentPages().pop(); if (! 阅读全文
posted @ 2023-04-11 16:57 ZerlinM 阅读(3759) 评论(0) 推荐(0)
摘要:问题: 把一个对象,将它的所有key 转换为大写或小写。 方法: // 大写转换 export function upperJSONKey(jsonObj){ for (var key in jsonObj){ jsonObj[key.toUpperCase()] = jsonObj[key]; d 阅读全文
posted @ 2023-04-10 09:07 ZerlinM 阅读(433) 评论(0) 推荐(0)