本文共 2824 字，大约阅读时间需要 9 分钟。

覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。

覆盖在原生组件之上的文本视图

media query 匹配检测节点。可以指定一组 media query 规则，满足时，这个节点才会被展示。

     
    
     当页面宽度在 300 ~ 500 px 之间时展示这里
    
   
     
    
     当页面高度不小于 400 px 且屏幕方向为纵向时展示这里
    
   

movable-area和movable-view的可移动区域。

Page({
     onShareAppMessage() {
       return {
         title: 'movable-view',      path: 'page/component/pages/movable-view/movable-view'    }  },  data: {
       x: 0,    y: 0,    scale: 2,  },  tap() {
       this.setData({
         x: 30,      y: 30    })  },  tap2() {
       this.setData({
         scale: 3    })  },  onChange(e) {
       console.log(e.detail)  },  onScale(e) {
       console.log(e.detail)  }})

     
        
           
      
       movable-view区域小于movable-area
            
              
       
        text
             
          
         
           
      点击移动到 (30px, 30px)    
         
           
      
       movable-view区域大于movable-area
            
              
       
        text
             
          
         
           
      
       只可以横向移动
            
              
       
        text
             
          
         
           
      
       只可以纵向移动
            
              
       
        text
             
          
         
           
      
       可超出边界
            
              
       
        text
             
          
         
           
      
       带有惯性
            
              
       
        text
             
          
         
           
      
       可放缩
            
              
       
        text
             
          
         
           
      点击放大3倍    
       
    
   

可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px

     
        
           
              
       
        Vertical Scroll\n纵向滚动
             
            
              
                 
                  
                  
                
             
          
         
           
              
       
        Horizontal Scroll\n横向滚动
             
            
              
                 
                  
                  
                
             
          
       
    
   

轮播图组件swiper和swiper-item

     
        
           
              
                 
         
          
                
             
          
         
           
              
                 
        
         指示点
                  
         
          
                
               
                 
        
         自动播放
                  
         
          
                
             
          
         
           
              
       
        幻灯片切换时长(ms)
               
       
        {
   {
   duration}}
             
            
            
              
       
        自动播放间隔时长(ms)
               
       
        {
   {
   interval}}
             
            
          
       
    
   

view相当于html中的div

转载地址：https://codeboy.blog.csdn.net/article/details/107685110 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！