微信小程序
宏-
这个作者很懒,什么都没留下…
展开
-
微信小程序实现文字在图片的正中间(试用各个机型)
视图页面<view class="image-parent"> <image src="wwww.jpg" mode="aspectFill" class="image"></image> <view class="child">child</view> </view>CSS样式.image-parent {...转载 2020-03-31 16:14:21 · 8737 阅读 · 0 评论 -
微信小程序:WebSocket应用
实例内容今天主要说一下微信的WebSocket接口以及在小程序中的使用。WebSocket是什么(简述)微信的WebSocket接口和HTML5的WebSocket基本一样,是HTTP协议升级来的,做为一个新的Socket在B/S上使用,它实现了浏览器与服务器全双工通信。因为这里是做小程序,所以就不对WebSocket的底层和协议做过多的说明了,只是稍微介绍一下。想了解详细的WebSocket可以...转载 2018-05-02 15:15:40 · 14720 阅读 · 3 评论 -
小程序支付(后端语言php)
第一步:需要有公众号支持微信支付,并且需要有商户号。第二步:在WxPayConfig.php里配置* APPID:绑定支付的APPID(必须配置,开户邮件中可查看)* * MCHID:商户号(必须配置,开户邮件中可查看)* * KEY:商户支付密钥,参考开户邮件设置(必须配置,登录商户平台自行设置)* 设置地址:https://pay.weixin.qq.com/index.php/ac...原创 2018-05-31 16:28:59 · 1320 阅读 · 1 评论 -
看大神如何玩转微信小程序日历插件?
什么叫微信小程序插件呢?作为移动端的程序员肯定很熟悉这么一个概念,那就是开源库,尤其是 Android 开发的时候使用 gradle 远程依赖开源库,没错,微信小程序插件就是相当于远程的开源库,统一写完插件上传到微信 ...什么叫微信小程序插件呢?作为移动端的程序员肯定很熟悉这么一个概念,那就是开源库,尤其是 Android 开发的时候使用 gradle 远程依赖开源库,没错,微信小程序插件就是相...转载 2018-06-01 10:04:03 · 8289 阅读 · 1 评论 -
微信小程序获取access_token出现invalid credential, access_token is invalid or not latest hint
今天在做一个扫描微信公众号带参数二维码的时候我首先通过:"https://api.weixin.qq.com/cgi-bin/token"; 获取access_token"https://api.weixin.qq.com/sns/userinfo" ; 获取 用户信息但是在获取用户信息的时候出现了 invalid credential, access_token is invalid or no...转载 2018-06-25 10:29:17 · 25864 阅读 · 2 评论 -
open-data 获取的用户头像无法设置样式?
摘要: open-data 获取的用户头像无法设置样式如图:本文来自微信小程序开发 http://html51.com,转载请保留。网友回复:祺***:设置圆角吗?加上 overflow:hidden; 试试***:open-data的样式加上overflow:hidden;display:block即可。【51小程 序】实时音视频需要的相关政府资质授权文件模板?#小程序开发 ...j***:i...转载 2018-06-19 14:22:24 · 2337 阅读 · 0 评论 -
【微信小程序】如何引入外部字体样式
我引入的字体是 ionicons 字体 Download Zip后打开fonts文件夹,将对应字体的 ttf文件 上传至 https://transfonter.org/ 注意一定要选中 Base64 encode 的TTF格式,Convert 后下载转换后的压缩包,并将其中的 transfonter.org-20180404-162638/stylesheet.css 中的代码复制粘贴到 需...转载 2018-08-13 10:26:00 · 2092 阅读 · 1 评论 -
小程序文字变化动画
小程序中要求几处文案一直变化,并在最后固定一个文案,一开始想使用多个setInterval来控制这几处文案,但是发现多线程总是出问题,现在改成了一个线程来控制这几处文案的变化效果图:wxml文件: <view class='detailTopTextCon'><label class='detailTopText detailTopText1 detail...转载 2018-08-13 11:05:49 · 2214 阅读 · 0 评论 -
微信小程序-canvas绘制文字实现自动换行
在使用微信小程序canvas绘制文字时,时常会遇到这样的问题:因为canvasContext.fillText参数为我们只能设置文本的最大宽度,这就产生一定的了问题。如果我们绘制的文本长度不确定或者我们希望文本超出自动换行或者用 ... 在使用微信小程序canvas绘制文字时,时常会遇到这样的问题:因为canvasContext.fillText参数为 我们只能设置文本...转载 2018-09-27 11:35:41 · 1067 阅读 · 0 评论 -
小程序同步请求封装
需要在文件引入regenerator-runtime (地址:https://github.com/facebook/regenerator, 下载本地引入即可)【更新说明】经过微信开发者工具的不断升级,它的“ES6转ES5”的功能也渐渐有了加强,所以要用async/await的话,已经不需要如本文中描述的使用额外的gulp和babel来自己做预编译工作,只需要引入regenerator...转载 2019-04-16 16:09:51 · 1446 阅读 · 0 评论 -
小程序--民宿(首页(房屋列表、房屋详情)、订单(订单列表、详情)、个人中心(登录、优惠券))
https://blog.csdn.net/zhanjinfeng/article/details/84062322转载 2019-04-22 17:56:09 · 950 阅读 · 0 评论 -
微信小程序 video视频IOS可以播放 android无法播放(黑屏一直是加载状态)
服务器Apache2.4,原因是微信小程序对gzip压缩支持的问题。解决办法是在Apache配置文件中找个空白的地方加上一行:SetEnvIfNoCase Request_URI .(?:gif|mp4)$ no-gzip dont-vary...转载 2019-08-13 15:46:50 · 4155 阅读 · 1 评论 -
小程序禁止页面拉动(非禁止小下拉刷新)
在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方。这个时候可以在当前页面的json文件里面,加上[javascript] view plain copy"disableScroll": true 这个属性,页面就会禁止拉动。但是这里注意的是,在app.json里面写上这个属性并不会生效,一定要在需要禁止的页面的json文件加上才会生效enablePullDownRefresh (下拉刷...转载 2018-03-26 15:50:18 · 8869 阅读 · 0 评论 -
微信小程序图表插件(wx-charts)
微信小程序图表插件(wx-charts)微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个。微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中...转载 2018-03-05 15:20:40 · 4259 阅读 · 0 评论 -
小程序开发九宫格实现
在《小程序开发系列(二)九宫格》中实现了一种九宫的排布方法,现在提供另一种实现,代码如下[html] view plain copy view class="container"> view class="weui-grids"> view class="weui-grid" wx:for="{{routers}}"转载 2018-01-31 16:24:44 · 6192 阅读 · 0 评论 -
微信小程序 跳转至tabbar页面
页面要返回/跳转至tabbar的某一页面,可用:[javascript] view plain copywx.switchTab({ url: '../b/b' }); 注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面跳转不带tab的页面还是用redirectTo或者n转载 2018-02-01 10:42:00 · 7582 阅读 · 0 评论 -
微信小程序转发自定义图片
近日帮朋友做个微信小程序,不得不说小程序真的很便捷今日做到关于转发分享部分,一不小心给自己挖了坑需求:自定义一个按钮来实现转发功能,想使转发界面换成我自定义的图片而不是缩略图,并且转发时需要传一些参数。必须慢慢调试 先改用系统的转发方法(onShareAppMessage)试试,发现居然有用,So 知道原因了,小程序转发功能你需要写在onShareAppMess转载 2018-02-01 16:51:29 · 54363 阅读 · 2 评论 -
微信小程序 倒计时组件实现代码
http://www.jb51.net/article/95569.htm转载 2018-02-02 11:24:07 · 1880 阅读 · 1 评论 -
微信小程序 跳转页面的两种方法详解
这篇文章主要介绍了微信小程序 跳转页面的两种方法详解的相关资料,需要的朋友可以参考下微信小程序 跳转页面小程序页面有2种跳转,可以在wxml页面或者js中:1,在wxml页面中:[js] view plain copy"../index/index">跳转到新页面 "../index/index" ope转载 2018-01-29 14:47:52 · 16495 阅读 · 1 评论 -
让Android和iOS共用一套切图?
开发中,UI给出了图,但在iOS和Android命名不统一,需要重新命名,会带来一些不便,如果可以使用一套切图,那就节约了时间,方便管理.命名约束:Android 图片命名不能出现 @ 和 大写字母 (a-z _)Android 中会出现 .9 文件iOS 使用 @2 @3 来区别 2x 3x 图当前我想到的解决办法:所有图片统一命名为 abcd_2x.png转载 2018-01-30 13:41:41 · 2896 阅读 · 0 评论 -
微信小程序实现流程进度功能
最近正在做微信小程序,需要实现一个流程进度的图样式如下面需求:没完成的灰色小圆点表示完成的使用蓝色小圆点设置当前状态使用有外圈的小圆点表示实现起来比较简单,实现思路,使用一个列表实现,列表中的每一个it ...最近正在做微信小程序,需要实现一个流程进度的图样式如下面需求:没完成的灰色小圆点表示完转载 2018-02-07 09:36:06 · 4131 阅读 · 1 评论 -
微信小程序开发小技巧合揖(53个)
微信小程序:wx.navigateTo中url无法跳转问:链接微信小程序布局之行内元素和块级元素:链接小程序端JS加密,传输PHP端解密:链接小程序开发干货技巧:如何为你的微信小程序:链接Flask中获取小程序Request数据的两种途径:链接微信小程序,新添加的元素保持在底部:链接微信小程序登录页动画 - 云层漂浮:链接转载 2018-02-07 09:52:40 · 448 阅读 · 0 评论 -
wx-charts 微信小程序图表插件
微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧,支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个支持图标类型饼图 pie圆环图 ring线图 line柱状图 column区域图 area雷达图 radar如何使用?直接引用编译好的文件 dist/charts.js(js下载转载 2018-02-07 10:42:19 · 581 阅读 · 0 评论 -
目前为止最全的微信小程序项目实例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义翻译 2018-02-07 10:51:44 · 478 阅读 · 0 评论 -
微信小程序之自定义模态弹窗(带动画)实例
首先看看官方提供的模态弹窗api如下:示例:这样的模态弹窗,充其量只能做个alert,提示一下信息。但是并不能使用它来处理复杂性的弹窗业务,因此写了Michael从新自定义了一个,采用了仿原生的样式写法wxml:[html] view plain copy<!--button--> <view class="btn" bindtap="powerDrawer" data-sta...转载 2018-02-27 11:03:52 · 3100 阅读 · 0 评论 -
微信小程序之购物车
为大家介绍的就是购物车这里演示从商品列表中添加到购物车下面先做商品列表页。如下图:布局分析:首先一个list的主盒子,接着是item盒子,这是必须的。 然后把item分成左侧的图片部分,和右侧的说明部分(item盒子使用横向弹性盒) 右侧的说明部分又分上下2部分(右侧说明部分盒子使用纵向弹性盒) 下面价钱购物车部分(下面价钱购物车部...转载 2018-03-15 16:59:06 · 2685 阅读 · 1 评论 -
导航栏样式、tabBar导航栏
实例内容导航栏样式设置tabBar导航栏实例一:导航栏样式设置小程序的导航栏样式在app.json中定义。这里设置导航,背景黑色,文字白色,文字内容测试小程序app.json内容:{ "pages":[ "pages/index/index", "pages/login/login", "pages/logs/logs"转载 2017-12-11 16:28:44 · 439 阅读 · 0 评论