完成第一版

src/pages/about/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: "玩法说明",
+});

src/pages/about/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <rich-text :nodes="nodes"></rich-text>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import "./index.scss";
+
+const nodes = ref(`<div>这里是说明</div>`);
+</script>
+
+<style lang="scss"></style>

src/pages/bet_record/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: "投注记录",
+});

src/pages/bet_record/index.scss

@@ -0,0 +1,4 @@
+.line {
+  border-bottom: #f2f2f2 2px solid;
+  margin-bottom: 10px;
+}

src/pages/bet_record/index.vue

@@ -0,0 +1,96 @@
+<template>
+  <view>
+    <view class="p-[30px]">
+      <view class="h-[155px] line" v-for="(item, index) in data" :key="index">
+        <view class="flex justify-between text-[#959BB1] text-[28px]">
+          <view>{{ item.qs }}</view>
+          <view>{{ item.t }}</view>
+        </view>
+        <view class="flex mt-[20px] justify-between items-center">
+          <view class="flex justify-between items-center">
+            <view
+              class="m-[5px] rounded-full w-[44px] h-[44px] text-[28px] text-center leading-[44px]"
+              v-for="(itm, index) in item.hm"
+              :key="index"
+            >
+              <view
+                class="mr-[10] text-[28px] text-[#959BB1]"
+                v-if="item.type !== 2"
+                >{{ itm }}
+              </view>
+              <view
+                v-else
+                class="rounded-full border-[1px] border-[#000] text-[28px] text-center leading-[44px]"
+                :style="{
+                  color: itm.color,
+                }"
+                >{{ itm.num }}</view
+              >
+            </view>
+          </view>
+          <view v-if="item.j" class="text-[#088207] text-[28px]"
+            >- {{ item.j }} 豆子</view
+          >
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import Taro from "@tarojs/taro";
+import { GetBetRecord } from "../../api";
+import "./index.scss";
+
+const uid = ref("");
+
+// const data = ref([
+//   {
+//     type: 1,
+//     qs: "第2024157期",
+//     hm: ["头1", "头2"],
+//     t: "06-23  20:35:02",
+//     j: 2000,
+//   },
+//   {
+//     type: 2,
+//     qs: "第2024158期",
+//     hm: [
+//       {
+//         num: "04",
+//         color: "#0500FA",
+//       },
+//     ],
+//     t: "06-23  20:35:02",
+//     j: 200,
+//   },
+//   {
+//     type: 3,
+//     qs: "第2024159期",
+//     hm: ["单"],
+//     t: "06-23  20:35:02",
+//     j: 300,
+//   },
+// ]);
+const data = ref([]);
+
+Taro.useLoad((opt) => {
+  uid.value = opt.uid;
+  getList();
+});
+
+const getList = async () => {
+  const res = await GetBetRecord(uid.value);
+  // console.log(res);
+  data.value = res.data.map((item) => ({
+    type: 1,
+    qs: `第${item.Periods}期`,
+    hm: [item.Name],
+    t: item.DrawTime,
+    j: item.Number,
+  }))
+};
+</script>
+
+<style lang="scss"></style>

src/pages/index/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '实况摇球机'
+})

src/pages/index/index.scss

@@ -0,0 +1,34 @@
+// * {
+//   object-fit: cover;
+// }
+
+.dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: #fff;
+}
+
+.aft::before {
+  content: "";
+  width: 2px;
+  height: 90px;
+  background-color: #dbdbdb;
+  position: absolute;
+  top: 50%;
+  right: -30px;
+  transform: translateY(-50%);
+}
+
+.nut-popover-content {
+  width: 150px;
+  font-size: 30px;
+}
+
+.popover .nut-popover-content {
+  width: 1000px;
+  height: 700px;
+  font-size: 30px;
+  overflow: auto;
+  border-radius: 0px;
+}

src/pages/lottery_record/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: "开奖记录",
+});

src/pages/lottery_record/index.scss

@@ -0,0 +1,4 @@
+.line {
+  border-bottom: #f2f2f2 2px solid;
+  margin-bottom: 10px;
+}

src/pages/lottery_record/index.vue

@@ -0,0 +1,78 @@
+<template>
+  <view>
+    <view class="p-[30px]">
+      <view class="h-[155px] line" v-for="(item, index) in data" :key="index">
+        <view class="flex justify-between text-[#959BB1] text-[28px]">
+          <view>{{ item.qs }}</view>
+          <view>{{ item.t }}</view>
+        </view>
+        <view class="flex mt-[20px] justify-between items-center">
+          <view class="flex justify-between items-center">
+            <view
+              class="m-[5px] rounded-full w-[44px] h-[44px] text-white text-[28px] text-center leading-[44px]"
+              v-for="(itm, index) in item.hm"
+              :key="index"
+            >
+              <view v-if="!itm.num" class="m-[5px]">
+                <plus-cross theme="filled" size="20" fill="#333333" />
+              </view>
+              <view
+                class="rounded-full"
+                :style="{
+                  backgroundColor: itm.color,
+                }"
+                >{{ itm.num }}</view
+              >
+            </view>
+          </view>
+          <view v-if="item.w" class="text-[#EB1313] text-[28px]"
+            >得 {{ item.w }} 积分</view
+          >
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import Taro from "@tarojs/taro";
+import { PlusCross } from "@icon-park/vue-next";
+import { GetLotteryRecord } from "../../api";
+import "./index.scss";
+
+const uid = ref("");
+
+const data = ref([]);
+
+Taro.useLoad((opt) => {
+  uid.value = opt.uid;
+  getList();
+});
+
+const getList = async () => {
+  const res = await GetLotteryRecord(uid.value);
+  data.value = res.data.map((item) => {
+    return {
+      qs: `第${item.Periods}期`,
+      hm: [
+        {
+          num: item.A,
+          color: "#088207",
+        },
+        { num: item.B, color: "#0500FA" },
+        { num: item.C, color: "#0500FA" },
+        { num: item.D, color: "#088207" },
+        { num: item.E, color: "#FF0204" },
+        { num: item.F, color: "#0500FA" },
+        {},
+        { num: item.G, color: "#FF0204" },
+      ],
+      t: item.DrawTime,
+      w: item.Win,
+    };
+  });
+};
+</script>
+
+<style lang="scss"></style>