feat:暂存

src/components/bottomView/balanceView.vue

@@ -12,9 +12,9 @@
 export default {
   name: "BalanceView",
   props: {
-    mode: {
+    drawType: {
       type: String,
-      default: "blue"
+      default: "turntable1"
     },
     value: {
       type: Number,
@@ -23,14 +23,14 @@ export default {
   },
   computed: {
     modeClass() {
-      if (this.mode === "blue") return "balance-view-xy";
+      if (this.drawType === "turntable1") return "balance-view-xy";
       return "balance-view-hh";
     }
   }
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .balance-view {
   width: 345px;
   height: 84px;

src/components/bottomView/lotteryBtn.vue

@@ -8,15 +8,15 @@ import { mapMutations, mapGetters } from "vuex";
 export default {
   name: "LotteryBtn",
   props: {
-    mode: {
+    drawType: {
       type: String,
-      default: "blue"
+      default: "turntable1"
     }
   },
   computed: {
     ...mapGetters(["canLottery"]),
     modeClass() {
-      if (this.mode === "blue") return "lottery-btn-xy";
+      if (this.drawType === "turntable1") return "lottery-btn-xy";
       return "lottery-btn-hh";
     }
   },
@@ -34,7 +34,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .lottery-btn {
   width: 262px;
   height: 115px;

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;

src/components/bottomView/ticketView.vue

@@ -11,9 +11,9 @@
 export default {
   name: "TicketView",
   props: {
-    mode: {
+    drawType: {
       type: String,
-      default: "blue"
+      default: "turntable1"
     },
     active: {
       type: Boolean,
@@ -31,7 +31,7 @@ export default {
   computed: {
     modeClass() {
       let str = "";
-      if (this.mode === "blue") {
+      if (this.drawType === "turntable1") {
         str = "ticket-view-xy";
       } else {
         str = "ticket-view-hh";
@@ -46,7 +46,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .ticket-view {
   width: 130px;
   height: 110px;