修改股票页面的布局,股票页面显示的名字不对

src/views/exchangeStock/book-trades.vue

@@ -19,12 +19,12 @@
 
             <tbody class="sell-orders" v-if="symbol!='gitpusdt'">
                 <div class="order-item" v-for="item in sellList" :key="item.id">
-                    <el-progress class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(216,43,43,0.15)">
+                    <el-progress class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(216,43,43,0.15)" define-back-color="#121212">
                     </el-progress>
                     <!-- 卖单 使用弹性盒子倒序排列 -->
                     <tr style="display:block;" class="tb-cells" @click.stop="handleOrder(item.price)">
                         <td class="w-33 red" title="pick this price to sell">{{ item.price|omitTo(priceDecimals) }}</td>
-                        <td class="w-33 text-right">{{ item.amount|omitTo(qtyDecimals) }}</td>
+                        <td class="w-33 text-center">{{ item.amount|omitTo(qtyDecimals) }}</td>
                         <td class="w-33 text-right">{{ item.price|multiple(item.amount, priceDecimals) }}</td>
                     </tr>
                 </div>
@@ -61,12 +61,12 @@
             <tbody class="buy-orders"  :style="[{'height':symbol!='gitpusdt'?'':'470px!important'}]">
                 <!-- 买单 反序数值 -->
                 <div class="order-item" v-for="item in reversed" :key="item.id">
-                    <el-progress class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(37, 188, 103, 0.15)">
+                    <el-progress class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(37, 188, 103, 0.15)" define-back-color="#121212">
                     </el-progress>
                     <!-- 卖单 使用弹性盒子倒序排列 -->
                     <tr style="display:block;" class="tb-cells" @click.stop="handleOrder(item.price)">
                         <td class="w-33 green" title="pick this price to buy">{{ item.price|omitTo(priceDecimals) }}</td>
-                        <td class="w-33 text-right">{{ item.amount|omitTo(qtyDecimals) }}</td>
+                        <td class="w-33 text-center">{{ item.amount|omitTo(qtyDecimals) }}</td>
                         <td class="w-33 text-right">{{ item.price|multiple(item.amount, priceDecimals) }}</td>
                     </tr>
                 </div>
@@ -310,6 +310,7 @@ export default {
         left: 0;
         top: 0;
         height: 100%;
+		width: 100%;
         z-index: 100;
         cursor: pointer;
 

src/views/exchangeStock/index.vue

@@ -49,7 +49,8 @@
 		        trigger="click"
 		      >
 		        <div slot="reference">
-		          {{ activeContract.pair_name }}
+		          <!-- {{ activeContract.pair_name }} -->
+		          {{ activeContract.coin_name }}
 		          <el-button size="mini">
 		            <i class="el-icon-arrow-down"></i>
 		          </el-button>
@@ -60,7 +61,7 @@
 		        >
 		          <template v-for="parent in marketList">
 		            <div class="px-3 text-primary" :key="parent.coin_name">
-		              {{ parent.coin_name }}
+		              <!-- {{ parent.coin_name }} -->
 		            </div>
 		            <table class="table" :key="parent.coin_name + 1">
 		              <thead>
@@ -81,7 +82,8 @@
 		                  @click="ispopover1(item.symbol)"
 		                >
 		                  <td class="w-10/24">
-		                    {{ item.symbol }}/{{ parent.coin_name }}
+		                    <!-- {{ item.symbol }}/{{ parent.coin_name }} -->
+		                    {{ item.coin_name }}
 		                  </td>
 		                  <td
 		                    class="w-7/24 "
@@ -686,6 +688,9 @@
 			
 			Market.getstockMarketList().then(data => {
 			    this.marketList = data;
+				// if (!this.symbol) { // 默认symbol 重新请求数据
+				// 	this.symbol = _.nth(data).marketInfoList[0].symbol;
+				// } 
 			}).catch(err => {});
 			// this.update();
 		},