设为首页 加入收藏

TOP

【微信小程序】开发实战 之 「视图层」WXML & WXSS 全解析(六)
2019-09-17 19:09:33 】 浏览:109
Tags:程序 开发 实战 WXML WXSS 解析

定义在app.wxss 中的样式称为全局样式,作用于每一个页面。在Page 的.wxss文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖app.wxss中相同的选择器。


框架组件 

组件是视图层的基本构成单元。

一个组件通常包含“开始标签”和“结束标签”,组件由属性来定义和修饰,放在“开始标签”中。组件的内容则包含在两个标签之内。所有的组件与属性都需要使用小写字符。组件代码样式如下:

<tagname property = "value">
    Content goes here...
</tagname>

所有组件都有共同的属性

属性名 类型 描述 注释
id String 组件的唯一标示符 保持整个页面唯一
class String 组件的样式类 在对应的wxss 中定义的样式类
style String 组件的内联样式 可以动态设置的内联样式
hidden Boolean 组件是否显示 所有组件默认显示
data-* Any 自定义属性 组件上触发事件时会发送给事件处理函数
bind*/catch* EventHandler 组件的事件 详见本文前面的wxml事件绑定部分

 

 

 

 

 

 

同时每一个组件也可以有自定义的属性(称为特殊独有属性),用于该组件的功能或样式进行修饰。自定义属性只支持以下几种数据类型:

Boolean、Number、String、Array、Object、EventHandler。

微信小程序为开发者提供的组件分为常用组件和高级组件两个大类,其中常用组件包括视图容器、基础内容、表单、互动操作、页面导航。高级组件包括媒体、地图、画布、客服会话组件。

对于这些组件的常规使用方法,我们可以参考微信官方提供的小程序开发者文档

首页 上一页 3 4 5 6 下一页 尾页 6/6/6
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇微信小程序-强制手机端更新 下一篇深入V8引擎-初始化默认Platform

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目