VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动

微信小程序页面开发(如何开发微信小程序页面)

主机参考: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}}推荐教程:微信小程序

以上就是微信小程序页面开发的详细内容。更多资讯请关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:微信小程序页面开发(如何开发微信小程序页面) https://zhujicankao.com/102317.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 微信小程序页面开发(如何开发微信小程序页面)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!