提交 1feae53f 编写于 作者: 蓝色的小猫咪's avatar 蓝色的小猫咪

懒加载示例细化

上级 4c6dbef3
...@@ -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: 36upx; line-height: 36upx;
font-size: 34upx; font-size: 30upx;
} }
.uni-media-list-text-bottom { .uni-media-list-text-bottom {
width: 100%; width: 100%;
line-height: 30upx; line-height: 30upx;
font-size: 28upx; font-size: 26upx;
color: #8f8f94; color: #8f8f94;
} }
......
<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: 30upx;
line-height: 50upx;
color: #666666;
padding: 30upx;
}
.content>.title {
font-size:28upx;
text-indent: 2em;
}
.content>.ul {
padding-left: 40upx;
color: #999999;
}
</style> </style>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册