必威体育Betway必威体育官网
当前位置:首页 > IT技术

【小程序】block标签的介绍和使用

时间:2019-10-14 08:16:02来源:IT技术作者:seo实验室小编阅读:68次「手机版」
 

block

转自:https://blog.csdn.net/qq_36530458/article/details/79778373

  1. <block/> 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。
  2. 因为 wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。

       <block wx:if="{{true}}">

            <view> view1 </view>

           <view> view2 </view>

       </block>

  1. 类似 block wx:if,也可以将 wx:for 用在<block/>标签上,以渲染一个包含多节点的结构块。例如:

   <block wx:for="{{[1, 2, 3]}}">

   <view> {{index}}: </view>

    <view> {{item}} </view>

</block>

在安卓中我们经常会使用listview/gridview/RecyclerView来实现展示循环数据。那么程序中怎么到呢。其实很简单,使用block就可以了。

下面我们先看下效果图:

这个布局其实很简单,大致分为3部分,上+下(左75%,右25%)。这里就不在细说了。那么这里要怎么写wxml呢。下面贴代码

这边很清晰的可以看出<block></block>这对标签,而数据源便是wx:for="{{goodlist}}"中的goodlist了。接着往下走,我们可以看到点击标签的时候有bindtap事件,这里就不做说明了。我们重点看下{{item.StartCity}},这是什么意思呢,其实这就是获取数据源中的数据,而item代表的是goodlist中的一条数据,StrrtCity等都是数据源中的一些具体属性。你可以更据需要直接调头你想要的字段名就可以了。block到此基本结束了。最后此处设置了一个view,用来代替当数据源为空时显示无数据页面提示。

相关阅读

程序,进程,线程的区别和联系

进程和程序区别和联系表现在以下方面:1)程序只是一组指令的有序集合,它本身没有任何运行的含义,它只是一个静态的实体。而进程则不同

Android:销毁所有的Activity退出应用程序几种方式

Android:销毁所有的Activity退出应用程序几种方式author:DRC工作室 我们都知道,Activity是存放在栈中。在默认的情况下(standard)Acti

C程序设计 | 文件

目录 一、C文件的有关基本知识 1、什么是文件 2、文件名 3、文件的分类 4、文件缓冲区 5、文件类型指针 二、打开与关闭文件 1、

程序中美元符号$是什么

$符号在php中是表示变量的特征字符, 在js中它也有很多作用, 一般我们用来命名一个函数名称,获取id的1、首先可以用来表示变量, 比如

Language Localizator(程序汉化工具)v6.04.0.0绿色版

Language Localizator是一个相当不错的专门汉化Delphi、BC++ Builder等程序的汉化工具,从5.x版本开始,已支持窗体的可视化。虽然现

分享到:

栏目导航

推荐阅读

热门阅读