uni-app 小程序

 

 

 

 

 

 

 

小程序有globalData，这是一种简单的全局变量机制。这套机制在uni-app里也可以使用，并且全端通用。

 

 

scroll-view 可滚动使徒区域

可滚动区域高度： height: calc(100vh - tabbar高度)

@scrolltolower ---> 触底后 请求数据，加载新数据  --------  还可以使用页面生命周期的onReachBottom 实现
skip：跳过多少条
limit： 每次请求多少条数据
skip+=limit

 

 

页面跳转 navigator
<navigator class="album_item"
url="/pages/album/index?id=123"
v-for="item in album"
:key="item.id"
>

 

 

mode=widthFix 原图显示
mode = aspectFill 既保证原来图片内容的等比例拉伸，同时会将图片拉伸至整个标签的大小

 

 

 

 

溢出隐藏显示...

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;//禁止换行

flex：1 占比 一份

小程序图标 常规操作
<image mode="aspectFill" :src="item.cover" ></image>

<!--
关于小程序轮播图
1 自动轮播 autoplay
2 指示器 indicator-dots
3 衔接轮播 circular

4 swiper
默认的高度 150px
5 image
默认的宽度 320px => 基本样式中 重置了 100%
默认的高度 240px
6 计算图片的宽度和高度的比例
7 把图片的比例也写到swiper标签样式
8 swiper-item
100%
-->