123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951 |
- <template>
- <view>
- <view class="contract-title" :rise-fall="stocksColor">
- <view class="contract-item" @click.stop="openDrawer">
- <view class="title-iocn">
- <text class="title-iocn-item"></text>
- <text class="title-iocn-item"></text>
- <text class="title-iocn-item"></text>
- </view>
- <!-- <image class="title-iocn" src="../../../static/logo.png" mode="aspectFit"></image> -->
- <text class="title-text">{{currencyVal.currency_name}}/{{currencyVal.legal_name}}</text>
- </view>
- <view class="contract-price" :class="$setColor(daymarket.now_price)">
- <text class="color">{{ daymarket.now_price }}</text>
- <text class="color" v-show="daymarket.change">{{ daymarket.change }}%</text>
- </view>
- <view class="contract-item">
- <text class="iconfont"></text>
- </view>
- </view>
- <view class="iframe-box">
- <template v-if="currencyVal.legal_id">
- <iframe
- :src="`https://doc.okenx.com/biking/kline.html?legal_id=${currencyVal.legal_id}¤cy_id=${currencyVal.currency_id}&symbol=${currencyVal.currency_name}/${currencyVal.legal_name}`"
- frameborder="0"></iframe>
- </template>
- </view>
- <gap />
- <view class="swiper-title">
- <view class="swiper-lable">
- <template v-for="(item , index) in lableList">
- <text @click.stop="lableIndex = index"
- :class="['swiper-item', lableIndex === index ? 'active-swiper-item' : '' ]">{{ item }}</text>
- </template>
- </view>
- <view class="iconfont" @click.stop="getHistory()"></view>
- </view>
- <!-- {{ pagesInfo }} -->
- <view class="shortcut">
- <swiper class="swiper-content" :current="lableIndex"
- :style="{'height': scrollHeight ? `${scrollHeight}px` : '' }">
- <swiper-item class="swiper-item-box">
- <u-list>
- <view class="shortcut-open">
- <view class="shortcut-type">
- <view class="type-box">
- <text class="type-item active-type-item">市价委托</text>
- <text class="type-item">计划委托</text>
- </view>
- <view class="type-times" @click.stop="adjustLever()">
- {{leverName}}{{ multiple }}x
- <text class="iconfont"></text>
- </view>
- </view>
- <view class="shortcut-price">
- <view class="price-box">
- <text class="price-lable">价格</text>
- <view class="price-info">
- <text class="price-num">{{ daymarket.now_price }}</text>
- <text class="price-tag">USDT</text>
- </view>
- </view>
- <view class="price-box">
- <text class="price-lable">保证金</text>
- <input class="price-inp" type="number" v-model="caution_money">
- <view class="price-info">
- USDT
- </view>
- </view>
- </view>
- <view class="shortcut-usable">
- <view class="usable-info">
- 可用:{{ pagesInfo.user_lever }} USDT
- </view>
- <view class="usable-btn" @click.stop="PayCurrency()">
- 充值
- </view>
- </view>
- <view class="shortcut-btns">
- <view class="shortcut-btn" @click.stop="setSubmitLever(2)">
- 买入/做多
- </view>
- <view class="shortcut-btn" @click.stop="setSubmitLever(1)">
- 卖出/做空
- </view>
- </view>
- </view>
- </u-list>
- </swiper-item>
- <swiper-item>
- <u-list class="swiper-list" :style="{'height': scrollHeight ? `${scrollHeight}px` : '' }">
- <template v-if="leverTransaction && leverTransaction.length > 0">
- <view class="lable-title">
- <text class="lable-title-text">仓位信息</text>
- <text class="lable-title-btn" @click.stop="setCloseLeverAll()">全部平仓</text>
- </view>
- <view class="account-box">
- <view class="account-item">
- <view class="account-title">
- <text class="text">持仓保证金USDT)</text>
- </view>
- <text class="account-num">{{ contractAccount.usdt_totle || '--' }}</text>
- </view>
- <view class="account-item">
- <view class="account-title">
- <text class="text">可用保证金(USDT)</text>
- </view>
- <text class="account-num">{{ contractAccount.totle || '--' }}</text>
- </view>
- <view class="account-item" :class="[$setColor(rateProfitsTotal.hazard_rate || '0.00')]">
- <view class="account-title">
- <text class="text">未实现亏盈(USDT)</text>
- </view>
- <text class="account-num color">{{ rateProfitsTotal.hazard_rate }}</text>
- </view>
- </view>
- <template v-for="item in leverTransaction">
- <view class="content-box" :rise-fall="stocksColor">
- <view class="content-top">
- <view class="top-left">
- <view class="top-left-title">
- <text>{{ item.symbol }}</text>
- <text v-if="item.settled == 0">永续</text>
- <text v-else-if="item.settled == 9">快捷合约</text>
- </view>
- <view class="top-left-b">
- <text>{{ item.multiple }}倍杠杆</text>
- <text class="top-left-b-tag">{{ item.type_name }}</text>
- </view>
- </view>
- <view class="top-right">
- <text>{{ item.profits }}</text>
- <text
- class="top-right-float"><text>浮动盈亏</text>{{ item.fact_profits }}%</text>
- </view>
- </view>
- <view class="content-info">
- <view class="info-item">
- <text class="info-item-lable">保证金(USDT)</text>
- <text class="info-item-val">{{ item.caution_money }}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">开仓价格(USDT)</text>
- <text class="info-item-val">{{ item.price }}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">预估平仓价格(USDT)</text>
- <text class="info-item-val">{{item.update_price}}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">过夜费</text>
- <text class="info-item-val">{{item.overnight_money}}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">风险率(%)</text>
- <text class="info-item-val">0%</text>
- <!-- {{ item.caution_money }} -->
- </view>
- <!-- <view class="info-item">
- <text class="info-item-lable">预计止损(USDT)</text>
- <text class="info-item-val"
- @click.stop="setRestrict(item)">{{ item.stop_loss_price || '--' }} <text
- class="iconfont"></text></text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">预计止盈(USDT)</text>
- <text class="info-item-val"
- @click.stop="setRestrict(item)">{{ item.target_profit_price || '--' }} <text
- class="iconfont"></text> </text>
- </view> -->
- <view class="info-item">
- <text class="info-item-lable">创建时间</text>
- <text class="info-item-val">{{ $getData_(item.create_time , false) }}</text>
- </view>
- </view>
- <view class="content-btns">
- <view class="content-btn-item" @click.stop="setCloseLever(item)">
- 平仓
- </view>
- <view class="content-btn-item" @click.stop="setInversion(item)">
- 反向开仓
- </view>
- <!-- <view class="content-btn-item">
- 加仓
- </view> -->
- </view>
- <view class="set-stop">
- <view class="stop-left" @click.stop="setRestrict(item)">
- <text>止盈/止损</text>
- <text
- class="stop-num">{{ item.target_profit_price || '--' }}/{{ item.stop_loss_price || '--'}}</text>
- <text class="iconfont"></text>
- </view>
- <view class="stop-right">
- <text class="icon-size iconfont"></text>
- <text class="icon-size">分享</text>
- </view>
- </view>
- </view>
- <gap />
- </template>
- </template>
- </u-list>
- </swiper-item>
- </swiper>
- </view>
- <drawer ref="drawerRef" />
- <restrictPopup ref="restrictRef" @setSuccess="setSuccess" />
- <lever ref="leverRef" :leverNum.sync="multiple" :leverName.sync="leverName" />
- <unopen ref="placeOrderRef" @confirm="confirmPlaceOrder" title="下单确认" cancelBtn content="确定要下单吗?" />
- <unopen ref="unopenRef" @confirm="confirm" textAlign="left" :title="unopenSolt.title" cancelBtn
- :content="unopenSolt.closeLeverContent" />
- <popupHint ref="hintRef" title="快捷合约">
- <template #hintContent>
- <view class="">
- 快捷合约是币王交易所为用户带来的新型区块链合约衍生品,有闪电开平仓、持仓稳定、抗市场干扰的优势,主要特点如下:
- </view>
- <!-- <view class="">
- 赠金获取方式:
- </view> -->
- <view class="content-list">
- <text>1. 开仓/平仓流程及功能与永续一致</text>
- <text>2. 五交割期</text>
- <text>3. 市价开仓100%快速成交</text>
- <text>4. 开平仓价即为预估成交价</text>
- <text>5. 每天4:00(UTC+8)收取0.02%过夜费</text>
- </view>
- <view class="">
- 更多内容请点击<text class="explain" @click.stop="readPactInfo(189)">《快捷合约》</text>
- </view>
- <view class="hite-box" @click.stop="readPact = !readPact">
- <text class="box">
- <text v-show="readPact" class="iconfont2"></text>
- </text>
- <text>不在提示</text>
- </view>
- <view class="confirm-btn" @click.stop="confirmHiteBtn">
- 确定
- </view>
- </template>
- </popupHint>
- </view>
- </template>
- <script>
- import {
- mapGetters
- } from 'vuex'
- import {
- Api_setSubmitLever,
- Api_getLeverDeal,
- Api_getRegister,
- Api_setBatchClose,
- Api_setCloseLever
- } from "@/api/index.js"
- import lever from "../sustainability/lever.vue"
- import drawer from "./../modules/drawer.vue"
- import popupHint from "../modules/popup-hint.vue"
-
- import restrictPopup from "./../modules/restrict.vue"
- export default {
- name: 'shortcut',
- components: {
- lever,
- drawer,
- restrictPopup,
- popupHint
- },
- data() {
- return {
- readPact: false,
- closeLeverItem: null,
- lableList: [
- '开仓',
- '当前持仓'
- ],
- lableIndex: 0,
- leverName: '逐仓',
- multiple: 100, // 逐仓倍数
- caution_money: '',
- status: 1, // 状态,填1. 1市价交易,为0则是挂单交易
- scrollHeight: 0,
- unopenSolt: {
- title: '',
- content: ''
- }
- };
- },
- props: {
- leverTransaction: {
- type: Array,
- default: () => {
- return []
- }
- },
- pagesInfo: {
- type: Object,
- default: () => {
- return {}
- }
- },
- rateProfitsTotal: {
- type: Object,
- default: () => {
- return {}
- }
- },
- },
- computed: {
- ...mapGetters([
- 'currencyVal',
- 'daymarket',
- 'stocksColor',
- 'PageContentHeight',
- 'tabBarHeight',
- 'contractAccount'
- ]),
- },
- mounted() {
-
- },
- watch: {
- currencyVal: {
- handler(newCurrency) {
- if (newCurrency && newCurrency?.legal_id) {
- this.init()
- }
- },
- deep: true,
- immediate: true
- },
- PageContentHeight: {
- handler(newHeigth) {
- if (newHeigth) {
- console.log('newHeigth = ', newHeigth)
- this.scrollHeight = newHeigth - uni.upx2px(100) - this.tabBarHeight;
- }
- },
- deep: true,
- immediate: true
- },
- },
- created() {
- this.openPactPopup()
- },
- methods: {
- init() {
- // this.getLeverDeal()
- // this.getRegister()
- },
- // getRegister() {
- // Api_getRegister({
- // status: 1,
- // legal_id: this.currencyVal.legal_id,
- // currency_id: this.currencyVal.currency_id,
- // settled: 9,
- // limit: 1000
- // }).then(res => {
- // console.log('Api_getRegister = ', res)
- // })
- // },
- confirmBtn() {
- },
- openDrawer() {
- this.$nextTick(() => {
- this.$refs.drawerRef.open();
- })
- },
- setSubmitLever() {
- this.$nextTick(() => {
- this.$refs.placeOrderRef.open()
- })
- },
- // 确认下单
- confirmPlaceOrder(type) {
- const obj = {
- legal_id: this.currencyVal.legal_id,
- currency_id: this.currencyVal.currency_id,
- multiple: this.multiple,
- caution_money: this.caution_money,
- status: this.status
- }
- Api_setSubmitLever(obj).then(res => {
- this.setSuccess()
- })
- },
- // 设置止盈止损
- setRestrict(item) {
- this.$nextTick(() => {
- this.$refs.restrictRef.open(item)
- })
- },
- setSuccess() {
- this.$emit('refreshData')
- },
- setCloseLever(item) {
- this.closeLeverItem = item;
- this.unopenSolt = {
- title: '平仓',
- closeLeverContent: '如果存在平仓挂单(限价止盈止损),将会在全平前被撤单,确定平仓吗?'
- }
- this.setDepot();
- },
- setInversion() {
- this.closeLeverItem = -1;
- this.unopenSolt = {
- title: '反向开仓',
- closeLeverContent: '如果存在平仓挂单(限价止盈止损),将会在全平前被撤单,确定反向开仓吗?',
- }
- this.setDepot();
- },
- setCloseLeverAll() {
- this.closeLeverItem = null;
- this.unopenSolt = {
- title: '全部平仓',
- closeLeverContent: '如果存在平仓挂单(限价止盈止损),将会在全平前被撤单,确定全部平仓吗?',
- }
- this.setDepot();
- // this.title = '全部平仓';
- // this.closeLeverContent = '';
- // this.closeLeverItem = null;
- // this.$refs.unopenRef.open();
- },
- // 平仓 - 反向开仓
- setDepot(obj) {
- this.$nextTick(() => {
- this.$refs.unopenRef.open()
- })
- },
- confirm() {
- if (this.leverTransaction.length > 0) {
- if (this.closeLeverItem && this.closeLeverItem !== -1) {
- // 平仓
- Api_setCloseLever({
- id: this.closeLeverItem.id
- }).then(res => {
- this.setSuccess()
- })
- } else if (this.closeLeverItem == -1) {
- // 反向开仓
- } else {
- // 全部平仓
- Api_setBatchClose({
- type: 0,
- currency_id: this.currencyVal.currency_id
- }).then(res => {
- this.setSuccess()
- })
- }
- }
- },
- adjustLever() {
- this.$nextTick(() => {
- this.$refs.leverRef.open()
- })
- },
- openPactPopup() {
- const readPactObj = this.$getStorageSync('contractReadPact');
- if (!readPactObj || !readPactObj.rapidPact) {
- this.readPact = false
- this.$nextTick(() => {
- this.$refs.hintRef.open()
- })
- }
- },
- // 提示弹框确认按钮
- confirmHiteBtn() {
- // t.readPact
- const readPactObj = this.$getStorageSync('contractReadPact') || {}
- readPactObj.rapidPact = this.readPact
- this.$setStorageSync('contractReadPact', readPactObj)
- this.$refs.hintRef.close();
- },
- // 阅读合约
- readPactInfo(id) {
- this.$readArticleInfo(id)
- },
- // 充值
- PayCurrency() {
- uni.navigateTo({
- url: '/pages/content/select-currency?type=recharge'
- })
- },
- // 获取历史
- getHistory(){
- uni.navigateTo({
- url: '/pages/contract/history/fast-history'
- })
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- @import "~../sustainability/index.scss";
- .contract-title {
- padding: 5rpx $pages-padding 0;
- min-height: 90rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- border-bottom: 1rpx solid $border-color;
- .contract-price {
- flex: 1;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 30rpx 0 20rpx;
- font-size: 28rpx;
- }
- .contract-item {
- flex-shrink: 0;
- display: flex;
- align-items: center;
- .title-iocn {
- width: 28rpx;
- height: 24rpx;
- display: flex;
- flex-direction: column;
- // align-items: center;
- justify-content: space-between;
- .title-iocn-item {
- width: 100%;
- height: 5rpx;
- border-radius: 3rpx;
- background: #111111;
- &:first-child {
- width: 50%;
- }
- }
- }
- .title-text {
- font-size: 34rpx;
- font-family: PingFang SC, PingFang SC-Bold;
- font-weight: 700;
- text-align: left;
- color: #141213;
- line-height: 1.2;
- letter-spacing: 0.74rpx;
- padding-left: 19rpx;
- }
- .title-ratio {
- font-size: 24rpx;
- font-family: PingFang SC, PingFang SC-Regular;
- font-weight: 400;
- color: #808080;
- line-height: 33rpx;
- }
- .ratio-icon {
- width: 31rpx;
- height: 33rpx;
- margin-left: 22rpx;
- }
- }
- }
- // <view class="lable-title">
- // <template v-for="(item , index) in lableList">
- // <text class="lable-item">{{ item }}</text>
- // </template>
- // </view>
- .swiper-title {
- padding: 0 $pages-padding;
- width: 100%;
- height: 100rpx;
- border-bottom: 1rpx solid $border-color;
- display: flex;
- align-items: center;
- justify-content: space-between;
- // width: 100%;
- // height: 100rpx;
- // border-bottom: 1rpx solid $border-color;
- // padding: 0 $pages-padding;
- // display: flex;
- // justify-content: space-between;
- // align-items: center;
- .swiper-lable {
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .swiper-item {
- height: 100%;
- font-size: 28rpx;
- display: flex;
- align-items: center;
- &:nth-child(n + 2) {
- margin-left: 60rpx;
- }
- }
- .active-swiper-item {
- font-size: 34rpx;
- color: $Theme-Color;
- position: relative;
- &::before {
- content: '';
- position: absolute;
- left: 50%;
- bottom: 0;
- width: 30rpx;
- height: 5rpx;
- background-color: $Theme-Color;
- border-radius: 3rpx;
- transform: translateX(-50%);
- }
- }
- .iconfont{
- font-size: 30rpx;
- color: $SizeColor1;
- }
- }
- .shortcut {
- .shortcut-open {
- padding: 30rpx $pages-padding;
- }
- .shortcut-type {
- width: 100%;
- display: flex;
- align-items: stretch;
- justify-content: space-between;
- .type-box {
- flex: 1;
- display: flex;
- align-items: stretch;
- border-radius: 6rpx;
- overflow: hidden;
- .type-item {
- font-size: 24rpx;
- flex-shrink: 0;
- flex: 1;
- text-align: center;
- display: flex;
- align-items: center;
- justify-content: center;
- border: 1rpx solid $border-color6;
- color: $SizeColor;
- }
- .active-type-item {
- color: #fff;
- background-color: $Theme-Color;
- border: 1rpx solid $Theme-Color;
- }
- }
- .type-times {
- margin-left: 20rpx;
- width: 230rpx;
- height: 50rpx;
- line-height: 50rpx;
- border: 1rpx solid red;
- text-align: center;
- font-size: 26rpx;
- position: relative;
- color: $SizeColor;
- border: 1rpx solid $border-color6;
- border-radius: 6rpx;
- .iconfont {
- position: absolute;
- right: 10rpx;
- top: 50%;
- transform: translateY(-50%);
- font-size: 20rpx;
- color: $Theme-Color;
- }
- }
- }
- }
- .shortcut-price {
- width: 100%;
- padding-top: 60rpx;
- .price-box {
- width: 100%;
- height: 80rpx;
- border-radius: 10rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20rpx;
- background-color: $box-bg;
- font-size: 24rpx;
- color: $SizeColor2;
- .price-lable,
- .price-info {
- flex-shrink: 0;
- }
- .price-info {
- .price-num {
- color: #000;
- padding-right: 20rpx;
- }
- }
- .price-inp {
- flex: 1;
- height: 100%;
- padding: 0 10rpx;
- font-size: 24rpx;
- color: #000;
- text-align: right;
- }
- // <view class="price-box">
- // <text class="price-lable">价格</text>
- // <input class="price-inp" type="number">
- // <view class="price-info">
- // USDT
- // </view>
- // </view>
- }
- .price-box+.price-box {
- background-color: #fff;
- margin-top: 20rpx;
- border: 1rpx solid $box-bg;
- }
- }
- // <view class="shortcut-usable">
- // <view class="usable-info">
- // 可用:2927.81 USDT
- // </view>
- // <view class="usable-btn">
- // 充值
- // </view>
- // </view>
- .shortcut-usable {
- width: 100%;
- display: flex;
- justify-content: space-between;
- align-items: center;
- font-size: 24rpx;
- color: $SizeColor2;
- padding: 20rpx 0 40rpx;
- .usable-btn {
- color: $Theme-Color;
- }
- }
- // <view class="shortcut-btns">
- // <view class="shortcut-btn">
- // 买入/做多
- // </view>
- // <view class="shortcut-btn">
- // 卖出做空
- // </view>
- // </view>
- .shortcut-btns {
- display: flex;
- align-items: center;
- .shortcut-btn {
- flex: 1;
- height: 70rpx;
- line-height: 70rpx;
- text-align: center;
- font-size: 28rpx;
- color: #fff;
- background-color: $Theme-Color;
- &:nth-child(n + 2) {
- margin-left: 30rpx;
- background-color: $Theme-Color2;
- }
- }
- }
- .iframe-box {
- width: 100%;
- height: 50vh;
- iframe {
- width: 100%;
- height: 100%;
- }
- }
- // <view class="set-stop">
- // <view class="stop-left">
- // <text>止盈/止损</text>
- // <text class="stop-num">{{ item.target_profit_price || '--' }}/{{ item.stop_loss_price || '--'}}</text>
- // <text class="iconfont"></text>
- // </view>
- // <view class="stop-right">
- // <text class="icon-size iconfont"></text>
- // <text class="icon-size">分享</text>
- // </view>
- // </view>
- .set-stop {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: space-between;
- font-size: 26rpx;
- padding: 30rpx $pages-padding 0;
- .stop-left {
- font-size: 24rpx;
- color: $SizeColor2;
- .stop-num {
- padding: 0 10rpx;
- }
- .iconfont {
- color: $Theme-Color;
- }
- }
- .stop-right {
- color: $Theme-Color;
- font-size: 26rpx;
- .iconfont {
- margin-right: 6rpx;
- }
- }
- }
- // <view class="account-box">
- // <view class="account-item">
- // <view class="account-title">
- // <text class="text">持仓保证金USDT)</text>
- // </view>
- // <text class="account-num">{{ contractAccount.usdt_totle }}</text>
- // </view>
- // <view class="account-item">
- // <view class="account-title">
- // <text class="text">可用保证金(USDT)</text>
- // </view>
- // <text class="account-num">{{ contractAccount.totle }}</text>
- // </view>
- // <view class="account-item">
- // <view class="account-title">
- // <text class="text">未实现亏盈(USDT)</text>
- // </view>
- // <text class="account-num">{{ rateProfitsTotal.hazard_rate }}</text>
- // </view>
- // </view>
- .account-box {
- width: 100%;
- min-height: 120rpx;
- display: flex;
- align-items: stretch;
- width: 100%;
- padding: 30rpx $pages-padding;
- border-bottom: 1rpx solid $border-color4;
- .account-item {
- display: flex;
- flex-direction: column;
- flex-shrink: 0;
- flex: 1;
- &:nth-child(3n) {
- text-align: right;
- }
- // &:nth-child(3n - 1) {
- // width: 35%;
- // }
- // &:nth-child(3n - 2) {
- // width: 30%;
- // }
- // &:nth-child(n + 4) {
- // margin-top: 20rpx;
- // }
- .account-title {
- font-size: 24rpx;
- font-family: PingFang SC, PingFang SC-Bold;
- font-weight: 600;
- color: #807e89;
- line-height: 30rpx;
- }
- .account-num {
- font-size: 22rpx;
- font-family: PingFang SC, PingFang SC-Bold;
- font-weight: 700;
- color: #1a1a1a;
- line-height: 33rpx;
- margin-top: 11rpx;
- }
- }
- }
- </style>
|