文本输入 属性 例子 文本输入 通过键盘将文本输入到应用程序的一个基本的组件。属性提供几个功能的可配置性，比如自动校正，自动还原，占位符文本，和不同的键盘类型，如数字键盘。最简单的一个用例是放置一个 TextInput ，利用 onChangeText 事件来读取用户的输入。还有其他的事件可以使用，比如onSubmitEditing 和 on...

Progress bar Playing with colorful and styled text Imports Types Consts Procs Macros Templates Source Edit This module contains a few procedures to control the term...

样式引用 样式引用 两种方式引用： style内使用@import语法引入 在style标签上通过src引入 前者会被内联打入 组件/页面 对应的wxss文件，后者则是会将src对应的文件收集到wxss文件夹里，再在 组件/页面 对应的wxss文件中通过@import引入。 在一个mpx文件中，两者可以同时使用，例如： <!--src/co...

className 和 classList 元素样式 重置样式属性 注意单位 计算样式：getComputedStyle 总结 任务 创建一个通知 在我们讨论 JavaScript 处理样式和类的方法之前 — 有一个重要的规则。希望它足够明显，但是我们仍然必须提到它。 通常有两种设置元素样式的方式： 在 CSS 中创建一个类，并添加它...

Progress How it works Labels Height Backgrounds Conveying meaning to assistive technologies Multiple bars Striped Animated stripes CSS Variables Sass variables Keyframes...

Card卡片 何时使用 代码演示 API Card Card.Grid Card.Meta Card卡片 通用卡片容器。 何时使用 最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。 代码演示 典型卡片 包含标题、内容、操作区域。 import { Card } from 'an...

Card卡片 何时使用 代码演示 API Card Card.Grid Card.Meta Card卡片 通用卡片容器。 何时使用 最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。 代码演示 典型卡片 包含标题、内容、操作区域。 import { Card } from 'an...

布局解决方案 居中布局 水平居中 inline-block + text-align table + margin absolute + transform flex + justify-content 垂直居中 table-cell + vertical-align absolute + transform flex + align-item...

布局 流式布局 弹性盒布局 定位 布局 在编排页面结构时面临的一个核心问题是如何给页面中的标签排版，页面排版需要用到 CSS 中布局相关的能力，目前 CSS 标准中支持的布局方式主要有: 流式布局 弹性盒布局 定位 浮动 网格布局 多列布局 Kraken 支持了前三种目前 Web 开发中主流使用的布局方式，以下结合示例介绍下如何...

布局 流式布局 弹性盒布局 定位 布局 在编排页面结构时面临的一个核心问题是如何给页面中的标签排版，页面排版需要用到 CSS 中布局相关的能力，目前 CSS 标准中支持的布局方式主要有: 流式布局 弹性盒布局 定位 浮动 网格布局 多列布局 Kraken 支持了前三种目前 Web 开发中主流使用的布局方式，以下结合示例介绍下如...