微信小程序 text 空格-微信小程序rich text

背景

我终于加入了工作。 网上开工，远程办公，感触还是很多的。 有机会专门写一下。 刚入职后需要时间去适应新的节奏，所以时间可能没有以前充裕了。 我会尽力保留它让我们每天更新它。 其实前面两篇都是以前的手稿。 我真的没有多少精力。 虽然我什么都没做，但我还是觉得很累。 也许就是这样。 向前。 话不多说，之前我们介绍了微信小程序中的容器组件view和scroll-view，容器中放置了各种基础组件，本文主要介绍基础组件。

基础组件图标组件

图标是页面上非常常见的组件。 通常表示and等状态，起到引导作用。 微信小程序提供了一套符合微信设计规范的样式类型，也支持通过自定义样式创建自定义图标。 图标有属性

例子如下

style="padding: 20px; display: flex; justify-content: space-around;">
type="waiting" size="30">
type="cancel" size="30">
type="download" size="30">
type="search" size="30">

style="padding: 20px; display: flex; justify-content: space-around;">
type="clear" size="10">
type="cancel" size="20">
type="download" size="30">
type="search" size="40">

复制代码

最终结果如图

文本组件

text组件主要用于显示文本内容微信小程序 text 空格微信小程序 text 空格，类似于HTML中的p。 在微信小程序中，只能长按选中文本组件中的文字。 显示文本时必须考虑此属性。 文本内容支持专业字符“\”，文本只能支持文本的嵌套，通过文本的嵌套可以实现粗体字、红标等特殊样式的设置。示例如下跟随

margin-top: 30px;"> font-size: large;">井蛙不可以语于海者\t拘于虚也\n夏虫不可以语于冰者\t笃于时也\n曲士不可以语于道者\t束于教也\n
复制代码

效果如下

进度组件

progress 用于显示进度状态，比如资源加载、用户配置完成等。progress 是一个通用的进度条组件。 我们可以通过各种布局和样式来实现一套自定义的进度条。 progress 是一个块级元素，具有以下属性：

percent="20" style="margin-top: 30px;">
percent="30" show-info="true" style="margin-top: 30px;">
percent="40" stroke-width="10" style="margin-top: 30px;">
percent="50" color="#CD5555" style="margin-top: 30px;">
percent="60" active="true" style="margin-top: 30px;">
复制代码

最终效果如图

最后