vant 中使用cell组件 定义图标该图片和位置

@本来想直接使用icon组件,使用阿里的图标库,可是怎么弄也不行,折腾一下午,最后决定使用最笨的办法,直接上代码

vant 中使用cell组件 定义图标该图片和位置像微信信息栏一样

<div>
      <van-cell-group class="vanCellGroupClass"><!--../../assets/tou.png-->
        <!--<van-cell icon="" title="二级经营单位" value="未完成" size="large"  label="二级经营单位" class="vanCellClass" />-->
        <van-cell value="未完成" label="描述信息">
          <template slot="title">
            <div class="c1"><img src="../../assets/img/tou.png" style="width: 3.6rem;"></div>
            <span class="custom-text">二级经营单位</span>
          </template>
        </van-cell>
      </van-cell-group>
      <br>
    </div>


//css样式,给cell部分从新定义了css样式
.van-cell__value {
      color: #e6210c;
      font-weight: bold;
      font-size: 1rem;
      overflow: hidden;
      text-align: right;
      line-height: 3.0625rem;
      flex: 1;
      position: relative;
      vertical-align: middle;
    }
  .van-cell__title{
    position: relative;
    flex: 2;
  }
  .c1{
    width: 0.625rem;
    height: 0.625rem;
  }
  .van-cell__label[data-v-5ff568b8] {
    font-size: 1rem;
    line-height: 1.1rem;
    padding-left: 4.3rem;
  }.custom-text{
       font-size: 1.2rem;
    margin-left: 4.3rem;
     }

主要百度上的方法都试过了,实在没有办法

你可能感兴趣的:(vant 中使用cell组件 定义图标该图片和位置)