feat：更新泡泡抽奖

src/components/boboLottery/boboYqView.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="bobo-yq-view">
-    <div class="bobo-yq-view-text"></div>
+    <div class="bobo-yq-view-text">
+      <label>次数：</label>
+      <span>{{ remainTicketNum }}</span>
+    </div>
     <div class="bobo-yq-view-btn">
       <button></button>
     </div>
@@ -8,8 +11,24 @@
 </template>
 
 <script>
+import { mapGetters, mapActions } from "vuex";
 export default {
-  name: "BoboYqView"
+  name: "BoboYqView",
+  props: {
+    uid: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  computed: {
+    ...mapGetters(["remainTicketNum"])
+  },
+  methods: {
+    ...mapActions(["getQueryTicketNum"])
+  },
+  created() {
+    this.getQueryTicketNum({ uid: this.uid });
+  }
 };
 </script>
 
@@ -18,15 +37,27 @@ export default {
   width: 346px;
   height: 59px;
   background-repeat: no-repeat;
-  background-size: cover;
+  background-size: 100% 100%;
   background-image: url(../../assets/images/bobo/gmcx_bg.png);
   display: flex;
+  // align-items: center;
   &-text {
     flex: 1;
+    font-size: 22px;
+    line-height: 59px;
+    & > label {
+      color: #ffffff;
+      padding-left: 20px;
+    }
+    & > span {
+      color: #ffe26c;
+    }
   }
   &-btn {
     width: 46px;
     height: 46px;
+    padding-right: 10px;
+    padding-top: 6px;
     & > button {
       width: 46px;
       height: 46px;