幽灵资源网 Design By www.bzswh.com
个人中心的列表控件
首先来看效果图
wxml
<view class="list-item"> <image class="item-image" src="/UploadFiles/2021-04-02/fuwu.png">wxss
.list-item { display: flex; flex-direction: row; align-items: center; width: 100%; height: 80rpx; margin-top: 10rpx; position: relative; /*父元素位置要设置为相对*/ } .item-image { width: 50rpx; height: 50rpx; margin: 20rpx; } .item-text { color: gray; font-size: 35rpx; margin-left: 20rpx; } .image-jiantou { width: 20rpx; height: 35rpx; position: absolute; /* 要约束所在位置的子元素的位置要设置成绝对 */ right: 0; /* 靠右调节 */ margin-right: 35rpx } .line { width: 100%; height: 3rpx; background: lightgray; margin-left: 90rpx; }
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...