feat:update

src/components/wheelEnterBtn/index.js

@@ -0,0 +1,7 @@
+import BoboEnterBtn from "./main";
+
+BoboEnterBtn.install = function(Vue) {
+  Vue.component(BoboEnterBtn.name, BoboEnterBtn);
+};
+
+export default BoboEnterBtn;

src/components/wheelEnterBtn/main.vue

@@ -0,0 +1,44 @@
+<template>
+  <button class="wheel-enter-btn" :class="positionClass">
+    <span>
+      <slot></slot>
+    </span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: "WheelEnterBtn",
+  props: {
+    position: {
+      type: String,
+      default: "right"
+    }
+  },
+  computed: {
+    positionClass() {
+      return `wheel-enter-btn-${this.position}`;
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.wheel-enter-btn {
+  width: 119px;
+  height: 60px;
+  background-repeat: no-repeat;
+  background-size: cover;
+  border: none;
+  background-color: transparent;
+  line-height: 46px;
+  &-right {
+    background-image: url(../../assets/images/wheel/button_bg.png);
+  }
+  & > span {
+    color: #ffffff;
+    opacity: 0.8;
+    font-size: 20px;
+  }
+}
+</style>