微信小程序该如何展示这样的列表界面?
问题描述:
答
meet.wxml文件
<view class="meet">
<view class="flex_1">
<view>2020-12-31 10:10:30</view>
<view>标题</view>
</view>
<view class="flex_2">查看详情</view>
</view>
meet.wxss文件
.meet {
padding: 10rpx 30rpx;
display: flex;
}
.meet .flex_1 {
flex:2
}
.meet .flex_2 {
flex:1;
text-align: right;
color: #298DF7;
}
效果图
答
这种简单的列表展示样式随便找个样式库都有
答
个人实现 倾向使用 Flex 布局,外层使用 flex-direction: row ,内部分别 使用 flex-direction:column ,设置一下 宽度比例,即可。