zhixinlian
/
fontend-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

轮播图地址修改

Browse Source
master
钟海欣 5 years ago
parent cf6fa6432e
commit 44768496f4
3 changed files with 89 additions and 55 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. 2
      src/api/app.js
  2. 4
      src/components/common/footer.vue
  3. 138
      src/pages/index.vue

2
src/api/app.js
Unescape View File

@ -8,7 +8,7 @@ export const jgimApi = 'http://www.zhixinchains.com/imjg'; //聊天
export const sysconfApi = 'http://www.zhixinchains.com/sysconf'; //行情 export const sysconfApi = 'http://www.zhixinchains.com/sysconf'; //行情
export const userApi = 'http://www.zhixinchains.com/user'; //用户 export const userApi = 'http://www.zhixinchains.com/user'; //用户
export const FILE_URL = 'http://www.zhixinchains.com/files/'; //图片地址 export const FILE_URL = 'http://file.zhixinchains.com/'; //图片地址
// export const c2cApi = 'https://c2c.flamex.io'; //法币 // export const c2cApi = 'https://c2c.flamex.io'; //法币
// export const btcApi = 'https://btc.flamex.io'; //BTC钱包 // export const btcApi = 'https://btc.flamex.io'; //BTC钱包

4
src/components/common/footer.vue
Unescape View File

@ -31,7 +31,9 @@
<p>{{$t('footer.phone')}}：020-1600000</p> <p>{{$t('footer.phone')}}：020-1600000</p>
<p class="email">{{$t('footer.mailbox')}}：xgbjs@hkcx.com</p> <p class="email">{{$t('footer.mailbox')}}：xgbjs@hkcx.com</p>
</div>--> </div>-->
<p class="statement">Copyright © 2019 FLAMEX.IO All Rights Reserved</p> <p class="statement">
Copyright © 2019 ZHIXINCHAINS.IO All Rights Reserved
</p>
</div> </div>
</div> </div>
</div> </div>

138
src/pages/index.vue
Unescape View File

@ -4,7 +4,11 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<div class="home-big"> <div class="home-big">
<el-carousel indicator-position="none" id="el-carousel" style="height: 500px;"> <el-carousel
indicator-position="none"
id="el-carousel"
style="height: 500px;"
>
<el-carousel-item v-for="(lunbo, indexLun) in lunbo" :key="indexLun"> <el-carousel-item v-for="(lunbo, indexLun) in lunbo" :key="indexLun">
<a :href="lunbo.jumpUrl" target="_blank"> <a :href="lunbo.jumpUrl" target="_blank">
<img :src="fileUrl + lunbo.fileUrl" alt /> <img :src="fileUrl + lunbo.fileUrl" alt />
@ -16,10 +20,14 @@
<!-- 公告 --> <!-- 公告 -->
<div class="eurTitle2"> <div class="eurTitle2">
<div class="eurTitle"> <div class="eurTitle">
{{$t('price.index.index_notice')}}: {{ $t('price.index.index_notice') }}:
<!-- 轮播 --> <!-- 轮播 -->
<swipe class="my-swipe"> <swipe class="my-swipe">
<swipe-item class="slide" v-for="(gong, indexGao) in gongGao" :key="indexGao"> <swipe-item
class="slide"
v-for="(gong, indexGao) in gongGao"
:key="indexGao"
>
<a :href="'./footer/noticeValue?id=' + gong.id"> <a :href="'./footer/noticeValue?id=' + gong.id">
<!-- <span v-if="lantion == 'zh-HK'">{{gong.detailsHk}} - </span> --> <!-- <span v-if="lantion == 'zh-HK'">{{gong.detailsHk}} - </span> -->
<span v-if="lantion == 'zh-CN'">{{ gong.title }}</span> <span v-if="lantion == 'zh-CN'">{{ gong.title }}</span>
@ -68,8 +76,12 @@
<span>{{ $t('price.table.header_qulit') }}</span> <span>{{ $t('price.table.header_qulit') }}</span>
{{ item.total | formatV }} {{ item.total | formatV }}
</p> </p>
<div class="upData" v-if="item.percent >= 0">+{{ (item.percent * 100) | formatW }}%</div> <div class="upData" v-if="item.percent >= 0">
<div class="upData2" v-else>{{ (item.percent * 100) | formatW }}%</div> +{{ (item.percent * 100) | formatW }}%
</div>
<div class="upData2" v-else>
{{ (item.percent * 100) | formatW }}%
</div>
<div class="curreyBig">{{ item.currencyPair.split('-')[0] }}</div> <div class="curreyBig">{{ item.currencyPair.split('-')[0] }}</div>
</a> </a>
</div> </div>
@ -118,67 +130,83 @@
{{ ran.amount | formatV }} {{ ran.amount | formatV }}
<span>/</span> <span>/</span>
<span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span> <span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span>
<span v-else-if="!currentrate">{{ (ran.amount * ran.usdAmount) | formatV }} USD</span> <span v-else-if="!currentrate"
<span >{{ (ran.amount * ran.usdAmount) | formatV }} USD</span
v-else-if="currentrate == 'HKD'" >
>{{ (ran.amount * ran.hkdAmount) | formatV }} HKD</span> <span v-else-if="currentrate == 'HKD'"
<span >{{ (ran.amount * ran.hkdAmount) | formatV }} HKD</span
v-else-if="currentrate == 'USD'" >
>{{ (ran.amount * ran.usdAmount) | formatV }} USD</span> <span v-else-if="currentrate == 'USD'"
<span >{{ (ran.amount * ran.usdAmount) | formatV }} USD</span
v-else-if="currentrate == 'CNY'" >
>{{ (ran.amount * ran.cnyAmount) | formatV }} CNY</span> <span v-else-if="currentrate == 'CNY'"
<span v-else>{{ (ran.amount * ran.eurAmount) | formatV }} EUR</span> >{{ (ran.amount * ran.cnyAmount) | formatV }} CNY</span
>
<span v-else
>{{ (ran.amount * ran.eurAmount) | formatV }} EUR</span
>
</div> </div>
<div class="rangeTdPrice" v-else> <div class="rangeTdPrice" v-else>
{{ ran.amount | formatV }} {{ ran.amount | formatV }}
<span>/</span> <span>/</span>
<span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span> <span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span>
<span v-else-if="!currentrate">{{ (ran.amount * ran.usdAmount) | formatV }} USD</span> <span v-else-if="!currentrate"
<span >{{ (ran.amount * ran.usdAmount) | formatV }} USD</span
v-else-if="currentrate == 'HKD'" >
>{{ (ran.amount * ran.hkdAmount) | formatV }} HKD</span> <span v-else-if="currentrate == 'HKD'"
<span >{{ (ran.amount * ran.hkdAmount) | formatV }} HKD</span
v-else-if="currentrate == 'USD'" >
>{{ (ran.amount * ran.usdAmount) | formatV }} USD</span> <span v-else-if="currentrate == 'USD'"
<span >{{ (ran.amount * ran.usdAmount) | formatV }} USD</span
v-else-if="currentrate == 'CNY'" >
>{{ (ran.amount * ran.cnyAmount) | formatV }} CNY</span> <span v-else-if="currentrate == 'CNY'"
<span v-else>{{ (ran.amount * ran.eurAmount) | formatV }} EUR</span> >{{ (ran.amount * ran.cnyAmount) | formatV }} CNY</span
>
<span v-else
>{{ (ran.amount * ran.eurAmount) | formatV }} EUR</span
>
</div> </div>
<!-- 价格高 --> <!-- 价格高 -->
<div class="rangeTd"> <div class="rangeTd">
{{ ran.highest | formatV }} {{ ran.highest | formatV }}
<span>/</span> <span>/</span>
<span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span> <span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span>
<span v-else-if="!currentrate">{{ (ran.highest * ran.usdAmount) | formatV }} USD</span> <span v-else-if="!currentrate"
<span >{{ (ran.highest * ran.usdAmount) | formatV }} USD</span
v-else-if="currentrate == 'HKD'" >
>{{ (ran.highest * ran.hkdAmount) | formatV }} HKD</span> <span v-else-if="currentrate == 'HKD'"
<span >{{ (ran.highest * ran.hkdAmount) | formatV }} HKD</span
v-else-if="currentrate == 'USD'" >
>{{ (ran.highest * ran.usdAmount) | formatV }} USD</span> <span v-else-if="currentrate == 'USD'"
<span >{{ (ran.highest * ran.usdAmount) | formatV }} USD</span
v-else-if="currentrate == 'CNY'" >
>{{ (ran.highest * ran.cnyAmount) | formatV }} CNY</span> <span v-else-if="currentrate == 'CNY'"
<span v-else>{{ (ran.highest * ran.eurAmount) | formatV }} EUR</span> >{{ (ran.highest * ran.cnyAmount) | formatV }} CNY</span
>
<span v-else
>{{ (ran.highest * ran.eurAmount) | formatV }} EUR</span
>
</div> </div>
<!-- 价格低 --> <!-- 价格低 -->
<div class="rangeTd"> <div class="rangeTd">
{{ ran.lowest | formatV }} {{ ran.lowest | formatV }}
<span>/</span> <span>/</span>
<span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span> <span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span>
<span v-else-if="!currentrate">{{ (ran.lowest * ran.usdAmount) | formatV }} USD</span> <span v-else-if="!currentrate"
<span >{{ (ran.lowest * ran.usdAmount) | formatV }} USD</span
v-else-if="currentrate == 'HKD'" >
>{{ (ran.lowest * ran.hkdAmount) | formatV }} HKD</span> <span v-else-if="currentrate == 'HKD'"
<span >{{ (ran.lowest * ran.hkdAmount) | formatV }} HKD</span
v-else-if="currentrate == 'USD'" >
>{{ (ran.lowest * ran.usdAmount) | formatV }} USD</span> <span v-else-if="currentrate == 'USD'"
<span >{{ (ran.lowest * ran.usdAmount) | formatV }} USD</span
v-else-if="currentrate == 'CNY'" >
>{{ (ran.lowest * ran.cnyAmount) | formatV }} CNY</span> <span v-else-if="currentrate == 'CNY'"
<span v-else>{{ (ran.lowest * ran.eurAmount) | formatV }} EUR</span> >{{ (ran.lowest * ran.cnyAmount) | formatV }} CNY</span
>
<span v-else
>{{ (ran.lowest * ran.eurAmount) | formatV }} EUR</span
>
</div> </div>
<!-- 24H量 --> <!-- 24H量 -->
<div class="rangeTd"> <div class="rangeTd">
@ -186,8 +214,12 @@
<!-- <span>{{ $t('price.index.index_num') }}</span> --> <!-- <span>{{ $t('price.index.index_num') }}</span> -->
</div> </div>
<!-- 涨跌幅 --> <!-- 涨跌幅 -->
<div class="rangeTd" v-if="ran.percent >= 0">+{{ (ran.percent * 100) | formatW }}%</div> <div class="rangeTd" v-if="ran.percent >= 0">
<div class="button" v-else>{{ (ran.percent * 100) | formatW }}%</div> +{{ (ran.percent * 100) | formatW }}%
</div>
<div class="button" v-else>
{{ (ran.percent * 100) | formatW }}%
</div>
</div> </div>
</a> </a>
</div> </div>
@ -235,9 +267,9 @@
<div class="qrCode"> <div class="qrCode">
<img src="../assets/home/iPhone.png" alt /> <img src="../assets/home/iPhone.png" alt />
<div class="qrCode-contant"> <div class="qrCode-contant">
<div class="qrCode-char">{{$t('price.index.index_here')}}</div> <div class="qrCode-char">{{ $t('price.index.index_here') }}</div>
<div class="qrCode-main"> <div class="qrCode-main">
<div>{{$t('price.index.index_app')}}</div> <div>{{ $t('price.index.index_app') }}</div>
<div> <div>
<img src="../assets/home/qrcode.png" alt /> <img src="../assets/home/qrcode.png" alt />
</div> </div>

Write Preview
Loading…
Cancel
Save