van-cell组件解决title和value宽度

van-cell 组件默认宽度为各占50%
想要增加value的宽度,给当前组件的van-cell__value设置 min-width
van-cell__value本身是右对齐,但是换行之后,最后一行需要左对齐而不是右对齐,解决方法如下面的span样式

.address-cell {
    .van-cell__title {
      min-width: 70%;
      text-align: left;
    }
    .van-cell__value {
      min-width: 30%;
      span {
        display: inline-block;
        text-align: left;
        word-break: break-all;
      }
    }
  }

 

posted @ 2022-07-18 16:46  ZJTL  阅读(3999)  评论(0编辑  收藏  举报