微信
文章平均质量分 90
小程序、微擎
傲娇虎
$money
展开
-
微信小程序开发文档——画布
画布canvascanvas属性名 类型 默认值 说明 canvas-id String canvas 组件的唯一标识符 disable-scroll Boolean false 当在 canvas 中移动时且有绑定手势事件时,禁止屏幕滚动以及下拉刷新 bindtouchstart EventHandle...原创 2019-03-04 11:52:29 · 313 阅读 · 0 评论 -
微信小程序开发文档——地图
地图mapmap属性名 类型 默认值 说明 最低版本 longitude Number 中心经度 latitude Number 中心纬度 scale Number 16 缩放级别,取值范围为5-18 markers Array ...原创 2019-03-04 11:50:46 · 947 阅读 · 0 评论 -
微信小程序开发文档——媒体组件
媒体组件audio (音频,建议使用能力更强的 wx.createInnerAudioContext 接口) image(图片) video(视频) camera(系统相机) live-player(实时音视频播放) live-pusher(实时音视频录制)1. InnerAudioContext wx.createInnerAudioContext( )创建内部 a...原创 2019-03-04 11:42:10 · 1200 阅读 · 0 评论 -
微信小程序开发文档——导航
导航navigator(页面链接) functional-page-naviigator(仅在插件中有效,用于跳转到插件功能页,版本 2.1.0 开始支持)1. avigator属性名 类型 默认值 说明 最低版本 target String self 在哪个目标上发生跳转,默认当前小程序,可选值self/miniProgra...原创 2019-03-04 08:11:54 · 439 阅读 · 0 评论 -
微信小程序开发文档——表单组件
表单组件button 按钮 checkbox 多项选择器,内部由多个checkbox组成。 form 表单,将组件内的用户输入的<switch> <input> <checkbox> <slider> <radio> <picker> 提交。 input 输入框 label 绑定的控件 picker 从底部弹起...原创 2019-03-02 20:07:39 · 1661 阅读 · 0 评论 -
微信小程序开发文档——基础内容组件
基础内容组件icon text progress公用属性1. icon属性名 类型 默认值 说明 type String icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear size N...原创 2019-03-02 18:11:53 · 511 阅读 · 0 评论 -
微信小程序开发文档——视图容器组件的使用
视图容器组件view scroll-view swiper公用属性1.scroll-view (可滚动的视图区域)使用竖向滚动时,需要给<scroll-view>一个固定高度,通过 WXSS 设置 height。属性名 类型 默认值 说明 scroll-x Boolean false 允许横向滚动 scroll...原创 2019-03-02 17:41:33 · 998 阅读 · 0 评论 -
微信小程序开发文档——样式基础
样式的基本使用样式的属性尺寸 背景 边框 边距 文本 其他(列表 、内容 、表格)1. 尺寸 宽:weight : xxx rpx; 最小宽度 : min-weight : xxx rpx; 最大宽度 : max-weight : xxx rpx; 高:height : xxx rpx; 最小高度 ...原创 2019-03-02 14:50:50 · 524 阅读 · 0 评论 -
微信小程序开发文档——布局基础
flex布局基础1.flex的容器和元素 2.flex容器属性flex - direction 决定元素的排列方向 flex - wrap 决定元素如何换行(超过一行,排列不下时) flex - flow 是 flex-direction 和 flex-wrap 的简写 justify - content 元素在主轴上的对齐方式 align - items 元素在交叉轴...原创 2019-03-01 20:08:04 · 221 阅读 · 0 评论 -
微信小程序开发文档——用户登陆
1.给页面添加 tabBar 配置,显示用户的 user 页面2.判断用户是否需要登录 3.做出登陆页面,给登陆做一个点击事件4.把登陆信息保存到app里面去,获取传来的值 5.正常运行...原创 2019-03-01 10:09:11 · 243 阅读 · 0 评论 -
微信小程序开发文档——页面的生命周期和参数传递
页面的生命周期1. 将初始页面更改为自定义2. 打印 log 信息3. 给文章1添加点击事件跳转页面:wx.navigateTo ({ url: ' ' , }) 保留当前页面,跳转到其他页面wx.redirectTo ({ url: ' ', }) 卸载当前页面,跳转到其他页面,无法再返回重新加载此时重新编译刷新,当点击 文章1 时观察...原创 2019-02-26 21:36:11 · 264 阅读 · 0 评论 -
微信小程序开发文档——微信小程序事件
什么是事件 一种用户行为:长按,拖动等 一种通讯方式:把信息发送给逻辑代码 事件类别点击事件:tap 长按事件:longtap 触摸事件:touchstart(开始触摸) touchend(结束触摸。点击到抬起) touchmove(移动触摸) touchcancel(取消触摸。开始触摸未抬起时,微信转为后台此时触发取消触摸) 其他:submit input ...原创 2019-02-25 12:22:04 · 437 阅读 · 0 评论 -
微信小程序开发文档——视图与渲染(四)重点
微信小程序开发——视图与渲染(一)微信小程序开发——视图与渲染(二)微信小程序开发——视图与渲染(三)难点模板的使用当有多个页面有相同程序时,可以把相同的部分提取出来作为模板,在需要用到的时候调用即可,以达到减轻代码量的目的。1.在新建的 templates 目录下创建两个模板文件 header.wxml 和 footer.wxml2.在 header.wxml 文...原创 2019-02-13 10:20:59 · 348 阅读 · 0 评论 -
微信小程序开发文档——视图与渲染(三)难点
微信小程序开发——视图与渲染(一)微信小程序开发——视图与渲染(二)渲染标签(一)条件标签1. 使用方法 wx:if="{{ 条件真或假 }}"2.也可以把判断内容放到数据里,同样可以显示。 3. 实现点击按钮,内容的显示与隐藏交替出现。 也可以使用 else。如果 if 等于 true 显示,那么 else 就为 false 不显示。(二)循环...原创 2019-02-12 17:12:54 · 505 阅读 · 0 评论 -
微信小程序开发文档——视图与渲染(二)
微信小程序开发——视图与渲染(一)数据的绑定1. 把要绑定的数据用 {{ }} 包起来,此时被包裹的内容不是要显示数据。2.打开 first.js 文件,需要在 Page 方法中的 data 里进行定义 。也可绑定标签里的内容3.定义一个点击事件,使用 bindtap 标签。在 first.js 文件中,定义 primary 的方法,当点击按钮时点...原创 2019-02-11 17:10:23 · 412 阅读 · 0 评论 -
微信小程序开发文档——视图与渲染(一)
组件的基本使用1.打开微信开发者工具。2.在 pages 目录下创建 firstPage 目录,接着创建 first.js 与 first.wxml 文件。3.在配置文件 app.json 中把刚才创建的页面添加进来。此时编译会报错,原因是没有调用 page 方法。调用 page 方法后则不会报错。5.此时可以在 first.wxml 文件中测试一下...原创 2019-02-11 12:57:57 · 802 阅读 · 0 评论 -
微信小程序开发文档——图片选择与调用微信拍照
wx.chooseImage参数属性 类型 默认值 必填 说明 count number 9 否 最多可以选择的图片张数 sizeType Array.<string> ['original', 'compressed'] 否 所选的图片的尺寸 sourceType Array.&...原创 2019-03-11 21:34:49 · 1568 阅读 · 0 评论 -
微信小程序开发文档——开放能力
开放能力open-data (用于展示微信开放的数据。) web-view(web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。) ad(广告。目前暂时以邀请制开放申请,请留意后续模板消息的通知) official-account(用户扫码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套...原创 2019-03-05 10:26:43 · 950 阅读 · 0 评论 -
微信小程序开发文档——操作反馈小工具
操作反馈小工具action-sheet(从底部出现的菜单表) modal(模态弹出框) toast(消息提示框) loading(加载提示)action-sheet1.定义一个点击事件2.添加 bindchange3.如何获取item1数据modaltoast loading...原创 2019-03-05 09:31:08 · 472 阅读 · 0 评论 -
微擎——小程序的配置
代码:前端小程序代码,后端后台代码。上传:小程序代码上传到微信公众平台审核,后端代码上传至宝塔面板的 /addons 目录文件下。原创 2020-09-02 12:03:58 · 823 阅读 · 0 评论 -
微擎——基本安装
微擎下载地址:https://s.w7.cc/store-static-install.html选择在线下载后得到安装包:WeEngine-Laster-Online.zip将安装包解压到宝塔面板中:配置站点信息后访问,进入初始页面: 域名 + install.php配置数据库信息设置账号密码:进入控制台:...原创 2020-08-31 11:37:35 · 605 阅读 · 0 评论 -
Icontont——矢量图标库
图标库地址:https://www.iconfont.cn微信小程序开发调用:将选择的图标添加到我的项目,下载到本地。打开其中的 inconfont.css 复制到微信的 style 目录下,在 app.wxss 中引入文件的路径。@import 'style/iconfont/iconfont.wxss' 在 wxml 中即可调用下载的图标。class 值为 iconto...原创 2019-11-16 17:48:47 · 838 阅读 · 0 评论 -
Laravel——对接小程序获取openid
微信开发者工具:前期准备:“详情”->“本地配置”->“勾选不校验合法域名”。 在 微信公众平台 中找到自己小程序的 AppID 和 AppSecret 。流程:定义一个点击事件 先调用 wx.login 接口,来获取一个 code 标识(后面要用)。 再调用 wx.request 接口,向我们的后端发起请求,参数为我们刚才获取的 code 值。 本次测试中接收后端请求成功后返回的数据并打印,即 openid 。Laravel 后台前期准备:注册一...原创 2020-09-16 10:56:07 · 887 阅读 · 0 评论