uni-app组件、网络请求

swiper轮播图

滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图，注意是滑动切换而不是滚动。swiper下的每个swiper-item是一个滑动切换区域，不能停留在2个滑动区域之间。

属性说明
* indicator-dots：是否显示面板指示点
* autoplay :是否自动切换
* interval :自动切换时间间隔

实例：

scroll-view

可滚动视图区域
补充：不换行：white-space: nowrap
scroll-view属性：
* scroll-x ：允许横向滚动
* scroll-y ：允许纵向滚动
* scroll-into-view ：值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素
* scroll-with-animation :在设置滚动条位置时使用动画过渡
* @scrolltolower :滚动到底部/右边，会触发 scrolltolower 事件
* @scroll ：滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
实例：可以左右滑动的模块

          A
          B
          C

运用纵向滑动设置一个类似锚点选择的功能（常用于外卖）

        
            
                {
    {item.title}}
            
        
        
            
                
                    {
    {item.title}}
                    
                        {
    {it}}
                    
                
            
        
    

注意：使用竖向滚动时，需要给 一个固定高度，通过 css 设置 height。
:scroll-into-view=“clickId”：给每个标题加id

实现双联动

            
                
                
                    {
    {item.title}}
                
            
            
                
                
                
                    
                        {
    {item.title}}
                        
                            {
    {it}}
                        
                    
                
            
        

注意：.exec()为执行函数

网络请求

uni.request
作用：发起网络请求
OBJECT参数说明
success返回参数说明

method 有效值： 必须大写，有效值在不同平台差异说明不同
GET//适用于各平台
POST//适用于各平台
PUT
DELETE
CONNECT
HEAD
OPTIONS
TRACE
data 数据说明
最终发送给服务器的数据是 String 类型，如果传入的 data 不是 String 类型，会被转换成 String。转换规则如下：
1. 对于 GET 方法，会将数据转换为 query string。例如 { name: ‘name’, age: 18 } 转换后的结果是 name=name&age=18。
2. 对于 POST 方法且 header[‘content-type’] 为 application/json 的数据，会进行 JSON 序列化。
3. 对于 POST 方法且 header[‘content-type’] 为 application/x-www-form-urlencoded 的数据，会将数据转换为 query string。

示例：

testRequest(){
      uni.request({
            url: 'https://bird.ioliu.cn/weather', 
            data: {
                 city: '北京'
             },
             header: {
                  'token': 'xxx' //自定义请求头信息
              },
              success: (res) => {
                  console.log(res);
              }
       })
}