新建页面: 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="表达式"表达式为真的时候显示 表达式为假的时候隐藏-->
例ÿ