求大神详细解释这都用到了什么代码，有什么用？

<view class="container">

  <view class="widget">

    <swiper class="swiper" autoplay="{{autoplay}}" interval="{{interval}}" indicator-dots="{{true}}"

      indicator-color="green" indicator-active-color="white" duration="1000" vertical="{{false}}" previous-margin="0px"

      next-margin="0px" circular="{{true}}" display-multiple-items="1" easing-function="easeInOutCubic"

      bindchange="swiperchange" bindanimationfinish="animation">

      <block wx:for="{{imgs}}">

        <swiper-item class="swiper-item-{{index}}">

          <image src="{{item}}" show-menu-by-longpress="{{true}}" bindload="loadsuccess" mode="aspectFill">

          </image>

        </swiper-item>

      </block>

    </swiper>

  </view>

  <view class="widget">

    <switch model:checked="{{autoplay}}" disabled="{{false}}" type="switch" color="red" bindchange="switchchange">

    </switch>

  </view>

  <view class="widget">

    <text>slider</text>

    <view class="widget-in slider">

      <slider min="1000" max="10000" step="1000" value="3000" backgroundColor="#0000ff" activeColor="0000ff"

        block-size="28" show-value="true" disabled="{{false}}" bindchange="sliderchange" bindchanging="sliderchanging">

      </slider>

    </view>

  </view>

  <view class="view-img" style="backgroundColor:green;height:300px;width:80%">

    <swiper indicator-dots="true" interval="3000" autoplay="{{true}}" circular="{{true}}" indicator-color="dark"

      indicator-active-color="green">

      <swiper-item wx:for="{{imgmodes}}">

        <image

          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic150.nipic.com%2Ffile%2F20171129%2F25798087_213853451000_2.jpg&refer=http%3A%2F%2Fpic150.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619526906&t=c51126c200dadd05eacdefddd1846c61"

          mode="{{item}}"></image>

      </swiper-item>

    </swiper>

  </view>

  <view>

    <view>

      <text space="emsp">text     text</text>

    </view>

    <view>

      <text class="text-decode" decode="{{true}}">&lt; &gt; &amp; &apos;</text>

    </view>

  </view>

  <view>

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

    <icon type="success_no_circle"></icon>

    <icon type="info"></icon>

    <icon type="warn" size="20"></icon>

    <icon type="waiting"></icon>

    <icon type="cancel"></icon>

    <icon type="download"></icon>

    <icon type="search"></icon>

    <icon type="clear" color="blue" size="20"></icon>

  </view>

</view>

uni-app里的组件，直接去官网上对应着文档查一下就好了