liaoxinyu
/
Sbdccoin_h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改图片

master
liaoxinyu 2 years ago
parent
396550e16b
commit
a05e2954ab
1 changed files with 29 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 60
      pages/base/home.vue

60
pages/base/home.vue
View File

@ -167,8 +167,8 @@
<view class="trends_box"> <view class="trends_box">
<v-link :to="{path: '/pages/exchange/index', query: { code: item.pair_name },}" class="trends_box1" <v-link :to="{path: '/pages/exchange/index', query: { code: item.pair_name },}" class="trends_box1"
v-for="item in parentItem.marketInfoList.slice(0,6)" :key="item.pair_name"> v-for="item in parentItem.marketInfoList.slice(0,6)" :key="item.pair_name">
<view> <view v-for="(items,index) in imgList2" :key="index">
<image :src="item.coin_icon" style="width: 60rpx;height: 60rpx;margin-right: 12rpx;"></image> <image :src="items.coin_icon" v-if="items.coin_name==item.coin_name" style="width: 60rpx;height: 60rpx;margin-right: 12rpx;"></image>
</view> </view>
<view> <view>
<text>{{ item.coin_name }}</text> <text>{{ item.coin_name }}</text>
@ -270,14 +270,14 @@
<view class="rfm-marquee-container"> <view class="rfm-marquee-container">
<view class="rfm-marquee"> <view class="rfm-marquee">
<view class="rfm-initial-child-container"> <view class="rfm-initial-child-container">
<view class="rfm-child d-flex" style="height: 56px;align-items: center;" v-for="(parentItem,index) in marketList" :key="parentItem.coin_name"> <view class="rfm-child d-flex" style="height: 56px;align-items: center;">
<view style="width: 230rpx;" v-for="(item,iindex) in parentItem.marketInfoList.slice(0,6)" :key="iindex+'img'"> <view style="width: 230rpx;" v-for="(item,iindex) in imgList2.slice(0,6)" :key="iindex+'img'">
<view class="price-info d-flex"> <view class="price-info d-flex">
<img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;"></img> <img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;"></img>
<view class="d-flex">{{ item.coin_name }}</view> <view class="d-flex">{{ item.coin_name }}</view>
</view> </view>
</view> </view>
<view style="width: 230rpx;" v-for="(item,imgIndex) in parentItem.marketInfoList.slice(0,6)" :key="imgIndex"> <view style="width: 230rpx;" v-for="(item,imgIndex) in imgList2.slice(0,6)" :key="imgIndex">
<view class="price-info d-flex"> <view class="price-info d-flex">
<img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;"></img> <img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;"></img>
<view class="d-flex">{{ item.coin_name }}</view> <view class="d-flex">{{ item.coin_name }}</view>
@ -292,14 +292,14 @@
<view class="rfm-marquee-container"> <view class="rfm-marquee-container">
<view class="rfm-marquee"> <view class="rfm-marquee">
<view class="rfm-initial-child-container"> <view class="rfm-initial-child-container">
<view class="rfm-child d-flex" style="height: 56px;align-items: center;" v-for="(parentItem,index) in marketList" :key="parentItem.coin_name"> <view class="rfm-child d-flex" style="height: 56px;align-items: center;">
<view style="width: 230rpx;" v-for="(item,iindex) in parentItem.marketInfoList.slice(3,10)" :key="iindex+'img'"> <view style="width: 230rpx;" v-for="(item,iindex) in imgList2.slice(3,10)" :key="iindex+'img'">
<view class="price-info d-flex"> <view class="price-info d-flex">
<img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;"></img> <img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;"></img>
<view class="d-flex">{{ item.coin_name }}</view> <view class="d-flex">{{ item.coin_name }}</view>
</view> </view>
</view> </view>
<view style="width: 230rpx;" v-for="(item,imgIndex) in parentItem.marketInfoList.slice(3,10)" :key="imgIndex"> <view style="width: 230rpx;" v-for="(item,imgIndex) in imgList2.slice(3,10)" :key="imgIndex">
<view class="price-info d-flex"> <view class="price-info d-flex">
<img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;"></img> <img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;"></img>
<view class="d-flex">{{ item.coin_name }}</view> <view class="d-flex">{{ item.coin_name }}</view>
@ -314,22 +314,16 @@
<view class="rfm-marquee-container"> <view class="rfm-marquee-container">
<view class="rfm-marquee"> <view class="rfm-marquee">
<view class="rfm-initial-child-container"> <view class="rfm-initial-child-container">
<view class="rfm-child d-flex" style="height: 56px;align-items: center;" v-for="(parentItem,index) in marketList" :key="parentItem.coin_name"> <view class="rfm-child d-flex" style="height: 56px;align-items: center;">
<view style="width: 230rpx;" v-for="(item,iindex) in parentItem.marketInfoList.slice(6,13)" :key="iindex+'img'"> <view style="width: 230rpx;" v-for="(item,iindex) in imgList2.slice(6,13)" :key="iindex+'img'">
<view class="price-info d-flex"> <view class="price-info d-flex">
<img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;" <img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;" />
v-if="item.coin_name !== 'TRX'" />
<img src="https://seee.ewmcoin.com/storage/images/trx.png" style="width: 28px;height: 28px;margin-right: 5px;"
v-else />
<view class="d-flex">{{ item.coin_name }}</view> <view class="d-flex">{{ item.coin_name }}</view>
</view> </view>
</view> </view>
<view style="width: 230rpx;" v-for="(item,imgIndex) in parentItem.marketInfoList.slice(6,13)" :key="imgIndex"> <view style="width: 230rpx;" v-for="(item,imgIndex) in imgList2.slice(6,13)" :key="imgIndex">
<view class="price-info d-flex"> <view class="price-info d-flex">
<img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;" <img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;" />
v-if="item.coin_name !== 'TRX'" />
<img src="https://seee.ewmcoin.com/storage/images/trx.png" style="width: 28px;height: 28px;margin-right: 5px;"
v-else />
<view class="d-flex">{{ item.coin_name }}</view> <view class="d-flex">{{ item.coin_name }}</view>
</view> </view>
</view> </view>
@ -342,22 +336,16 @@
<view class="rfm-marquee-container"> <view class="rfm-marquee-container">
<view class="rfm-marquee"> <view class="rfm-marquee">
<view class="rfm-initial-child-container"> <view class="rfm-initial-child-container">
<view class="rfm-child d-flex" style="height: 56px;align-items: center;" v-for="(parentItem,index) in marketList" :key="parentItem.coin_name"> <view class="rfm-child d-flex" style="height: 56px;align-items: center;">
<view style="width: 230rpx;" v-for="(item,iindex) in parentItem.marketInfoList.slice(7,16)" :key="iindex+'img'"> <view style="width: 230rpx;" v-for="(item,iindex) in imgList2.slice(7,16)" :key="iindex+'img'">
<view class="price-info d-flex"> <view class="price-info d-flex">
<img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;" <img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;" />
v-if="item.coin_name !== 'TRX'" />
<img src="https://seee.ewmcoin.com/storage/images/trx.png" style="width: 28px;height: 28px;margin-right: 5px;"
v-else />
<view class="d-flex">{{ item.coin_name }}</view> <view class="d-flex">{{ item.coin_name }}</view>
</view> </view>
</view> </view>
<view style="width: 230rpx;" v-for="(item,imgIndex) in parentItem.marketInfoList.slice(7,16)" :key="imgIndex"> <view style="width: 230rpx;" v-for="(item,imgIndex) in imgList2.slice(7,16)" :key="imgIndex">
<view class="price-info d-flex"> <view class="price-info d-flex">
<img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;" <img :src="item.coin_icon" style="width: 28px;height: 28px;margin-right: 5px;" />
v-if="item.coin_name !== 'TRX'" />
<img src="https://seee.ewmcoin.com/storage/images/trx.png" style="width: 28px;height: 28px;margin-right: 5px;"
v-else />
<view class="d-flex">{{ item.coin_name }}</view> <view class="d-flex">{{ item.coin_name }}</view>
</view> </view>
</view> </view>
@ -1043,7 +1031,8 @@
require('../../assets/img/home/img10.png'), require('../../assets/img/home/img10.png'),
require('../../assets/img/home/img11.png'), require('../../assets/img/home/img11.png'),
require('../../assets/img/home/img12.png') require('../../assets/img/home/img12.png')
] ],
imgList2:[]
}; };
}, },
computed: { computed: {
@ -1164,6 +1153,15 @@
this.notice = res.data.noticeList; this.notice = res.data.noticeList;
this.indexList = res.data.brokenLine; this.indexList = res.data.brokenLine;
this.marketList = res.data.marketList; this.marketList = res.data.marketList;
this.imgList2 = [];
this.marketList[0].marketInfoList.map(item=>{
this.imgList2.push({
coin_name: item.coin_name,
coin_icon:item.coin_icon
})
})
// this.infoActive = 1; // this.infoActive = 1;
this.dunshift(); this.dunshift();
this.getCollect(); this.getCollect();

Write Preview
Loading…
Cancel
Save