微信小程序
Kuroko_
今天不努力,明天变垃圾
展开
-
微信小程序 媒体组件
附上官方开放文档:https://developers.weixin.qq.com/miniprogram/dev/component/audio.htmlaudio音频组件audio组件需要拥有唯一的id,根据id使用wx.createAudioContext(‘AudioID’)创建音频播放环境audio组件返回错误码示例://WXML文件<!--audio-->...原创 2020-02-13 10:53:35 · 630 阅读 · 0 评论 -
微信小程序 input、picker组件
在上一篇博客已经介绍了三种表单组件,在这里再介绍两种。附上一篇博客的链接:https://blog.csdn.net/weixin_44215175/article/details/104219220官方开放文档:https://developers.weixin.qq.com/miniprogram/dev/component/input.htmlinput单行输入框单行输入框的类型有...原创 2020-02-09 11:03:48 · 1083 阅读 · 0 评论 -
微信小程序 button、checkbox、radio组件
微信小程序的button、checkbox、radio三个组件都属于表单组件官方参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/button.htmlbutton按钮button提供三种类型的按钮:基本类型(primary)、默认类型(default)、警告类型(warn);提供了两种大小形状:default...原创 2020-02-08 11:08:01 · 1465 阅读 · 0 评论 -
微信小程序 基础内容组件
微信小程序的基础内容组件包括四种:icon图标组件、text文本组件、progress进度条组件、rich-text富文本组件附上官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/icon.htmlicon图标组件微信小程序提供了丰富的图标组件,可以应用于不同的场景。以下是一个示例//WXML文件<...原创 2020-02-05 10:05:00 · 1014 阅读 · 0 评论 -
微信小程序 实现图片轮播
微信小程序可以直接利用 swiper 实现无缝衔接的图片轮播官方文档中的swiper,链接:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html以下是代码:<!-- wxml --><view> <swiper indicator-dots='{{indicatorDo...原创 2020-02-04 09:37:24 · 900 阅读 · 0 评论 -
微信小程序--条件渲染&列表渲染
条件渲染:wx:if 表示判断单个组件block wx:if 表示判断块,也即判断多个组件wx:if在微信小程序框架里,使用wx:if = "{{condition}}"来判断是否需要渲染该代码块<view wx:if= "{{condition}}"> true </view>//如果condition为真,则显示 true ,否则不显示使用wx...原创 2020-01-23 22:50:08 · 3977 阅读 · 0 评论 -
微信小程序--数据绑定
第一次开始学习微信小程序,写写博客记录一下,也是假期第一篇博客呀。所谓数据绑定,就是通过双大括号“{{}}”将变量包起来,在WXML页面里面将对应的数据显示出来。比如://index.wxml,WXML页面代码<view>{{msg}}</view>//index.js,JS页面代码Page({ data:{ msg:'Hello world' }}...原创 2020-01-23 21:51:24 · 221 阅读 · 0 评论