【vue 怎么动态调试css样式 _vue相关】

vue 怎么动态调试css样式

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

vue相关

详细描述

截图

代码

<template lang="html">
  <div class="productlist">
    <Title v-bind:titleValue="title"></Title>
    <img class="titleimg" src="../assets/product/slide.png" alt="">
    <ul class="productlist-list">
      <li v-for="item in productList">
        <div class="incomelist">
          <span class="list-title"> {{item.productName}}</span>   <span class="income orange">{{item.expectedRate|incomeChange}}</span>
        </div>

        <div class="list-days">
          <span>投资周期  <span class="orange">{{item.investmentCycle|daysChange}}</span>
            <span class="income-div" :style="'width:'+percent+'%'">
          </span>
          <span class="list-right">预计年化收益</span>
        </span>
        </div>

      </li>
    </ul>
  </div>
</template>

编辑于2024-04-28

时间排序

热门排序

[西安|结业弟子]JS-胡玉周
0

:style="'width:'+percent+'%'
这样就可以根据data的数据percent修改css样式了

查看全部>

编辑于2018-07-07

去第页