您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 微信小程序 教程之WXML

  2. 主要介绍了微信小程序 教程WXML的相关资料,这里提供了简单实例,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-09-01
    • 文件大小:32768
    • 提供者:weixin_38614377
  1. 微信小程序 教程之数据绑定

  2. 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 数据绑定 WXML中的动态数据均来自对应Page的data。 简单绑定 数据绑定使用”Mustache”语法(双大括号)将变量包起来,可以作用于: 内容 {{ message }} Page({ data: { message: 'Hello MINA!'
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:41984
    • 提供者:weixin_38621624
  1. 微信小程序 教程之事件

  2. 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如id, dataset, touches。 事件的使用方式 在组件
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:64512
    • 提供者:weixin_38682279
  1. 微信小程序教程系列之新建页面(4)

  2. 例如在web的开发中,新建一个页面只需要新建一个html文件即可。 但是到在微信小程序中,新建一个页面也不只是新建一个wxml文件,那么该如何做呢?下面我们一起来学习 新建一个页面的步骤: 1> 必须要创建一个wxml文件和一个js文件,并且文件名要同名(例:test.wxml 和 test.js)。 2> js文件内,需要写上注册页面的Page()函数! 3> 并且要到app.json文件中,注册新建页面的路径信息。 示例: 新建了一个test.js文件和一个test.
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:176128
    • 提供者:weixin_38656364
  1. 微信小程序 教程之引用

  2. 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 引用 WXML提供两种文件引用方式import和include。 import import可以在该文件中使用目标文件定义的template,如: 在item.wxml中定义了一个叫item的template: {{text}} </templat
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:30720
    • 提供者:weixin_38550334
  1. 微信小程序商城项目之淘宝分类入口(2)

  2. 分类入口,已经成为了商城项目必须的布局之一,这里以仿照淘宝的分类入口来做案例 下图红框部分,就是本文重点讲解部分,另外本文并没有写点击某个入口跳转页面。 如需学习页面跳转的同学,可以参考此文 微信小程序的页面跳转和参数传递 —— 微信小程序教程系列(6) 页面分析: 使用for循环遍历所有项,插入页面,页面中的项使用左浮动,并使用百分比布局,设置20%的宽度每一项。 这样满5个item后,自动排在下一行 wxml: <view class=menu-list wx:for=
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:90112
    • 提供者:weixin_38535364
  1. 微信小程序 教程之模板

  2. 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 模板 WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。 定义模板 使用name属性,作为模板的名字。然后在内定义代码片段,如: <text
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:30720
    • 提供者:weixin_38722193
  1. 微信小程序 教程之条件渲染

  2. 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML wx:if 在MINA中,我们用wx:if=”{{condition}}”来判断是否需要渲染该代码块: True 也可以用wx:elif和wx:else来添加一个else块: 5}}> 1 <view wx:elif={{le
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:43008
    • 提供者:weixin_38559727
  1. 微信小程序 教程之列表渲染

  2. 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML wx:for 在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item {{index}}: {{item.message}} Page({ ite
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:31744
    • 提供者:weixin_38678022
  1. 微信小程序 教程之WXML

  2. 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML WXML WXML(WeiXin Markup Language)是MINA设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。 用以下一些简单的例子来看看WXML具有什么能力: 数据绑定 {{message}} // page.js Page({
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:29696
    • 提供者:weixin_38602098
  1. 微信小程序教程系列之视图层的条件渲染(10)

  2. 本教程为大家分享了使用wx:if进行视图层的条件渲染,供大家参考,具体内容如下 使用wx:if进行视图层的条件渲染 示例: wxml:使用view 按钮 </view
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:74752
    • 提供者:weixin_38650508
  1. 微信小程序 教程之WXSS

  2. 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML WXSS WXSS(WeiXin Style Sheets)是MINA设计的一套样式语言,用于描述WXML的组件样式。 WXSS用来决定WXML的组件应该怎么显示。 为了适应广大的前端开发者,我们的WXSS具有CSS大部分特性。 同时为了更适合开发微信小程序,我们对CSS
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:53248
    • 提供者:weixin_38587705
  1. 微信小程序教程系列之页面跳转和参数传递(6)

  2. 关于页面的跳转,微信小程序提供了3种方法: 方法一: 使用API  wx.navigateTo()函数 示例: 首先先新建一个test页面 如何新建页面? 请到先阅读下面教程 微信小程序的新建页面 —— 微信小程序教程系列(4) index.wxml: 在index.wxml新建一个button组件,并使用bindtap事件绑定一个函数 index.js: 在index.js中的Page函数内部,添加changeToTest 函数,函数里面使用wx.navigateTo,写上需要跳转
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:182272
    • 提供者:weixin_38502290
  1. 微信小程序之仿淘宝分类入口 —— 微信小程序实战商城系列(2)

  2. 微信小程序之仿淘宝分类入口       分类入口,已经成为了商城项目必须的布局之一,这里以仿照淘宝的分类入口来做案例 下图红框部分,就是本文重点讲解部分,另外本文并没有写点击某个入口跳转页面。 如需学习页面跳转的同学,可以参考此文 微信小程序的页面跳转和参数传递 —— 微信小程序教程 (此图片来源于网络,如有侵权,请联系删除! ) 页面分析:  使用for循环遍历所有项,插入页面,页面中的项使用左浮动,并使用百分比布局,设置20%的宽度每一项。  这样满5个item后,自动排在下一行   wxm
  3. 所属分类:其它

    • 发布日期:2021-03-29
    • 文件大小:121856
    • 提供者:weixin_38723810
  1. 微信小程序开发-新闻列表之新闻列表绑定

  2. 微信小程序开发-新闻列表之新闻列表绑定开发教程: 1、效果图预览 (此图片来源于网络,如有侵权,请联系删除! ) 2、准备工作 在拿到效果图后不要先急着去写代码,而是要去分析一下页面的整体结构,用什么方式定位和布局。小程序里建议使用flex布局,因为小程序对flex的支持是很好的。 上一篇博客中完成了轮播图部分,接下来继续完成下面的新闻列表部分 3、wxml部分 新闻列表部分整体使用flex纵向布局比较合适,先把页面内的元素标签和类名写好。 {{item.date}} {{item.title}
  3. 所属分类:其它

    • 发布日期:2021-03-29
    • 文件大小:197632
    • 提供者:weixin_38693720
  1. 微信小程序之仿淘宝分类入口 —— 微信小程序实战商城系列(2) ...

  2. 作者:michael_ouyang,来自授权地址  分类入口,已经成为了商城项目必须的布局之一,这里以仿照淘宝的分类入口来做案例 下图红框部分,就是本文重点讲解部分,另外本文并没有写点击某个入口跳转页面。 如需学习页面跳转的同学,可以参考此文 微信小程序的页面跳转和参数传递 —— 微信小程序教程 (此图片来源于网络,如有侵权,请联系删除! ) 页面分析:  使用for循环遍历所有项,插入页面,页面中的项使用左浮动,并使用百分比布局,设置20%的宽度每一项。  这样满5个item后,自动排在下一行
  3. 所属分类:其它

    • 发布日期:2021-03-29
    • 文件大小:115712
    • 提供者:weixin_38624628