小程序
Crazy_GirlLL
这个作者很懒,什么都没留下…
展开
-
微信小程序:iOS和安卓打开文件PDF(三)------安卓打开两次PDF文件
getInfo(filename, encodename) { const name = filename const newPath = `${wx.env.USER_DATA_PATH}/${name}` wx.downloadFile({ url: this.data.baseUrl + '/report/getFileContext?encodeName=' + encodename, filePath: newPath, complete: (res) ..原创 2021-02-03 10:58:21 · 430 阅读 · 0 评论 -
微信小程序:点击按钮频繁切换,重叠自定义markers,但是值不改变
背景:点击切换右侧对应的实况要素,改变marker下面的实况信息(-22.9℃),并且markers名字(尚志市)和实况信息(-22.9℃)并不是一个接口获取,此项目还使用了自定义的callout自定义callout的例子在这:有需要自取https://blog.csdn.net/Crazy_GirlLL/article/details/113556336结构如下经大佬提示,自定义组件中的customMarkers虽然也是每次请求,但是里面的id是不变的,所以就会出现点击按钮,调取接口,..原创 2021-02-02 16:44:26 · 724 阅读 · 0 评论 -
微信小程序:自定义地图markers
index.wxml代码:<map id="myMap" layer-style="1" subkey="{{subkey}}" bindregionchange="mapScale" bindlabeltap="navigatePage" bindmarkertap="navigatePage" bindcallouttap="navigatePage" bindtap="routeTap" style="width: 100%; height:{{mapHeight}}px" lat..原创 2021-02-02 14:54:36 · 4274 阅读 · 1 评论 -
微信小程序:iOS和安卓打开文件PDF(二)------安卓和iOS文件名的修改
这是iOS和安卓打开PDF的过程,有需要者自取:https://blog.csdn.net/Crazy_GirlLL/article/details/112879763在这基础上打开的PDF,文件名是乱码原因是,安卓打开PDF用的是wx.downloadFile下载了PDF文件,成功后保存到了本地,然后返回了本地的PDF路径给了wx.openDocument,这才打开的PDF文件所以在此,官方文档中downloadFIle方法还有一个参数,filePath所以我们可以是先定义好要存储转载 2021-01-29 10:47:40 · 1962 阅读 · 0 评论 -
微信小程序:map组件所在页面加载慢,长时间白屏的问题
问题:点击进入有map组件的tab页面时,页面长时间白屏,很久才加载出来,公司大佬找到了解决方法解决思路如下这是修改前的代码这是修改后的代码两者主要是看map的位置,修改前的map在class为pageIndex的view里面,修改后就把map单独拿出来了,并且,map和pageIndex同级,pageIndex还加了判断条件,也就是当请求道marker数据之后才显示pageIndex...原创 2021-01-29 10:23:09 · 2074 阅读 · 0 评论 -
微信小程序:地图markers聚合 initMarkerCluster
效果图上代码: //使用聚合效果 markerCluster() { this.data.map.initMarkerCluster({ enableDefaultStyle: true, gridSize: 100, zoomOnClick: true, success: (res) => { console.log(res) }, complete: (res) => { console.log(res) },原创 2021-01-21 17:37:21 · 4069 阅读 · 0 评论 -
微信小程序:下载图片列表
这里可以下载一张,也可以下载多张图片,不过是一张一张下载的// 下载图片 // 点击一键下载图片按钮 DownloadImgList() { var downLoadList=[] this.data.imgList.map(item=>{ if(item.selected){ downLoadList.push(item.url) } }) if (downLoadList.length == 0) { // 判断数组是否有图片原创 2021-01-20 15:54:18 · 484 阅读 · 1 评论 -
微信小程序:iOS和安卓打开文件PDF(一)
需要说明的一点是:我做的效果是:在安卓中,打开PDF是在小程序外,借助手机里其他软件打开的,而iOS是在小程序新开了一个页面下图是安卓打开的效果:iOS使用的就是web-view(web-view中的src属性中的文档地址是不能有中文的存在,必须全部是英文),安卓用的是小程序官网提供的打开文档的两个api下面是代码:wxml中,只有web-web一句代码,如果是iOS系统,就是用下图的web-view代码打开,如果是安卓系统,就会打开手机里其她软件打开文档,所以没有写安卓系统打开pd原创 2021-01-20 15:47:56 · 2788 阅读 · 3 评论 -
微信小程序:搜索关键词,显示地图列表
前往腾讯位置服务,查看示例,按照要求复制代码即可,但是你需要申请个性地图的密钥,还有sdk的下载,下面会用到,详细教程移步原创 2021-01-20 15:21:35 · 1064 阅读 · 0 评论 -
微信小程序:点击地图,显示该点的描述
如图所示:点击地图上的任意一点,显示该点的位置描述在腾讯位置服务中有代码示例,找到下图中的代码,直接复制即可,但是需要下载js然后就行了原创 2021-01-20 15:16:12 · 706 阅读 · 0 评论 -
微信小程序:订阅消息提醒
背景:我做的是一个天气的小程序,需要订阅不同地区的天气提醒第一步,在小程序后台申请模板填完之后,需要审核,1-7个工作日待审核完了,来完善接下来的流程原创 2021-01-20 14:55:11 · 1336 阅读 · 0 评论 -
微信小程序:echarts折线图在iOS不显示
https://mp.csdn.net/editor/html/111322190微信小程序:echarts折线图在iOS不显示,但是真机调试的无论是iOS还是安卓都是显示的经公司大佬的不懈努力下,终于找到了方法红色背景的是我们看到很多博客中,甚至官网中都有的组件方法:init绿色背景的是在iOS和安卓手机上都显示的方法:initByOldWay然后需要用一下方法去判断设备是iOS还是安卓,然后进行下一步真机调试时,获取的设备是:devtools,所以和iOS还是不同的原创 2020-12-29 19:40:52 · 2400 阅读 · 8 评论 -
微信小程序:使用vant weapp安装并使用组件
官网步骤指引:https://vant-contrib.gitee.io/vant-weapp/#/quickstart#yin-ru-zu-jian前两步没什么问题:第三步好好阅读:我的小程序基础库是:最新版第四步:如果你有使用typescript,还有第五步,去官网按照指示做即可,这里我没有使用然后就是代码组件的使用了,一毛一样即可...原创 2020-12-29 13:30:51 · 431 阅读 · 0 评论 -
微信小程序:没有找到构建npm的包
1.进入小程序根目录,打开cmd,输入:npm init输入命令后一直点回车2.输入命令:npm i miniprogram-sm-crypto --production执行命令完之后,然后再去微信开发者中点工具-构建npm,然后就成功了,如下图:...转载 2020-12-29 10:48:45 · 195 阅读 · 0 评论 -
微信小程序:小程序中文之间加空格
官方文档:使用:结果:原创 2020-12-27 20:57:39 · 967 阅读 · 0 评论 -
微信小程序:发布过程
首先你的小程序必须是体验版的,不能是测试号,点击下方注册,跟着步骤一个个来,就可以了然后开发完之后想发布上线的话点击微信开发者工具右上角的上传测试号是没有上传按钮的,这就是区别上传之后,这里呢,我踩坑了需要配置request域名,虽然开发,真机调试不受影响,但是上线了可就不得行咯需要注意的是这个地方的的域名是有要求的必须还得是https的其他的我还没搞,就弄了这些,等后续再有坑,我在更新,避免小可爱们踩雷今天是圣诞节哈,我还得等对象下班,ε=(´ο原创 2020-12-25 18:40:37 · 242 阅读 · 0 评论 -
微信小程序:使用个性化地图
先去腾讯位置服务,根据他下面的流程一个个来我这是个人注册第一步:申请密钥:按照和要求填,不报错就行,然后提交下面的如果是个人用户,按照下面勾选就行,企业用户勾选别的可能会上传资质之类的,然后点击保存,稍等一会然后到了开发者验证的页面填写姓名,手机号,邮箱,填完之后,会给你邮箱发验证信息,点进去微信一扫,就可以了,后续如果想改信息,可以在下图所示位置修改即可至于第一张图片中的第三步:下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.1原创 2020-12-24 19:23:01 · 1952 阅读 · 2 评论 -
微信小程序:使用echarts
https://developers.weixin.qq.com/community/develop/article/doc/000c4abfe5c4e073319a5a0a557013转载 2020-12-20 15:14:33 · 179 阅读 · 0 评论 -
微信小程序:自定义tab
第一步:先下载官方的demo点击这里:官方自定义tab—demo,找到下面红框,点击即可预览,找到官方demo的位置,copy到自己的项目中第二步在 app.json 中的 tabBar 项指定 custom 字段,设置为true,同时其余 tabBar 相关配置也补充完整。所有 tab 页的 json 里需声明 usingComponents 项,也可以在 app.json 全局开启。第三步修改custom-tab-bar/index.js的文件ps:这里需要注意的是list中的page原创 2020-12-19 20:56:09 · 303 阅读 · 3 评论 -
微信小程序:折线图,仿墨迹天气的气温折线图----echarts
参考:这是wx-charts的文档:参数配置:https://github.com/xiaolin3303/wx-charts/issues/56如何使用和一些例子:https://blog.csdn.net/m0_37938910/article/details/80744562https://blog.csdn.net/u012011360/article/details/84968489原创 2020-12-17 20:10:49 · 2299 阅读 · 1 评论 -
微信小程序:loading组件
由于我的是截图,有需要的话,可能需要手敲,怕出错的同学可以去这里,这是我参考的文档:http://www.demodashi.com/demo/14242.html先创建文件wxml:wxss:上面的wxss样式需要找个可以全局使用的文件放起来,然后再组件的wxss中引入:js:Component({})这个应该是必须的,要不然可能会报错或者不显示(我没测试)json:...转载 2020-12-17 19:54:08 · 643 阅读 · 0 评论 -
2020-12-17
具体实现本文以我自己的项目作为实例,给大家讲解一下 引入wxChart.js 在项目中,我直接引用的wxChart.js 创建画布 打开趋势图的html文件 <view class='head'> <view class="head_item" bindtap='torecord'>血压记录</view> <view class='line'></view> <view class="head_i转载 2020-12-17 19:14:39 · 75 阅读 · 0 评论 -
微信小程序:自定义组件component
一:新建文件(1)新建自定义组件文件 在根目录新建components文件夹,然后右键新建自定义组件目录,最后右键新建Component 新建自定义组件 (2)组件json文件配置 { "component": true 这一组文件设为自定义组件 }(3)组件wxml编写 <!-- 子组件 --> <view>我是子组件</view&g...转载 2020-12-17 19:05:38 · 399 阅读 · 0 评论 -
微信小程序:页面有内容却不显示原因
先检查,app.json中这两项路径是否正确如果正确的话,不显示的那个页面的。js文件中需要Page({}),初始化,这个必须有原创 2020-12-17 17:35:27 · 14044 阅读 · 4 评论 -
微信小程序: scroll-view滑动
微信小程序 scroll-view滑动scroll-view纵向滑动使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px/* wxss */.item_1{ background-color: antiquewhite; height: 100px; width: 100%;}.item_2{ background-color: rgb(177, 114, 31); height: 100px;转载 2020-12-17 14:33:27 · 5277 阅读 · 0 评论 -
微信小程序:小程序使用iconfont
首先去https://www.iconfont.cn/网站下载需要的iconfont然后点击下载下载到本地之后解压,获得如下文件,进入https://transfonter.org/平台,将解压出来的ttf字体文件转化成base64格式点击下载,得到转换后的压缩包,名为transfonter.org-开头。解压可以得到如下图的几个文件:然后将iconfont.css和stylesheet.css文件的后缀改为wxss,如下然后再app.wxss文件中全局引入.转载 2020-12-16 16:36:53 · 155 阅读 · 0 评论 -
微信小程序:修改data中数组的某个属性
tapParent方法,是修改data中数组中的部分属性tapChild方法,是修改data中的属性原创 2020-12-15 14:48:26 · 742 阅读 · 0 评论 -
微信小程序:wx:for多层循环,行内样式style三元表达式结合,class三元表达式结合
数据:okk~~~原创 2020-12-15 10:32:06 · 1284 阅读 · 0 评论 -
微信小程序:导航栏不居中问题,需自定义
查资料得知:所以如果都要居中的导航栏的话,就需要自定义导航栏具体参考:https://www.cnblogs.com/sese/p/9761713.html转载 2020-12-15 10:29:12 · 4876 阅读 · 1 评论 -
微信小程序:获取小程序的宽度,高度,并赋值
获取各种高度:wx.getSystemInfoSync().windowWidth // 获取当前窗口的宽度wx.getSystemInfoSync().windowHeight // 获取当前窗口的高度wx.getSystemInfoSync().model // 获取当前采用的设备wx.getSystemInfoSync().pixelRatio wx.getSystemInfoSync().language // 获取当前所采用的的语言wx.getSystemIn.原创 2020-12-14 18:28:53 · 1048 阅读 · 0 评论 -
微信小程序:动态获取的markers不显示问题
这是获取markers的接口,数据也获取到了,微信开发工具也获取到了并且显示了,,但是手机预览模式看不到,只能看到原本markers在没获取之前data中的假数据,但是,但是,用真机调试就可以看到了,,而且很奇怪的一点是,除了底层地图,手机和微信开发工具都能显示,微信开发工具可以看到比如上图的那个蓝色的点,手机就看不到,手机能看到的多边形和红色的点,微信开发者工具就看不到,不太清楚什么原因...原创 2020-12-12 23:00:16 · 1735 阅读 · 0 评论 -
微信小程序:点marker,线polyline,面polygons的渲染
WXML:JS:其中:线polyline,和面polygons的数据是这样的:一个js文件,然后里面是经纬度,只不过在引用之后又做了处理重要提示:我不知道后面渲染线和面的时候,电脑端就是微信开发者工具上面是如何显示试图的,我现在只显示了点和线,面缺不显示,不清楚原因,在手机上预览的时候,就可以看到面了电脑上是:手机上是:所以,就这样啦~~~...原创 2020-12-11 19:39:09 · 3651 阅读 · 3 评论 -
微信小程序----报错问题:Page is not constructed because it is not found.
报这个错,是因为,page 下面每个页面的xxx.js文件中都必须要有Page({})来初始化,注意是大写这样就不报错了原创 2020-12-11 17:11:09 · 535 阅读 · 0 评论 -
微信小程序--[sitemap 索引情况提示] 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引
将checkSiteMap这个属性的true变为false即可原创 2020-12-11 16:02:55 · 3547 阅读 · 0 评论 -
小程序面试问题整理
###1,微信小程序主要目录和文件的作用-project.config.json:项目配置文件-App.js:设置一些全局的基础数据等-App.json:设置底部tab,标题栏和路由等-APP.wxss:公共样式表,引入iconfont等-pages:一个个具体的页面-index.wxml:页面结构-index.wxss:页面样式-index.js:页面逻辑,请求和数据处理-index.json:当前页面的标题和引入组件等###2,w...转载 2020-09-21 14:00:26 · 846 阅读 · 0 评论