Vue图片的相关问题

1、使用本地图片

 picUrl:{
       type:String,
       default(){
         // 注意传头像默认本地地址时，需要加上require
          return require('@/assets/img/defaultAva.png');
        }
 },

2、使用后端传过来的图片动态绑定背景图时

 <div class="center" :style="{backgroundImage:'url('+obj.background+')'}">
 </div>

3、使用vantUI编写根据数据计算的进度条

<van-progress :percentage="parseInt((number/highNumber)*100||0)"
      track-color="#648295" color="#39586A" class="progress" pivot-text=""/>

~~2月8日日志：1、权益列表字段更新 2、加上顶部导航栏 3、调整样式问题  
4、字号<12px时，chrome浏览器不支持，可以利用transform:scale(0.5)//缩放为原来的0.5倍  5、动态背景图 :style="{backgroundImage:'url('+rightData.background+')'}"  6、会员加锁不加锁动态展示 :style="{display:rightData.showMe === '1' ? 'none':'block'}"

~~2月9日，1、自定义指示器2、js逻辑：不同会员不同的主题色。3、升级攻略接口数据更新。4、右滑跳转新静态页面的开发5、底部不是轮播的，是固定的。

1、实现van-swipe自定义指示器，data中定义current ：0，

<div class="custom-indicator" slot="indicator">
   <div v-for="(it,key) in 5" :key="key" >
     <img v-if="current == key" src="@/assets/img/selected.png" alt="" class="activedImg">
     <img v-else src="@/assets/img/unselected.png" alt="" class="unActivedImg">
   </div>
</div>

 onChange(index) {
      this.current = index;
      console.log(this.current);
    }

2、1、底部不是轮播的，是固定的。2、轮播对象数组的顺序。3、js逻辑：不同会员不同的主题色。4、升级攻略页接口数据更新。5、右滑怎么获取成长值跳转新静态页面的开发