完成第一版

2024-07-11 23:12:30 +08:00
commit e35583c254
41 changed files with 19394 additions and 0 deletions
--- a/src/pages/bet_record/index.vue
+++ b/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>