【第四节:微信小程序 小程序UI组件A】微信小程序入门,以思维导图的方式展开4

本文详细介绍了微信小程序中的UI组件A,包括组件的概念、结构(开始和结束标签、属性与内容)、常见属性类型及其作用,以及特殊属性的说明,帮助开发者理解和使用这些组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

若看不清,加私信我哈,给发大图:

 

4、小程序UI组件A


    基本组件介绍


        什么是组件
            组件是视图层的基本组成单元。
            组件自带一些功能与微信风格的样式。
            一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。
        参考网站
            https://weui.io/
        注意
            所有组件与属性都是小写,以连字符-连接
    属性类型
        Boolean    布尔值    组件写上该属性,不管该属性等于什么,其值都为true,只有组件上没有写该属性时,属性值才为false。如果属性值为变量,变量的值会被转换为Boolean类型
        Number  数字    1, 2.5
        String    字符串    "string"
        Array    数组    [ 1, "string" ]
        Object    对象    { key: value }
        EventHandler    事件处理函数名    "handlerName" 是 Page中定义的事件处理函数名
        Any    任意属性
    共同属性类型
        id    String    组件的唯一标示    保持整个页面唯一
        class    String    组件的样式类    在对应的 WXSS 中定义的样式类
        style    String    组件的内联样式    可以动态设置的内联样式
        hidden    Boolean    组件是否显示    所有组件默认显示
        data-*    Any    自定义属性    组件上触发的事件时,会发送给事件处理函数
        bind* / catch*    EventHandler    组件的事件    详见事件
    特殊属性
        几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰,请参考各个组件的定义。
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

五木大大

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值