Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
靖轩达人
uni-app
提交
1feae53f
U
uni-app
项目概览
靖轩达人
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
1feae53f
编写于
11月 15, 2018
作者:
蓝色的小猫咪
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
懒加载示例细化
上级
4c6dbef3
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
9 addition
and
24 deletion
+9
-24
examples/hello-uniapp/common/uni.css
examples/hello-uniapp/common/uni.css
+2
-2
examples/hello-uniapp/pages/template/lazy-load/lazy-load.vue
examples/hello-uniapp/pages/template/lazy-load/lazy-load.vue
+7
-22
未找到文件。
examples/hello-uniapp/common/uni.css
浏览文件 @
1feae53f
...
@@ -570,12 +570,12 @@ radio-group label, checkbox-group label{
...
@@ -570,12 +570,12 @@ radio-group label, checkbox-group label{
.uni-media-list-text-top
{
.uni-media-list-text-top
{
width
:
100%
;
width
:
100%
;
line-height
:
36
upx
;
line-height
:
36
upx
;
font-size
:
3
4
upx
;
font-size
:
3
0
upx
;
}
}
.uni-media-list-text-bottom
{
.uni-media-list-text-bottom
{
width
:
100%
;
width
:
100%
;
line-height
:
30
upx
;
line-height
:
30
upx
;
font-size
:
2
8
upx
;
font-size
:
2
6
upx
;
color
:
#8f8f94
;
color
:
#8f8f94
;
}
}
...
...
examples/hello-uniapp/pages/template/lazy-load/lazy-load.vue
浏览文件 @
1feae53f
<
template
>
<
template
>
<view>
<view>
<view
class=
"
content
"
>
<view
class=
"
uni-padding-wrap
"
>
<view
class=
"
title"
>
延迟加载的理念:页面初始化时,暂不加载处于屏幕可见区域之外的图片。该方案会有如下几大好处:
</view
>
<view
class=
"
uni-helllo-text"
style=
"padding:30upx 0;"
>
<view
class=
"ul"
>
延迟加载的理念:页面初始化时,暂不加载处于屏幕可见区域之外的图片。该方案会有如下几大好处:
<view>
加快页面渲染速度
</view
>
<text>
\n加快页面渲染速度
</text
>
<view>
提升页面滚动性能
</view
>
<text>
\n提升页面滚动性能
</text
>
<view>
默认不下载屏幕外的图片,减少网络流量
</view
>
<text>
\n默认不下载屏幕外的图片,减少网络流量
</text
>
</view>
</view>
</view>
</view>
<view
class=
"uni-list"
>
<view
class=
"uni-list"
>
<view
class=
"uni-list-cell"
hover-class=
"uni-list-cell-hover"
v-for=
"(item,index) in list"
:key=
"index"
>
<view
class=
"uni-list-cell"
hover-class=
"uni-list-cell-hover"
v-for=
"(item,index) in list"
:key=
"index"
>
...
@@ -44,20 +44,5 @@
...
@@ -44,20 +44,5 @@
</
script
>
</
script
>
<
style
>
<
style
>
.content
{
font-size
:
30
upx
;
line-height
:
50
upx
;
color
:
#666666
;
padding
:
30
upx
;
}
.content
>
.title
{
font-size
:
28
upx
;
text-indent
:
2em
;
}
.content
>
.ul
{
padding-left
:
40
upx
;
color
:
#999999
;
}
</
style
>
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录