Detail refactor

src/views/gambleGameBucket/detail/index.vue

@@ -1,17 +1,20 @@
 <template>
 <div class="app-container calendar-list-container">
   <div class="app-container">
-    <el-row :gutter="20">
-      <el-col :span="6">
-        <el-select @change='handleFilter' style="width: 120px" class="filter-item" v-model="listQuery.round" placeholder="輪">
-        <el-option v-for="item in roundOptions" :key="item.label" :label="item.label" :value="item.key">
-        </el-option>
-      </el-select>
-      </el-col >
-      <el-col :offset="10" :span="8">
-          <label>時間 : {{moment(this.bucket.createdAt)}}</label>
-      </el-col>
-    </el-row>
+     <div class="block">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <span class="demonstration">輪數選擇</span>
+          <el-select @change='handleFilter' style="width: 120px" class="filter-item" v-model="listQuery.round" placeholder="輪">
+          <el-option v-for="item in roundOptions" :key="item.label" :label="item.label" :value="item.key">
+          </el-option>
+        </el-select>
+        </el-col >
+        <el-col :offset="10" :span="8">
+            <span class="demonstration">時間 : {{moment(this.bucket.createdAt)}}</span>
+        </el-col>
+      </el-row>
+    </div>
   </div>
     <el-table :data="dealing" v-loading.body="listLoading" :summary-method="getSummaries" show-summary  element-loading-text="Loading" border fit highlight-current-row
       style="width: 100%">