feat:暂存

src/components/bottomView/main.vue

@@ -1,8 +1,11 @@
 <template>
   <div class="bottom-view" :class="modeClass">
     <div class="bottom-view-top">
-      <balance-view :mode="mode" :value="remainTicketNum"></balance-view>
-      <lottery-btn :mode="mode"></lottery-btn>
+      <balance-view
+        :drawType="drawType"
+        :value="remainTicketNum"
+      ></balance-view>
+      <lottery-btn :drawType="drawType"></lottery-btn>
     </div>
     <div class="bottom-view-bottom">
       <ticket-view
@@ -11,7 +14,7 @@
         :label="item.label"
         :desc="item.desc"
         :active="active === key"
-        :mode="mode"
+        :drawType="drawType"
         @click.native="clickTicketView(item, key)"
       ></ticket-view>
     </div>
@@ -32,15 +35,15 @@ export default {
     ticketView
   },
   props: {
-    mode: {
+    drawType: {
       type: String,
-      default: "blue"
+      default: "turntable1"
     }
   },
   computed: {
     ...mapGetters(["remainTicketNum", "ticketRule"]),
     modeClass() {
-      if (this.mode === "blue") return "bottom-view-xy";
+      if (this.drawType === "turntable1") return "bottom-view-xy";
       return "bottom-view-hh";
     },
     uid() {
@@ -49,10 +52,6 @@ export default {
     roomUid() {
       return this.$route.query.roomUid;
     },
-    drawType() {
-      if (this.mode === "blue") return "turntable1";
-      return "turntable2";
-    },
     ticketRuleList() {
       const list = [];
       if (!this.ticketRule) return list;
@@ -70,7 +69,7 @@ export default {
     }
   },
   watch: {
-    mode() {
+    drawType() {
       this.active = 0;
       this.getqueryTicketRule();
     },
@@ -136,7 +135,6 @@ export default {
         });
     },
     clickTicketView(item, index) {
-      console.log(item, index);
       this.active = index;
       // this.SetRuleType(item.ruleType);
     }
@@ -144,7 +142,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .bottom-view {
   width: 694px;
   height: 300px;