![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
zlq_csdn
有志者自有千计万计,无志者只感千难万难。
展开
-
CSS中的display属性的flex布局
display:flex;Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。它即可以应用于容器中,也可以应用于行内元素。基本概念采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Fle...转载 2018-10-31 10:45:25 · 415 阅读 · 0 评论 -
微信小程序在 iPhone X 上的适配问题
【解决】: 首先,我们需要判断用户手机型号是否是 iPhone X ? 这个简单,可以调用小程序系统 API 中的接口 wx.getSystemInfo( ) ,示例代码如下:// app.jsglobalData: { isIphoneX: false //全局变量,默认为 false},onShow: function() { let that = this; ...翻译 2019-03-17 12:17:13 · 806 阅读 · 0 评论 -
scroll-view 可滚动视图区域
共同wxss代码:.bgred{ background: red;}.bgyellow{ background: yellow;}.bggreen{ background: green;}1.纵向滚动wxml代码如下:<view class='scroll-y'> <scroll-view class='scroll-view-y' scrol...原创 2019-03-17 12:06:02 · 728 阅读 · 0 评论 -
微信小程序实现首行缩进、取消首行缩进
首行缩颈wxss代码如下: .tip p:last-child{ text-indent: 60rpx; //首行缩进60rpx text-align: left; }取消首行缩进wxss代码如下: .tip p:last-child{ text-indent: 0rpx; //首行缩进0rpx padding-left: 0rpx; tex...原创 2019-03-17 11:30:44 · 8219 阅读 · 1 评论 -
微信小程序解析HTML代码及富文本编辑内容
首先我们需要用到 WxParse 插件来实现小程序的富文本显示或 html 代码的解析。WxParse 插件的下载地址:https://github.com/zlqGitHub/WeChatSmallProject/tree/master/wxParser使用步骤如下:复制插件文件夹到项目根目录,emojis是表情包,可选择性删除在.js文件中引入WxParse模块 const w...原创 2019-03-15 19:34:33 · 1712 阅读 · 0 评论 -
用户点击右上角分享按钮解析
用户点击分享按钮代码解析: onShareAppMessage: function () { return { //自定义转发分享内容 title: '太理直通车', //转发标题 path: '/pages/index/index', //用户点击转发小程序后进来的页面 imageUrl: 'https://cloud...原创 2019-03-15 19:07:55 · 2248 阅读 · 0 评论 -
页面回到顶部
多话不说,之间上代码,简单易懂1.首先 .wxml 代码&amp;lt;!-- 回到顶部 --&amp;gt;&amp;lt;view class='goTop' hidden='{{showTop}}' bindtap='goTop'&amp;gt; &amp;lt;image src='../../resources/images/goTop.png'&amp;gt;&amp原创 2019-03-15 19:00:25 · 670 阅读 · 0 评论 -
button 按钮的边框 border 怎么去除
这次在我开发微信小程序的时候,发现一个问题:微信小程序中的button组件存在特定的css样式,我们可以通过 “ background:none;” 来去除背景色,但是呢,边框用“border : none”是去不了边框的,这也是微信小程序与h5的不同之处。解决:在微信小程序中使用 ::after 选择器就可以实现这一功能。 传统:“border:none;”,来去除边框依旧有一条细细的bo...原创 2019-03-15 18:51:48 · 6470 阅读 · 0 评论 -
微信小程序阻止点击事件冒泡行为
将事件的 bind 改成 catchbind 是阻止不了冒泡的,catch 可以阻止事件的冒泡行为例如 bindtap 改成 catchtap原创 2019-03-15 18:44:04 · 8872 阅读 · 0 评论 -
目前为止最全的微信小程序项目实例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)...转载 2019-01-16 17:16:47 · 241 阅读 · 0 评论 -
微信小程序wx.uploadFile(上传文件)PHP服务器获取formData的数据
例如下面的代码是微信小程序上传图片的代码:wx.chooseImage({ success: function(res) { var tempFilePaths = res.tempFilePaths wx.uploadFile({ url: 'https://example.weixin.qq.com/upload', //仅为示例,非真实的接口地址 ...转载 2018-11-10 15:43:50 · 6251 阅读 · 1 评论 -
微信小程序自定义转发分享
微信小程序转发onShareAppMessage(Object)在 Page 中定义 onShareAppMessage 函数,设置该页面的转发信息。只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮用户点击转发按钮的时候会调用此事件需要 return 一个 Object,用于自定义转发内容点击查看详情...原创 2018-11-10 14:51:45 · 990 阅读 · 0 评论 -
微信小程序如何获取高清用户头像
调用 wx.getUserInfo() 接口获取的用户头像地址类似:https://wx.qlogo.cn/mmopen/vi_32/IR5xyTwib2ichpKaCsVv3FLia8t0TF1hmSnGgkSNHHicKNDVPv6QFtKCyjYEOjIejjoDQUU2nX7l3icCL3rRHSCuzfg/132其中最后的数值代表正方形头像的大小(有0,64,96,132数值可选)。...原创 2018-11-10 13:38:17 · 1438 阅读 · 0 评论 -
微信小程序如何使用Git实现版本管理
在微信小程序开发的过程中,代码版本管理往往需要使用第三方工具进行管理。虽然微信Web开发工具提供了对Git文件版本状态的提示,但实际的使用体验依然不尽人意。随着微信Web开发工具的更新,最新的内测版本已经支持Git的直接管理,本文将就在微信Web开发工具中使用G...转载 2019-05-30 15:56:29 · 1284 阅读 · 0 评论