微信小程序阶段第一次总结

本文总结了微信小程序的基础知识,包括WXML的结构、WXSS的样式设置、JSON配置和JS动态效果的实现。讲解了如何新建页面、定义组件、处理事件、页面跳转、数据绑定以及音频处理等方面的内容,提供了丰富的示例代码,帮助开发者快速入门。
摘要由CSDN通过智能技术生成

新建页面: app.json中 “pages”:{“pages/新建名称/新建名称”}.

wxml:书写页面结构 类似于之前的html。称为组件

wxss:书写页面样式。和之前的css基本一样

json配置文件

js书写动态效果

WXML:

小程序中的标签一定要闭合   <标签 />或者<标签>< /标签>

text:引入文字

view:引入视图、容器

icon:图标组件  有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear

image:src:存放地址 mode:图片裁剪、缩放的模式

audio: controls:是否显示默认控件      引入音频

小程序中使用js的变量的时候,需要使用{ {}}

{ {}}可以放置变量或者表达式 例<image src="{ {src}}" bindtap="change"></image>

<!-- 点击事件 bindtap="方法名" 方法名后面不加() 例<button bindtap="fn">按钮</button>

<!-- wx:if="表达式"表达式为真的时候显示 表达式为假的时候隐藏-->

例ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值