微信小程序页面开发(微信小程序开发网页)

本站:VPS参考评测推荐,专注分享VPS服务器优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

WXML(微信标记语言)是一套用于框架设计的标记语言。结合基本组件和事件系统,可以构建页面结构。

我认为WXML是通过三个维度引入的:纵向、横向和逻辑处理。下面简单简介一下。它们也是开发小程序的基础。必要时,可以根据具体的文档使用,以后引入具体功能时再进行扩展。

垂直的

纵向:即组件的组合,包括系统组件、第三方组件和用户自定义组件。

例如:

ltview class = 容器 gt ltview class = 用户信息 gt ltimage src = { { userInfo.avatarUrl } } background -size = ;封面 gt lt/image gt; lttext class = userinfo -昵称 gt用户名 lt视图 gt{ { message } } lt/view gt;//page . jspage({ data:{ message: # 39;你好米娜!'}})列表呈现

lt!--wxml--> lt查看wx:for = ;{ { array } } gt{ { item } } lt/view gt;//page.jspage ({data: {array: [1,2,3,4,5]})条件渲染

lt!--wxml--> ltview wx:if = ;{ { view = = # 39WEBVIEW # 39} } gtWEBVIEW lt/view gt; ltview wx:elif = ;{ { view = = # 39APP # 39} } gtAPP lt/view gt; ltview wx:else = ;{ { view = = # 39米娜 # 39;} } gt米娜 lt/view gt;//page . jspage({ data:{ view: # 39;米娜 # 39;}})块用于包装视图组件

如果wx:for,wx:if想要呈现视图容器,可以用block标签包装。block标签不是组件,而是用于包装的元素,不会呈现,只接受wx:..控制属性。

并且阻止:如果:

ltblock wx:if = ;{ { true } } gt lt视图 gtview1 lt/view gt; lt视图 gtview2 lt/view gt; lt/block gt;和块:用于:

lt块wx:for = ;{{[1,2,3]} } ; gt lt视图 gt{ { index } }: lt;/view gt; lt视图 gt{ { item } } lt/view gt; lt/block gt;推荐教程:《微信小程序》以上是微信小程序页面开发的详细内容。请多关注本站其他相关文章!

本文由本站刊发,转载请注明:微信小程序页面开发(微信小程序开发网页) https://本站.com/76945.html

推荐站内搜索:重庆服务器个人虚拟主机、域名信息、服务器租用、美国高防空间、注册 域名、免备案jsp空间、国外服务器vps、淘宝虚拟主机、海外域名、