2021年04月_怪哈哈

原创微信小程序体验版new Data(data).getTime()返回NaN的问题

场景：在开发者工具上，没有任何问题；发布了体验版后，在苹果手机看的时候，所有的日期都显示NaN定位问题：苹果手机，new Date(data).getTime()如果传入的时间格式是2020-07-22 12:00:00，就会返回NaN。解决办法：new Date(date.replace(/-/g, ‘/’)).getTime()，将横杠转为斜线格式。参考文章：苹果中的new Data(data).getTime()返回NaN的问题微信小程序new Date()方法失效问题解决方法..

2021-04-25 15:57:30 1296 1

原创微信小程序如何通过npm安装组件库

微信小程序中引入组件库vant1、安装npm包微信开发文档在小程序项目的目录下打开终端，执行命令npm install2、安装组件库npm i @vant/weapp -S --production3、构建npm点击开发者工具中的菜单栏：工具–>构建npm4、勾选“使用 npm 模块”选项：详情–>使用 npm 模块5、具体的组件引入和使用根据官方文档示例即可。参考文章：微信小程序如何引入npm包？如何在微信小程序用npm引入组件库...

2021-04-25 15:35:51 1597 1

原创微信小程序实现一键长图并保存图片到相册

效果：类似骨朵的一键长图骨朵剧集排行榜通过点击按钮实现长截图，并可以滚动，长按保存或者转发。思路：参考骨朵数据，使用的是html2canvas，骨朵的小程序是个空壳，所有的页面都是H5写的，是一整个H5项目通过<web-view src="{{realUrl}}"></web-view>嵌入到小程序中，一键长图通过用html2canvas插件生成长图。原生小程序是无法使用html2canvas插件的。微信小程序提供了webview组件以承载web页面。有了这个组件就可

2021-04-19 11:24:58 8320 1

原创微信小程序中当底部弹出框时，背景色置透明灰并覆盖echarts图表

需求需要解决下方图中的问题，当底部弹出弹出框时，需要除弹出框外的元素置为透明灰色。下图是真机效果。此时，echarts图表依旧高亮显示，需要去掉该高亮效果。下图是微信开发者工具效果，开发者工具显示正常，真机echarts图表则会高亮。问题所在通过微信小程序Echarts覆盖正常组件问题解决该文章知道：Echarts使用的是微信原生canvas，优先级高，z-index完全无效。cover-view 可以覆盖在原生组件之上。解决方式将写弹出层使用的 view 组件全部替换成 c..

2021-04-18 16:51:33 2422

原创微信小程序中列表滚动到顶部表头吸顶效果

效果具体实现// 通过样式实现顶部吸顶效果// 核心样式.stickyClass{ position: sticky ; top: 70rpx; // 距离顶部还有多少时候产生吸顶效果 z-index: 9999;}<view class="tableList"> <view class="listHead stickyClass"> <view>排名</view> <view>日期.

2021-04-18 16:21:38 933

原创小程序中通知消息栏的内容自动上下滚动

效果图通过微信小程序swiper组件实现swiper | 微信开放文档<view class="newNoticeBox"> <view class="newNoticePicBox"> <image class="newNoticePic" src="../../../images/newNotice.png"></image> </view> <swiper class="swiper_zi" v..

2021-04-18 15:48:31 1066

原创在微信小程序中使用 ECharts

示例下载首先，下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。其中，ec-canvas 是官方提供的组件，其他文件是如何使用该组件的示例。引入组件创建图表

2021-04-18 15:34:29 380

guairena的博客