• 欢迎光临~

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

开发技术 开发技术 2022-07-18 次浏览

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;
      }
    }
  }

 

程序员灯塔
转载请注明原文链接:van-cell组件解决title和value宽度
喜欢 (0)