1. Image 图片组件:
用于展示图片,提供了加载失败时的占位图和加载中的提示。
<van-image src="url" fit="cover" />
2. Icon 图标组件:
用于展示图标,支持自定义图标库和自定义图标。
<van-icon name="star" size="32" color="#888" />
3. Badge 标记组件:
在其他组件上添加角标标记,用于提示或展示数量。
<van-badge content="5">
<div>按钮</div>
</van-badge>
4. Noticebar 通告栏组件:
用于循环播放展示通知信息,支持滚动和多种配置。
<van-notice-bar text="这是一条通知" />
5. Collapse 折叠面板组件:
用于展示可折叠的内容,可以嵌套使用。
<van-collapse>
<van-collapse-item title="标题1">内容1</van-collapse-item>
<van-collapse-item title="标题2">内容2</van-collapse-item>
</van-collapse>
6. Steps 步骤条组件:
用于展示一个步骤的流程,支持自定义图标和状态。
<van-steps :active="1">
<van-step>步骤1</van-step>
<van-step>步骤2</van-step>
<van-step>步骤3</van-step>
</van-steps>
7. Tag 标签组件:
用于展示标签,支持不同的颜色和样式。
<van-tag type="primary">标签</van-tag>
以上是一些 Vant4 中常用的展示组件,你可以根据实际需求选择合适的组件来构建你的移动端应用界面。
转载请注明出处:http://www.zyzy.cn/article/detail/5827/Vant