前端下单页面改成模范网站样式 包括颜色

dcc

2024-05-15 9d1fadaf0e2abf8e04446580d8baadf7717ce0d1

 src/page/perpetualContract/index.vue

@@ -22,12 +22,12 @@

        <div :class="{ slide2: animated1 }" v-if="selectIndex === 1">
            <div class="mainBackground" key="x">
                <PerpetualOpen class="pl-30 pr-30" :key="keyIndex + 'a'" :selectIndex="selectIndex" :symbol="symbol"
                <PerpetualOpen :range="range" class="pl-30 pr-30" :key="keyIndex + 'a'" :selectIndex="selectIndex" :symbol="symbol"
                    :green-data="bids" :red-data="asks" :price="price" :init-open="initOpen" :init-close="initClose"
                    :init-futrue="initFutrue" @ordered="onOrdered" :currentType="currentType"
                    @changeCurrentType="changeCurrentType" @changeValueBack="changeValueBack">
                </PerpetualOpen>
                <div class="line"></div>
<!--                <div class="line"></div>-->
                <!-- 委托/持仓-->
                <PerpetualOrder class="pl-30 pr-30" :key="keyIndex + 'b'" :symbol="symbol" :order-cur="orderCur"
                    :order-hold="orderHold" :topIndex="selectIndex" :futrue-hold="futrueHold"
@@ -37,11 +37,11 @@
        </div>
        <div :class="{ slide1: animated2 }" v-else>
            <div class="mainBackground" key="y">
                <PerpetualOpen class="pl-30 pr-30" :key="keyIndex + 'c'" :selectIndex="selectIndex" :symbol="symbol"
                <PerpetualOpen :range="range" class="pl-30 pr-30" :key="keyIndex + 'c'" :selectIndex="selectIndex" :symbol="symbol"
                    :green-data="bids" :red-data="asks" :price="price" :init-open="initOpen" :init-close="initClose"
                    :init-futrue="initFutrue" @ordered="onOrdered" @changeValueBack="changeValueBack">
                </PerpetualOpen>
                <div class="line"></div>
<!--                <div class="line"></div>-->
                <!-- 委托/持仓-->
                <PerpetualOrder class="pl-30 pr-30" :key="keyIndex + 'd'" :symbol="symbol" :order-cur="orderCur"
                    :order-hold="orderHold" :price="price" :topIndex="selectIndex" :futrue-hold="futrueHold"