如何使用“文本组件”

文本组件是微信小程序制作过程中使用非常频繁的组件之一，下面是文本组件的使用说明：

1. 在工具栏点击“普通文本”或“富文本”组件图标（或者拖拽至工作区）：

2. 在工作区可以看到新添加的文本组件，点击该组件，处于激活状态，右侧可以看到该组件的编辑选项

如果使用的是“普通文本”组件，可以看到一个“多行文本框”：

如果使用的是“富文本”组件，可以看到一个“富文本编辑器”：

3. 在右侧配置区可以对文本内容、字体、所在容器、边距等属性进行配置，还可以为该文本组件添加事件，来响应用户的点击行为。

配置说明：

1. 内容选项卡

在“内容选项卡”中，您可以对该文本组件索要显示的文本内容进行配置，左侧可以实时预览修改的结果。

2. 字体选项卡

在“字体选项卡”中，您可以对以下属性进行设置：

1) 文字大小：控制字体的大小，默认 14px

2) 加粗状态：控制字体是否加粗显示

3) 字体行高：控制行与行之间的距离，默认为 1.5 倍行距

4) 字体颜色：控制字体的颜色，可以调出颜色面板，支持 16 进制以及 RGBA 颜色值选择

3. “容器选项卡”

在“容器选项卡”中，您可以对以下属性进行设置：

1) 文本的对齐方式：控制文本的对齐方式，可以设置“左对齐”、“居中对齐”以及“右对齐”

2) 容器的背景颜色：控制字体所在的容器的背景颜色，同样支持 16 进制以及 RGBA 颜色值选择

3) 容器的圆角大小：控制字体所在容器的圆角大小，需要注意的是，您需要给容器加上背景色，才能看到圆角效果

4) 容器是否显示上边线、下边线：控制字体所在容器的上边线、下边线

5) 容器的宽度、高度：控制字体所在容器的尺寸，其中“宽度”支持像素和百分比，高度支持像素、em和 vw，默认情况下，高度会自适应

6) 换行：控制文本超出容器宽度时，是否自动换行，默认为“自动换行”，当您需要控制文本显示一行，并且超出自动显示省略号时，可以设置为“不换行”，请注意：富文本编辑器无此选项

7) 溢出：控制文本超出容器高度时，如何显示，您可以调整为自动显示滚动条，方便用户手指滑动阅读，或者直接截断。该属性尽在容器高度已设置的情况下生效

4. 边距选项卡

在”边距选项卡“中，您可以对以下属性进行设置：

1) 外边距：控制容器与周边其他元素之间的距离，可以单独控制上、下、左、右四个方向的值，单位为像素

2) 内边距：控制容器内的文本与容器边缘之间的距离，可以单独控制上、下、左、右四个方向的值，单位为像素

5. 其它

1) 事件选项卡：请参考“事件”相关帮助说明

2) 动态字段：请参考“动态字段”相关帮助说明

如果您在使用过程中有任何疑问，欢迎随时与我们取得联系。