【小程序】黑马小程序09基础内容组件、其他组件

text

只有text支持长按选中操作！

需要添加属性selectable

<view>
  手机号支持长按选中效果
  <text selectable>12121212121</text>
</view>

rich-text

通过rich-text组件的nodes属性节点，把HTML字符串渲染成对应的UI结构：

<rich-text nodes="<h1 style='color: red;'>标题</h1>"></rich-text>

应用：服务器返回的是HTML的标签，直接用本组件、属性把对应UI渲染到页面

其他常用组件

button

按钮组件，功能比HTML中更丰富，通过open type属性可以调用微信提供的各种功能——客服、转发、获取用户授权、获取用户信息等。
.
type属性——颜色
size——尺寸
plain——镂空
·
app.json 中的style可控制是否使用最新版
无style相关——使用旧版样式

“style”: “v2”,——使用新版样式。

image

图片，默认300*240px
·
可通过mode实行实现图片的裁剪和缩放。

属性值	效果
scaletofill	默认填满
aspectfit	缩放，保持纵横比缩放，长边显示完整
aspectfill	短边显示完整，另一个方向会发生截取
widthfix	宽度不变，高度自动变化，宽高比不变
heightfix	高度不变，宽度自动变化，宽高比不变

也许会有区域留白 使用aspectfit

也许会有区域留白 使用widthfix，宽度不变，高度自适应

·
通过border可得知图片所占大小（空图片need！）

navigator

页面导航组件，类似于HTML中的a链接