- 本文介绍什么是云主机以及云主机的优势（性价比高、弹性可扩展、安全隔离高、多操作系统支持），然后提供了选择云主机的选购指南（名气大、口碑好、价格适中），最后推荐了几款备受欢迎的云主机。 本文介绍什么是云主机以及云主机的优势（性价比高、弹性可扩展、安全隔离高、多操作系统支持），然后提供了选择云主机的选购指南（名气大、口碑好、价格适中），最后推荐了几款备受欢迎的云主机。
- 这篇我们看 Slider。 有些设置不是“开或关”，也不是“选 A 或 B”，而是在一个范围里调节。音量、亮度、字号、透明度，这类场景就适合 Slider。 这个 Demo 只展示 Slider 本身：最小值、最大值、步进、颜色、提示和禁用态。不写实时数值刷新，也不把它提前拉进状态管理章节。 参考文档： https:/ 这篇我们看 Slider。 有些设置不是“开或关”，也不是“选 A 或 B”，而是在一个范围里调节。音量、亮度、字号、透明度，这类场景就适合 Slider。 这个 Demo 只展示 Slider 本身：最小值、最大值、步进、颜色、提示和禁用态。不写实时数值刷新，也不把它提前拉进状态管理章节。 参考文档： https:/
- 这篇我们写 Toggle。开关控件看起来很小，但它很容易被用乱：有的地方明明是确认项，却做成开关；有的地方是普通按钮，却伪装成 Toggle。 所以这个案例不写设置保存，也不讲状态同步。我们先把 Toggle 自己的三种形态看清楚：Switch、Checkbox、Button。 参考文档： https://develo 这篇我们写 Toggle。开关控件看起来很小，但它很容易被用乱：有的地方明明是确认项，却做成开关；有的地方是普通按钮，却伪装成 Toggle。 所以这个案例不写设置保存，也不讲状态同步。我们先把 Toggle 自己的三种形态看清楚：Switch、Checkbox、Button。 参考文档： https://develo
- 这篇我们单独看 Radio。 Radio 最适合互斥选择：一组选项里只能选一个。新手很容易把它和 Checkbox 混着用，结果页面看起来能多选，实际业务又只认一个值，用户就会迷糊。 所以这个 Demo 不写表单提交，也不讲状态刷新。我们先把 Radio 自己的边界看清楚：同组单选、默认选中、样式颜色和禁用态。 参考文 这篇我们单独看 Radio。 Radio 最适合互斥选择：一组选项里只能选一个。新手很容易把它和 Checkbox 混着用，结果页面看起来能多选，实际业务又只认一个值，用户就会迷糊。 所以这个 Demo 不写表单提交，也不讲状态刷新。我们先把 Radio 自己的边界看清楚：同组单选、默认选中、样式颜色和禁用态。 参考文
- 这篇我们单独看 Checkbox。 上一篇 Toggle 里已经见过 Checkbox 形态，但那只是为了分清几种开关外观。这一篇不绕了，我们就盯着真正的 Checkbox 组件：单个勾选、多个独立选择、颜色和禁用态。 先说清楚边界：这篇不讲成组管理，也不做全选、反选、列表刷新和表单提交。那些内容以后会放到对应章节。我 这篇我们单独看 Checkbox。 上一篇 Toggle 里已经见过 Checkbox 形态，但那只是为了分清几种开关外观。这一篇不绕了，我们就盯着真正的 Checkbox 组件：单个勾选、多个独立选择、颜色和禁用态。 先说清楚边界：这篇不讲成组管理，也不做全选、反选、列表刷新和表单提交。那些内容以后会放到对应章节。我
- 这篇我们写 TextArea。它看起来只是 TextInput 的多行版本，但真放到页面里，问题会马上冒出来：高度被撑乱、字数没边界、滚动条不好看、禁用态像还能编辑。 所以这个案例不做评论发布，也不做草稿保存。我们只把多行输入框本身处理顺：占位提示、字数计数、最多行数、滚动条、高度适配和禁用态。 参考文档： https 这篇我们写 TextArea。它看起来只是 TextInput 的多行版本，但真放到页面里，问题会马上冒出来：高度被撑乱、字数没边界、滚动条不好看、禁用态像还能编辑。 所以这个案例不做评论发布，也不做草稿保存。我们只把多行输入框本身处理顺：占位提示、字数计数、最多行数、滚动条、高度适配和禁用态。 参考文档： https
- 这篇我们写 TextInput。输入框很小，但它特别容易暴露页面粗糙感：占位文字太重、键盘类型不对、密码框没有眼睛图标、错误态只靠用户自己猜。 所以这个案例不做完整登录页，也不讲状态管理。我们先把输入框本体看清楚：普通输入、手机号、邮箱、验证码、密码、错误态和禁用态。 参考文档： https://developer.h 这篇我们写 TextInput。输入框很小，但它特别容易暴露页面粗糙感：占位文字太重、键盘类型不对、密码框没有眼睛图标、错误态只靠用户自己猜。 所以这个案例不做完整登录页，也不讲状态管理。我们先把输入框本体看清楚：普通输入、手机号、邮箱、验证码、密码、错误态和禁用态。 参考文档： https://developer.h
- 这次我们只看 Button。不写登录，不写提交，也不弹窗，先把按钮本身讲明白。 按钮最怕什么？一排全是蓝色，一眼看过去每个都像主操作。用户不知道该点哪个，后面逻辑写得再漂亮也白搭。 所以这个案例只做几种按钮：主按钮、次按钮、危险按钮、弱按钮、整行按钮、并排按钮和禁用态。 参考文档： https://developer. 这次我们只看 Button。不写登录，不写提交，也不弹窗，先把按钮本身讲明白。 按钮最怕什么？一排全是蓝色，一眼看过去每个都像主操作。用户不知道该点哪个，后面逻辑写得再漂亮也白搭。 所以这个案例只做几种按钮：主按钮、次按钮、危险按钮、弱按钮、整行按钮、并排按钮和禁用态。 参考文档： https://developer.
- 这篇我们聊 Image。图片这东西看着简单，真写页面时经常出事：不是路径错了，就是比例歪了，要么封面一铺满就把重点裁没了。 所以这个案例不做花活，只把四种来源放到一页里：media、rawfile、SVG、网络图。最后再看一眼 Contain、Cover、Fill 到底差在哪。 用本地资源是为了稳定，用网络图是为了贴近 这篇我们聊 Image。图片这东西看着简单，真写页面时经常出事：不是路径错了，就是比例歪了，要么封面一铺满就把重点裁没了。 所以这个案例不做花活，只把四种来源放到一页里：media、rawfile、SVG、网络图。最后再看一眼 Contain、Cover、Fill 到底差在哪。 用本地资源是为了稳定，用网络图是为了贴近
- 今天我们写一个很小的 RichEditor。它能编辑图文内容，但我们先不做 Markdown、不做 HTML 转换，也不做保存。 官方文档里也把边界说得很清楚：只是展示图文时，可以先考虑 Text 或 RichText；用户真的要编辑图文内容时，再上 RichEditor。这个 Demo 就按这个边界来。 先准备控制器 今天我们写一个很小的 RichEditor。它能编辑图文内容，但我们先不做 Markdown、不做 HTML 转换，也不做保存。 官方文档里也把边界说得很清楚：只是展示图文时，可以先考虑 Text 或 RichText；用户真的要编辑图文内容时，再上 RichEditor。这个 Demo 就按这个边界来。 先准备控制器
- 今天我们先不急着写编辑器。富文本只是“带样式的内容”，展示和编辑是两件事。 这个 Demo 放了四种选择：Text + Span、StyledString、RichText(HTML) 和 RichEditor。我们先把边界看清楚，后面写代码会少走很多弯路。 少量样式：Text + Span 如果只是几个重点词、一个标 今天我们先不急着写编辑器。富文本只是“带样式的内容”，展示和编辑是两件事。 这个 Demo 放了四种选择：Text + Span、StyledString、RichText(HTML) 和 RichEditor。我们先把边界看清楚，后面写代码会少走很多弯路。 少量样式：Text + Span 如果只是几个重点词、一个标
- 今天我们看 StyledString。它适合把文字、局部样式、段落规则，甚至图片附件，放进同一个字符串对象里管理。 如果只是几段静态文字，Text + Span 已经够用。StyledString 更适合内容本身需要带样式流转的场景，比如从编辑器拿到一段内容，再交给 Text 展示。 先准备一个 TextControl 今天我们看 StyledString。它适合把文字、局部样式、段落规则，甚至图片附件，放进同一个字符串对象里管理。 如果只是几段静态文字，Text + Span 已经够用。StyledString 更适合内容本身需要带样式流转的场景，比如从编辑器拿到一段内容，再交给 Text 展示。 先准备一个 TextControl
- 今天我们把长文本收一收，让页面先给用户一个能扫读的摘要，而不是把整段内容直接铺满屏幕。 这个 Demo 只做一件事：用 maxLines、textOverflow 和 ellipsisMode 控制长文展示，再用一个很小的状态切换“展开 / 收起”。状态这里只是为了让按钮能动起来，我们不在这篇展开讲状态管理。 先做两行 今天我们把长文本收一收，让页面先给用户一个能扫读的摘要，而不是把整段内容直接铺满屏幕。 这个 Demo 只做一件事：用 maxLines、textOverflow 和 ellipsisMode 控制长文展示，再用一个很小的状态切换“展开 / 收起”。状态这里只是为了让按钮能动起来，我们不在这篇展开讲状态管理。 先做两行
- 今天我们继续把 Text 这篇补完整：不只让文字显示出来，还要让一句话里的重点、小标签、小图标都能自然地排在一起。 页面里最常见的问题不是“没有文字”，而是文字都长一个样。标题不像标题，说明太抢眼，关键字没有重点，小图标还被单独塞进 Row 里，最后越写越乱。 这篇我们只盯文本本身。Text 管整段文字，Span 管局 今天我们继续把 Text 这篇补完整：不只让文字显示出来，还要让一句话里的重点、小标签、小图标都能自然地排在一起。 页面里最常见的问题不是“没有文字”，而是文字都长一个样。标题不像标题，说明太抢眼，关键字没有重点，小图标还被单独塞进 Row 里，最后越写越乱。 这篇我们只盯文本本身。Text 管整段文字，Span 管局
- 今天我们用一个小页面把沉浸式顶部讲清楚：背景可以铺进状态栏区域，但文字和按钮别跟着挤上去。 沉浸式布局最容易被误解成“把所有东西都顶到屏幕最上面”。这其实很危险。真正该上去的是背景、图片、色块这类装饰层；标题、按钮、正文这些可读内容，还是要留出安全距离。 第一块先看普通顶部布局。它规整、稳妥，适合大多数工具页。但如果设 今天我们用一个小页面把沉浸式顶部讲清楚：背景可以铺进状态栏区域，但文字和按钮别跟着挤上去。 沉浸式布局最容易被误解成“把所有东西都顶到屏幕最上面”。这其实很危险。真正该上去的是背景、图片、色块这类装饰层；标题、按钮、正文这些可读内容，还是要留出安全距离。 第一块先看普通顶部布局。它规整、稳妥，适合大多数工具页。但如果设
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第三期2026/08/21 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；念擎-华为云AI开发者运营案例开发专家
本期直播内容：AI六层能力首次详细解读 + 新一代华为云开发者空间亮相 + 校园案例直播带练
回顾中 -
华为云监控CES新特性解读2026/08/26 周三 19:00-20:30
刘英杰-华为云监控产品专家
华为云监控 CES H1 版本重磅全新升级！本次直播特邀华为云监控产品专家，围绕特性深度解读 + 现场实操演示 + 实时线上答疑三大模块，全方位拆解版本核心亮点，直击运维各类痛点难题。助力实现告警高效配置、指标快速检索、插件便捷部署，切实降低运维工作负担，提升监控运维工作效率。欢迎预约观看，互动提问交流！
回顾中
热门标签