feat:更新

src/components/boboEnterBtn/index.js

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

src/components/boboEnterBtn/main.vue

@@ -0,0 +1,50 @@
+<template>
+  <button class="bobo-enter-btn" :class="positionClass">
+    <span>
+      <slot></slot>
+    </span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: "BoboEnterBtn",
+  props: {
+    position: {
+      type: String,
+      default: "left"
+    },
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    positionClass() {
+      return `bobo-enter-btn-${this.position}`;
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.bobo-enter-btn {
+  width: 108px;
+  height: 59px;
+  background-repeat: no-repeat;
+  background-size: cover;
+  border: none;
+  background-color: transparent;
+  &-left {
+    background-image: url(../../assets/images/bobo/but_rk_bg.png);
+  }
+  &-right {
+    background-image: url(../../assets/images/bobo/but_rk_bg2.png);
+  }
+  & > span {
+    color: #ffffff;
+    opacity: 0.8;
+    font-size: 24px;
+  }
+}
+</style>