Vant中Icon图标在页面中居右

 今天用微信开发者工具写小程序用了vant里面的<van-icon>组件，想把这个图标的位置放在页面右边，用提供的样式类custom-class在wxss文件中设置了半天，什么float、align-items等等调试了半天，后来发现一个方法，可能有更好的，但是我不知道......

 

<van-icon name="add" custom-class="addItem" bind:click="addAddress" size="80rpx"/>

.addItem{
  text-align: right;
  margin: 20rpx;
}

 解决方法

<view class="addItem">
  <van-icon name="add" bind:click="addAddress" size="80rpx"/>
</view>

 在外面包裹了一个view，然后再写样式

.addItem{
  text-align: right;
  margin: 20rpx;
  color: #1296DB;
}

 

 搞定！