微信小程序开发
~莫~言~
共同进步,共同成长
展开
-
微信小程序开发—(二)轮播图
轮播图:swiper滑块视图容器。 1.编写页面结构 pages/index/index.wxml <!--index.wxml--> <view> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" dur...转载 2019-07-10 08:48:20 · 276 阅读 · 0 评论 -
微信小程序开发—(三)选项卡
在pages文件里面创建swipertab文件夹 1.编写页面结构:swipertab.wxml <!--swipertab.wxml--> <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0"...转载 2019-07-11 10:27:39 · 257 阅读 · 0 评论 -
微信小程序开发—(四)上传图片
一.了解wx.chooseImage(OBJECT) 二.代码编程 在pages文件里面创建uploadimg文件夹 1.编写页面结构:uploadimg.wxml <view class="container" style="padding:1rem;"> <button type="primary"bindtap="chooseimage">获取图片&l...转载 2019-07-18 11:30:35 · 988 阅读 · 0 评论 -
小程序介绍及结构
一.什么是小程序 1.小程序是微信推出的一种新的公众号的形态 2.不需要下载安装即可在微信中使用的应用 3.小程序、订阅号、服务号、企业号是并行的体系 二.小程序为开发者提供了什么 小程序提供了一个框架,微信称之为MINA,这个框架主要分两个层面,视图层和逻辑层。框架的核心是一个响应的数据绑定系统。WXML 中的动态数据均来自对应 Page 的 data,这个数据绑定是单向的,...转载 2019-07-17 11:34:05 · 7876 阅读 · 0 评论 -
小程序创建项目
1.安装开发工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 2.创建项目 ①打开开发者工具并使用微信扫码登录。 ②选择创建“本地创建项目”,填入上文获取到的 AppID ;没有AppID,则选择无appID ③填写项目--点击“添加项目” ④创建成功 ...转载 2019-07-17 11:34:16 · 149 阅读 · 0 评论 -
小程序注意点
一.细节 1.小程序包含一个描述整体程序的 app 和多个描述各自页面的 page 2.小程序框架分为视图层和逻辑层 逻辑层是由JavaScript编写。 视图层由 WXML 与 WXSS 编写,由组件来进行展示。组件(Component)是视图的基本组成单元。 将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。 二.小知识点 1.App()函数用来注册一个小程序。接受一个...转载 2019-07-17 11:34:22 · 139 阅读 · 0 评论 -
微信小程序开发—(六)录音
请注意,请注意,请注意:重要的事情要说三遍。 初学小程序的菜鸟们,录音功能在开发工具是没有反应,会一直提示录音失败,所以菜鸟们不要浪费更多的时间:研究为什么总是失败,使用开发工具的时候。 wx.startRecord(OBJECT) https://developers.weixin.qq.com/miniprogram/dev/api/media/recorder/Record...转载 2019-07-18 11:30:44 · 552 阅读 · 0 评论 -
微信小程序开发—(五)弹出框
<view class="container" class="zn-uploadimg"> <button type="primary"bindtap="showok">消息提示框</button> <button type="primary"bindtap="modalcnt">模态弹窗</button> <but...转载 2019-07-18 11:30:55 · 379 阅读 · 0 评论