如何在小程序中实现瀑布效果
浏览：794 次
这是我的瀑布效应。如果你想要这种效果，你可以参考它。
首先，在微信开发者工具页面上写下这两列格式，一列在左边，一列位于右边。代码如下：
样式代码如下：
/**索引.wxss**/
.city_历史记录{
边距顶部：10px；
填充顶部：5px；
边框顶部：1px#dadada实心；
}
.history_内容{
明确：两者都有；
溢出：隐藏；
宽度：100%；
}
.history_ content.左，。history_内容。右{
宽度：49%；
}
.history_内容.left{
float：左；
}
.history_内容.right{
float：右；
}
.history_项目{
显示：内嵌块；
背景：#fff；
边距底部：20px；
边框半径：10px；
宽度：100%；
}
.项目img{
宽度：100%；
边框半径：10px 10px 0 0；
}
.项目标题{
填充：10px；
字体大小：14px；
font-family:'PingFang SC Medium'；
颜色：#1e1e1e；
}
.项目ava{
宽度：35px；
高度：35px；
边界半径：100%；
float：左；
右边距：10px；
}
.history_ auth_名称{
填充：0 0 10px 10px；
}
.name标题{
字体大小：12px；
font-family:'PingFang SC Medium'；
颜色：#1e1e1e；
显示：块；
}
外部组件代码如下：
以上是瀑布代码的一部分。整个特定文件可以从我的github下载https://github.com/chengwenxia1100/pbl
