| | |
| | | <div class="flex-centerY flex-position-between" style="margin-top: 15px"> |
| | | <div class="flex flex-justify-between"> |
| | | <div style="font-size: 33px;font-weight: bold;color: black"> |
| | | {{showMoney?myAssets.capital.toFixed(0):"*****" }} |
| | | </div> |
| | | <div style="font-size: 24px;font-weight: bold;color: black;margin-top: 3px"> |
| | | {{showMoney?myAssets.capital.toFixed(2).substring(myAssets.capital.toFixed(2).indexOf(".")):""}} |
| | | {{ showMoney ? todayMoney.money_contract : "*****" }} |
| | | </div> |
| | | </div> |
| | | <div style="background: black;color: white;padding: 4px 17px;border-radius: 90px;font-size: 14px"> |
| | | <div style="background: black;color: white;padding: 4px 17px;border-radius: 90px;font-size: 14px" |
| | | @click="toPage('/cryptos/recharge/rechargeList?isForeign=true')"> |
| | | {{$t("充值")}} |
| | | </div> |
| | | </div> |
| | |
| | | {{showMoney? todayMoney.money_contract_profit_today:"****"}} |
| | | </div> |
| | | <div style="margin-left: 15px"> |
| | | {{showMoney?(Number(todayMoney.money_contract_profit_today+'')/(myAssets.capital==0?1:myAssets.capital)*100).toFixed(2)+'%':"****"}} |
| | | {{ showMoney ? (Number(todayMoney.money_contract_profit_today + '') / (todayMoney.money_contract == 0 ? 1 : |
| | | todayMoney.money_contract) * 100).toFixed(2) + '%' : "****" }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <van-swipe @change="current=$event" indicator-color="#999" class="notice-swipe" :autoplay="2000" |
| | | :show-indicators="false" style="border-radius: 8px;overflow: hidden"> |
| | | <van-swipe-item v-for="item in announceList" style="border-radius: 8px;overflow: hidden;border: #eee 1px solid" :key="item.id" @click="toAnnounceDetail(item.uuid)"> |
| | | <van-swipe-item v-for="item in announceList" style="border-radius: 8px;overflow: hidden;border: #eee 1px solid" |
| | | :key="item.id" @click="toAnnounceDetail(item.uuid)"> |
| | | <!-- <div class="flex justify-start items-center">--> |
| | | <!-- <img :src="item.imgUrl" style="width:100%" alt="" class="notice_img mr-5">--> |
| | | <!--<!– <div class="notice_content textColor">–>--> |
| | |
| | | <!-- </van-notice-bar>--> |
| | | <div class="flex-center" style="position:absolute;bottom:5px;left:0;;z-index:999;width: 100%"> |
| | | <div v-for="(i,index) in announceList"> |
| | | <div v-if="current!=index" style="width:3px;height:3px;background:#bbb;margin-right:5px;border-radius: 3px"></div> |
| | | <div v-if="current != index" style="width:3px;height:3px;background:#bbb;margin-right:5px;border-radius: 3px"> |
| | | </div> |
| | | <div v-else style="width:3px;height:3px;background:#333;;margin-right:5px;border-radius: 3px"></div> |
| | | </div> |
| | | </div> |
| | |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <div class="tabs flex justify-start items-center textColor1"> |
| | | <div v-for="i in tabList" :key="i" :class="i.key == tab ? 'textColor' : ''" @click="tab = i.key" style="font-size: 16px;margin-top: 20px"> |
| | | <div v-for="i in tabList" :key="i" :class="i.key == tab ? 'textColor' : ''" @click="tab = i.key" |
| | | style="font-size: 16px;margin-top: 20px"> |
| | | {{ i.name }} |
| | | </div> |
| | | </div> |
| | |
| | | const store = useStore(); |
| | | const showMoney=ref(true) |
| | | const myAssets=ref({}) |
| | | const myAssetsz = ref({}) |
| | | _getassets().then(res => { |
| | | myAssets.value = res |
| | | }) |
| | | |
| | | const todayMoney = ref({ |
| | | money_contract_profit_today: 0 |
| | | }) |
| | | _getContractBySymbolType().then(data => { |
| | | todayMoney.value = data |
| | | }) |
| | | |
| | | const tabbers = [ |
| | |
| | | |
| | | // 手风琴选中 |
| | | const activeName = ref('0') |
| | | const todayMoney=ref({ |
| | | money_contract_profit_today:0 |
| | | }) |
| | | |
| | | // tab切换 |
| | | const tab = ref(1) |
| | |
| | | |
| | | // 获取公告数据 |
| | | const announceList = ref([]) |
| | | _getContractBySymbolType().then(data => { |
| | | todayMoney.value = data |
| | | }) |
| | | _getNewsList1({ |
| | | language: useI18n().locale.value, |
| | | }).then(res => { |