主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
Wxml(微信标记语言)是一套用于框架设计的标记语言。通过组合基本组件和事件系统,可以构建页面结构。
我认为WXML是从三个方面介绍的:垂直、水平和逻辑处理。这里简单介绍一下,这也是开发小程序的基础。必要时,可以根据文档使用,稍后介绍具体功能时再进行扩展。
垂直的
纵向:即组件的组合,包括系统组件、第三方组件和用户自定义组件。
例如:
用户名系统组件:
视图容器:封面-图像、封面-视图、可移动-区域、可移动-视图、滚动-视图、滑动-项目、视图。
基本内容:图标、进度、rich -文本、文本。
表单组件:按钮、复选框、复选框-组、编辑器、表单、输入、标签、选取器、选取器-视图、选取器-视图-列、单选按钮、单选按钮-组、滑块、开关和文本区。
导航:功能-页面-导航器、导航器
媒体组件:音频、摄像头、图像、live -播放器、live -推送器、视频。
地图:地图
画布:画布
开放性:广告,官方-账户,开放-数据,web -视图。
原生组件描述:原生-组件
可访问性:aria -组件
导航栏:导航-栏
页面属性配置节点:第3页+元
请参阅:https://developers . weixin . QQ . com/mini program/dev/component/native -component . html
第三方组件:如WeUI组件库等。
定制组件:定制组件有自己的wxml模板和wxss样式。
斜地
景观:组件的属性
属性名描述id唯一标识类样式样式内联样式隐藏数据-*事件传输数据bind* /catch*组件事件逻辑处理。
逻辑处理:根据绑定的数据决定如何显示视图。
数据绑定
{ { message } }//page . jspage({ data:{ message:‘你好米娜!’}})列表呈现
{ { item } }//page . jspage({ data:{ array:【1,2,3,4,5】})条件呈现。
webview app Mina//page . jspage({ data:{ view:‘Mina‘} })用于包装视图组件的块。
如果wx:for和wx:if想要呈现视图容器,可以用block标签将其包装起来。block标记不是一个组件,而是一个用于打包的元素,它不会被呈现,并且只接受wx:..控制属性。
块和wx:如果:
视图1视图2块和wx:用于:
{{index}}: {{item}}推荐教程:微信小程序。
以上就是微信小程序页面开发的详细内容。更多资讯请关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- 微信小程序翻译功能上线:现已支持18种语言
- 如何使用微信小程序中的车牌号输入法(如何使用微信小程序中的车牌号输入法进行打印)
- 微信小程序无法获取位置信息怎么办?(微信小程序无法获取位置信息)
- 微信小程序如何实现九宫格跳(如何在小程序中配置九宫格抽奖)
- 如何调节微信小程序的亮度?
本文由主机参考刊发,转载请注明:微信小程序页面开发(如何开发微信小程序页面) https://zhujicankao.com/102317.html
评论前必须登录!
注册