鳕鱼天空

This is Mr Wang's Tech Blog.

微信小程序列表项的右侧带箭头怎么做

在.wxml文件中新增一个标签


<view class='list'>
  <view class='list1'>
    <image src='../../images/list.jpg'></image>
    <text>我的发布</text>
    <view class='arrow'></view>
  </view>
</view>

然后在.wxss中修饰

.arrow {
  width: 10px;
  height: 10px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  position: absolute;
  right: 20rpx;
  transform: rotate(45deg);
  margin-top: 10rpx;
}

原文链接:https://blog.csdn.net/qq_39702981/article/details/84286228