全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[聊城seo公司首选久澳]小程序开发之WXML详解

  WXML(WeiXin Markup Language)是MINA框架设计的一套标签语言,结合基础组件、事件系统◆◁,可以构建出页面的结构。[聊城seo公司首选久澳]

  用以下一些简单的例子来看看WXML具有什么能力:

  

数据绑定

  

<■△■!--wxml--><◇■◁-;view>□▪○▷; {{message}} </view>
// page.jsPage({
 data●••: {
 message: 'Hello MINA-▪▪▽!'
 }
})

 

  列表渲染

  

<=•▷;!--wxml--><◁☆…★;view wx:for-items="■…;{{array}}"> {{item}} </view>
// page.jsPage({
 data: {
 array: [1★•▪, 2▲…-□, 3, 4, 5]
 }
})

 

  条件渲染

  

<◆■;△○▪△!--wxml-->•=;<view wx:if="{{view == 'WEBVIEW'}}">▼●; WEBVIEW </view>•●=;<view wx…•:elif="{{view == '◇■;APP'}}"> APP </view><view wx:else="-▲○;{{view == 'MINA'}}"◁=•◇;>☆△■◁; MINA IS NOT APP </view>▽◁○○;
// page•△.jsPage({
 data: {
 view□◆: '•▲;MINA'
 }
})

 

  模板

  

<!--wxml-->▼◆…☆;<•□○=;template name="○=★;staffName"▪▪●▽;>
 <view>
 FirstName: {{firstName}}, LastName: {{lastName}} <★•▪;/view></template><…★▲…;template is="staffName" data="{{...staffA}}"></template><◇◆;template is="▪◇;staffName"=…; data="{{◆☆●...staffB}}"></template><template is="▲▲;staffName" data="■◇;{{◁□□.▪◁=..staffC}}"◆-○▪;>□■△;</template>▪◁△▪;
// page.jsPage({
 data: {
 staffA△●◆★: {firstName: 'Hulk'○=△;, lastName: 'Hu'},
 staffB▼=◆: {firstName: 'Shang'△☆◆;, lastName: '●•▪;You'}=••,
 staffC: {firstName□★…: 'Gideon', lastName: 'Lin'}
 }
})

 

  事件

  

<view bindtap="add"> {{count}} </view>
Page({
 data◆○: {
 count: 1
 },
 add: function(e) { this●●▪△.setData({
 count: this.data.count + 1
 })
 }
})

 

  【相关推荐】

  1. 微信小程序完整源码下载

  2. 简单的左滑操作和瀑布流布局

  3. 追格微信小程序应用商店源码

  以上就是小程序开发之WXML详解的详细内容,10 2020.10 [广州天河seo外包公司]忘记phpmyadmin密码怎么重置 1、停止mysql服务: /etc/init.d/mysql stop 2、跳过验证启动MySQL /usr/local/mysql/bin/mysqld_safe -skip-grant-tables /dev/null 21 3、哪个数据库好用准备重新设置新密码 /usr/local/mysql/bin/mysql -u root mysql 4、重肥城市小程序制作公司铁岭市小程序制作公司更多请关注久澳传媒编程栏目其它相关文章☆☆□▼!龙口市小程序制作公司

[聊城seo公司首选久澳]小程序开发之WXML详解

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。