feat:更新

src/components/topButton/large.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="top-button-large" :class="buttonClass">
+    <div class="top-button-large-touch"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "LargeTopButton",
+  props: {
+    mode: {
+      type: String,
+      default: "blue"
+    }
+  },
+  computed: {
+    buttonClass() {
+      if (this.mode === "blue") return "top-button-xy";
+      return "top-button-hh";
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.top-button-large {
+  width: 276px;
+  height: 107px;
+  background-repeat: no-repeat;
+  background-size: cover;
+  &-touch {
+    width: 100%;
+    height: 96px;
+    cursor: pointer;
+  }
+}
+.top-button-hh {
+  background-image: url(../../assets/images/hh_btn_g.png);
+}
+.top-button-xy {
+  background-image: url(../../assets/images/xy_btn.png);
+}
+</style>