Advertisement

uni-app课程(二):常见视图组件

阅读量:

目录

一. 视图容器

  1. View:

  2. scroll-view

  3. Swiper


一.视图容器设计与实现

1.View:

其功能与传统HTML中的div标签相似,主要作用是用于封装多种元素内容。view节点支持多层级的嵌套结构。

复制代码
      <template>

    
     <view class="content">
    
             <view class="item">A</view>
    
             <view class="item">B</view>
    
             <view class="item">C</view>
    
         </view>
    
       </template>
    
    
    
    

2.scroll-view组件应用分析

区域滚动图是一种专门用于实现区域滚动效果的图表形式。从其名称即可理解其功能特性。特别需要指出的是,当进行垂直方向的滚动操作时,必须在CSS样式表中对容器的高度参数进行相应设定。

复制代码
 <!-- scroll scroll-Y 纵向滚动,scroll-top 设置滚动条的位置,@scrolltolower 滚动到

全部评论 (0)

还没有任何评论哟~