介绍 & lt;视图类=發ist-item"比;
& lt;图象类=癷tem-image"src=https://www.yisu.com/zixun/" . ./图片/fuwu.png ">
<文本类=" item-text ">我的收藏
<图象类=" image-jiantou " src=" . ./图片/jiantou.png ">
<视图类="线"> 。列表项{
显示:flex;
flex-direction:行;
对齐项目:中心;
宽度:100%;
身高:80 rpx;
margin-top: 10 rpx;
位置:相对;/*父元素位置要设置为相对*/}
.item-image {
宽度:50 rpx;
高度:50 rpx;
保证金:20 rpx;
}
.item-text {
颜色:灰色;
字体大小:35 rpx;
margin-left: 20 rpx;
}
.image-jiantou {
宽度:20 rpx;
高度:35 rpx;
位置:绝对的;/*要约束所在位置的子元素的位置要设置成绝对*/右:0;/*靠右调节*/margin-right: 35 rpx
}
.line {
宽度:100%;
高度:3 rpx;
背景:浅灰色;
margin-left: 90 rpx;
}
这篇文章主要讲解了如何实现微信小程序个人中心的列表控件,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
个人中心的列表控件
首先来看效果图
wxml
wxs
看完上述内容,是不是对如何实现微信小程序个人中心的列表控件有进一步的了解,如果还想学习更多内容,欢迎关注行业资讯频道。
