Initial commit: GamePortrait 竖屏版 - 深色豪华主题

src/components/PlayChip.vue

@@ -0,0 +1,51 @@
+<template>
+  <div class="playchip">
+    <div
+      class="chip"
+      :class="[`chip_${item.key}`, { active: chooseChip.key == item.key }]"
+      v-for="item in chipArry"
+      :key="item.key"
+      @click="chooseFn(item)"
+    ></div>
+  </div>
+</template>
+
+<script>
+import { computed } from "vue"
+import { useStore } from "vuex"
+import { audioMp3 } from "@/assets/js/sound.js"
+export default {
+  name: "PlayChip",
+  components: {},
+  setup() {
+    const store = useStore()
+    const chipArry = computed(() =>
+      store.state.config.chipArry.filter((v) => v.show == true)
+    )
+    const chooseChip = computed(() => store.state.app.chooseChip)
+    const chooseFn = (item) => {
+      store.commit("app/updateChooseChip", item)
+      audioMp3(["check"]).Play()
+    }
+    return {
+      chipArry,
+      chooseChip,
+      chooseFn
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+/* 深色豪华主题配色 */
+.playchip {
+  width: 1.385rem;
+  position: absolute;
+  right: 0.52rem;
+  bottom: 0px;
+  z-index: 9;
+  transform: rotateX(0deg);
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+  padding: 5px;
+}
+</style>