<view class="depositList_content">
<view v-for="(item,index) in depositListData" :key="index"
@click="getDetails(item)"
class="depositList_item">
<view style="width:45px;height:45px;margin-right: 10px;">
<image :src="depositImg[Math.round(Math.random()*2)]" class="depositImg"></image>
{{Math.round(Math.random()*2)}}
</view>
<view class="content_left">
<view class="annualRate_value">{{item.annual_rate}}%</view>
<view class="annualRate_text">满期利率</view>
</view>
<view class="content_right">
<view class="depositName">{{item.name}}</view>
<view class="depositDue" style="margin-top:3px" v-if="item.type===1&&(item.term>365&&item.term%365===0)">期限{{item.term/365}}年</view>
<view class="depositDue" style="margin-top:3px" v-else-if="item.type===1&&(item.term<365&&item.term%30===0)">期限{{item.term/30}}个月</view>
<view class="depositDue" style="margin-top:3px" v-else-if="item.type===0">本息续存</view>
<view class="depositDue" style="margin-top:3px" v-else="item.type===1">期限{{item.term}}天</view>
</view>
</view>
<view @click="changeFoldState" class="more">
<view class="moreText" v-if="foldText">
{{foldText}}
<van-icon name="arrow-down" size="12px" v-if="isFold"/>
<van-icon name="arrow-up" size="12px" v-else/>
</view>
</view>
</view>
depositImg:[
require('../../static/1.jpg'),
require('../../static/2.jpg'),
require('../../static/3.jpg'),
],
showProduct(){
showProductHavePublished().then(res=>{
if(res.data.length<4){
var depositItem=[]
for(var i = 0; i < res.data.length; i++) {
depositItem.push(res.data[i])
}
this.depositListData=depositItem
this.foldText=''
}else{
if(this.isFold){
var depositItem=[]
for(var i = 0; i < 3; i++) {
depositItem.push(res.data[i])
}
this.foldText='展开'
this.depositListData=depositItem
}else{
var depositItem=[]
for(var i = 0; i < res.data.length; i++) {
depositItem.push(res.data[i])
}
this.foldText="折叠"
this.depositListData=depositItem
}
}
console.log("this.depositListData:",this.depositListData)
})
}
请问如何生成随机图使每一项产品的配图不同,请赐教,不胜感激。
多刷新几次也是一样的?