微信小程序中的基本视图组件包括 View、Text、Image、Icon、Progress 和 RichText。以下是它们的简要介绍以及一些案例：

1. View（视图容器）：

   • 作用：View 是一个通用的视图容器，可以包含其他视图组件。

   • 例子：

     <view>
       <text>Hello, World!</text>
       <image src="/images/logo.png"></image>
     </view>
     

2. Text（文本）：

   • 作用：用于显示文本内容。

   • 例子：

     <text>Hello, World!</text>
     

3. Image（图片）：

   • 作用：用于显示图片。

   • 例子：

     <image src="/images/logo.png"></image>
     

4. Icon（图标）：

   • 作用：用于显示图标，通常是系统自带的一些小图标。

   • 例子：

     <icon type="success"></icon>
     

5. Progress（进度条）：

   • 作用：显示任务进度。

   • 例子：

     <progress percent="50"></progress>
     

6. RichText（富文本）：

   • 作用：支持展示包含 HTML 标签的富文本内容。

   • 例子：

     <rich-text nodes="{{richText}}"></rich-text>
     

   • 在 JavaScript 中设置富文本内容：

     Page({
       data: {
         richText: '<div>Hello, <span style="color: red;">World!</span></div>'
       }
     })
     

以上是一些基本的微信小程序视图组件和简单的使用案例。你可以根据实际需求组合和定制这些组件来构建丰富的小程序页面。