![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
Presbyterian
这个作者很懒,什么都没留下…
展开
-
微信小程序从入门到放弃(五)
一、字体的大小 font-size 像素单位rpx与px的差别 <view style="font-size:30px">我是汉字font-size:30px</view> <view style="font-size:60rpx">我是汉字font-size:60rpx</view> <view style="font-size:30rpx">我是汉字font-size:30原创 2017-05-16 11:01:53 · 30917 阅读 · 0 评论 -
微信小程序-经纬度逆解析详细地址
业务需求需要将经纬度解析为详细地址,去年使用的是百度地图,今年发现腾旭地图也更新了微信小程序的地图的接口; 1. http://lbs.qq.com/guides/startup.html 申请腾讯地图的key; 这里需要注意: 记得勾选微信小程序并填写正确的appid;其他的空着即可 2. 使用方法 文档地址http://lbs.qq...原创 2018-06-19 17:30:31 · 8264 阅读 · 0 评论 -
微信小程序自定义组件-事件
文档地址https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 页面-page//.wxml/* * 在这里:可以这样解读绑定组件·handleSearch·的方法,是本页面的·handlePageSearch·的方法*/<searchBar bind:handleSearch...原创 2018-06-08 15:30:04 · 12557 阅读 · 0 评论 -
微信小程序去除button边框
因为一些业务逻辑需要去除button边框;这里试了几种去除的方式;发现只有button::after { border: none}在伪类设置才可以成功;当然也有不成功的时候;<button type="warn" size="mini" loading="{{true}}" plain disabled="{{disabled}}"> warn </b...原创 2018-06-13 16:41:37 · 19876 阅读 · 3 评论 -
微信小程序scroll-view左右滚动
官方只有一个HTML的代码演示,而css没有; 自己根据官方的HTML代码,尝试几个方案,都GG了;最后实现成功; 因为需要用到scroll-top的特性;所以还是乖乖的去尝试吧&lt;scroll-view class="scroll-view_H" scroll-x style="width: 100%"&gt; &lt;view id="green&am原创 2018-06-11 17:21:45 · 3528 阅读 · 0 评论 -
微信小程序使用图标
微信小程序使用阿里巴巴图标因为业务需求项目上要使用一些图标,下面简单的介绍一下使用方法。首先登陆自己的iconfont的账号 阿里巴巴矢量图标库在图标管理我的项目中查看 下载并保存文件iconfont.css; 把文件放入到微信小程序项目中,并把后缀更改为*.wxss; 在所需要的文件下引用;我这里直接引入到全局app.wxss里面了; 然后就是使用了...原创 2018-05-28 17:52:09 · 7066 阅读 · 1 评论 -
微信小程序从入门到放弃(四)
swiper组件的使用 官方链接 swiper官方链接 可以设置上下滚动 vertical 为true,可以设置为上下滚动;false左右滚动; 无缝滚动 circular 为true,可以设置为无缝滚动;微信小程序:模板消息创建在微信公众平台-模板消息-我的模板-添加任何一个模板在开发者文档里面-API-模板消息获取模板id:同样在 在微信公众平台-模板消息-我的模板-详原创 2017-05-10 15:12:55 · 503 阅读 · 0 评论 -
微信小程序从入门到放弃(七)
scroll-view不显示滚动条新版本的微信小程序已经把scroll-view的滚动条默认为隐藏了,而有的业务逻辑需要把滚动条显示出来;所以: 本人查了好久终于找到了解决的方案,就是找到滚动条添加样式;加入如下代码:::-webkit-scrollbar { width: 0; height: 0; color: transparent;}::-webkit-scrollbar原创 2017-11-30 22:43:02 · 728 阅读 · 0 评论 -
微信小程序从入门到放弃(一)
微信小程序新手遇见的问题目录用 [TOC]来生成目录:微信小程序新手遇见的问题目录wxrequest数据请求失败请求豆瓣电影数据报错不在以下合法域名列表内请参考文档元素的显示隐藏wxif vs hiddenwx.request(数据请求失败)wx.request({ url: 'http://m.qqdyw.cn/lottery/draw/key', //仅为示例,原创 2017-04-13 16:16:25 · 1546 阅读 · 0 评论 -
微信小程序动画特效
效果代码见下: 启动的一瞬间字体在跳动,星空在不停的旋转。 wxml代码 <!--pages/welcome/welcome.wxml--> <view class="stars"> <block wx:for="{{stararray}}" wx:key="stararray" wx:for-item="item" wx:for-index="index">原创 2017-09-04 10:03:45 · 6262 阅读 · 1 评论 -
微信小程序从入门到放弃(二)
手机上预览不到图片 原因:图片放到本地image文件内,且设置为背景图片,例如一些小的图片在手机上预览不到图片,而在微信开发者工具上可以预览到, 解决方法:将一些图标字体的背景图片,放入服务器上,或者写成image里。即可全局变量 在其他js文件里Page(){}前第一行写上var app = getApp();这个app就相当于你根目录下的app.js,然后再引用app.g原创 2017-04-17 10:19:42 · 502 阅读 · 0 评论 -
微信小程序从入门到放弃(三)
空格无法使用 打出空格: //在微信小程序无法使用只是一个字符串。 \n ; //等转义字符无法使用。 解决方法:使用中文全角打出空格即可手机预览不到图片 1.讲所有的图片,目录确定一遍,注意图片不能用汉字,必须使用英文命名(本人亲测汉字命名的图片无法预览到) 2.尽量避免使用背景图片(放入本地还是公司的服务器大多时候是无法显示的) 3.使用im原创 2017-04-21 09:14:32 · 697 阅读 · 0 评论 -
微信小程序从入门到放弃(六)
微信小程序动态赋值var param = {};var string = "array["+index+"].text";param[string] = 'changed data';that.setData(param);模板消息报错:41028,invalid form id hint: [VxIyiA0145ge25] 如下图 常见的信息错误码 这里注意:原创 2017-06-06 11:41:33 · 561 阅读 · 0 评论 -
微信小程序-上传图片转base64
最近业务需要:将图片转为base64格式。 so~~~;百度n多资料最后写成,还是有一点小bug就是生成的图片不太清晰; 文章最后还有代码的下载地址参考资料:https://github.com/zh8637688/wx-cardscanner 微信小程序文档-wx.canvasGetImageData代码奉上: wxml&amp;lt;!-- wxml --&amp;gt;&amp;lt;butt...原创 2018-07-02 16:28:21 · 7501 阅读 · 6 评论