From 49e2df722d1417d158093fd54f0c20ff1afe58b8 Mon Sep 17 00:00:00 2001
From: Huakk <1751826683@qq.com>
Date: Mon, 5 Aug 2024 18:16:10 +0800
Subject: [PATCH] update

---
 src/pages/index/index.vue | 190 +++++++++++++-------------------------
 1 file changed, 62 insertions(+), 128 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 823a2a1..dd8db12 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -5,27 +5,18 @@
     <!-- <view id="J_prismPlayer"></view> -->
     <!-- <view class="player" id="mse"></view> -->
     <!-- 头部 -->
-    <view
-      class="z-50 bg-[#EB1313] w-full h-[110px] p-[18px] text-[30px] flex text-white justify-between items-center"
-    >
+    <view class="z-50 bg-[#EB1313] w-full h-[110px] p-[18px] text-[30px] flex text-white justify-between items-center">
       <view>积分: {{ user.integral }}</view>
       <view class="flex items-center justify-center">
         <view class="pr-[10px] text-[25px]">
           <view>玩</view>
           <view>法</view>
         </view>
-        <nut-popover
-          v-model:visible="showSelector"
-          :list="selector"
-          location="bottom"
-          @choose="onChange"
-        >
+        <nut-popover v-model:visible="showSelector" :list="selector" location="bottom" @choose="onChange">
           <template #reference>
             <!-- @click.stop="showSelector = !showSelector" -->
-            <view
-              @click.stop="showSelector = !showSelector"
-              class="w-[200px] h-[70px] pl-2 pr-2 border-2 rounded-md border-white flex items-center justify-center"
-            >
+            <view @click.stop="showSelector = !showSelector"
+              class="w-[200px] h-[70px] pl-2 pr-2 border-2 rounded-md border-white flex items-center justify-center">
               <view>{{ formData.selectorChecked }}</view>
               <down theme="filled" size="25" fill="#fff" />
             </view>
@@ -49,12 +40,8 @@
           </view>
         </template>
       </nut-popover> -->
-      <navigator
-        :url="`/pages/bet_record/index?uid=${uid}`"
-        open-type="navigate"
-        hover-class="none"
-        class="flex items-center"
-      >
+      <navigator :url="`/pages/bet_record/index?uid=${uid}`" open-type="navigate" hover-class="none"
+        class="flex items-center">
         <view>投注记录</view>
         <right theme="filled" size="25" fill="#ffffff" />
       </navigator>
@@ -66,46 +53,26 @@
         <view class="text-[red] text-[40px]">{{ tStr }}</view>
       </view>
       <view class="flex flex-col items-center popover">
-        <nut-popover
-          v-model:visible="showTable"
-          location="bottom"
-          @open="openTable"
-        >
+        <nut-popover v-model:visible="showTable" location="bottom" @open="openTable">
           <template #reference>
-            <view
-              class="flex items-center"
-              @click.stop="showTable = !showTable"
-            >
+            <view class="flex items-center" @click.stop="showTable = !showTable">
               <text class="text-[#333333] text-[28px]">近期开奖</text>
               <down class="mr-1" theme="filled" size="25" fill="#333333" />
             </view>
           </template>
           <template #content>
-            <nut-table
-              style="width: 900px"
-              :columns="columns"
-              :data="data"
-              striped
-              :bordered="true"
-            ></nut-table>
+            <nut-table style="width: 900px" :columns="columns" :data="data" striped :bordered="true"></nut-table>
           </template>
         </nut-popover>
         <view class="flex">
-          <view
-            class="m-[5px] rounded-full w-[44px] h-[44px] text-white text-[28px] text-center leading-[44px]"
-            v-for="(item, index) in numList"
-            :key="index"
-          >
+          <view class="m-[5px] rounded-full w-[44px] h-[44px] text-white text-[28px] text-center leading-[44px]"
+            v-for="(item, index) in numList" :key="index">
             <view v-if="!item.num" class="m-[5px]">
               <plus-cross theme="filled" size="20" fill="#333333" />
             </view>
-            <view
-              class="rounded-full"
-              :style="{
-                backgroundColor: item.color,
-              }"
-              >{{ item.num }}</view
-            >
+            <view class="rounded-full" :style="{
+              backgroundColor: item.color,
+            }">{{ item.num }}</view>
           </view>
         </view>
       </view>
@@ -114,29 +81,20 @@
     <!-- <scroll-view scroll-y class="h-[800px]"> -->
     <template v-if="formData.betType !== 2">
       <view class="grid gap-1 grid-cols-4 place-items-center p-[20px]">
-        <view
-          v-for="(item, index) in betList"
-          :key="index"
+        <view v-for="(item, index) in betList" :key="index"
           class="shadow-md border border-[#E6E6E6] rounded-[10px] w-[150px] mb-[20px] h-[150px] max-[150px] bg-[red] text-center flex justify-center items-center"
-          :class="
-            formData.betIndexs.includes(item.value)
-              ? 'bg-[#EB1313]'
-              : 'bg-white'
-          "
-          @click="betSelect(item)"
-        >
-          <view
-            :class="formData.betIndexs.includes(item.value) ? 'text-white' : ''"
-            ><view>{{ item.label }}</view>
-            <view
-              :class="[
-                formData.betIndexs.includes(item.value)
-                  ? 'text-white'
-                  : 'text-[#EB1313]',
-                'text-[30px]',
-              ]"
-              >{{ item.odds }}</view
-            >
+          :class="formData.betIndexs.includes(item.value)
+            ? 'bg-[#EB1313]'
+            : 'bg-white'
+            " @click="betSelect(item)">
+          <view :class="formData.betIndexs.includes(item.value) ? 'text-white' : ''">
+            <view>{{ item.label }}</view>
+            <view :class="[
+              formData.betIndexs.includes(item.value)
+                ? 'text-white'
+                : 'text-[#EB1313]',
+              'text-[30px]',
+            ]">{{ item.odds }}</view>
             <!-- <viwe v-if="item.betVal > 0">{{ item.betVal }}</viwe> -->
           </view>
         </view>
@@ -144,24 +102,18 @@
     </template>
     <template v-else>
       <view class="grid gap-5 grid-cols-6 place-items-center p-[20px]">
-        <view
-          v-for="(item, index) in betList"
-          :key="index"
+        <view v-for="(item, index) in betList" :key="index"
           class="shadow-md border border-[#E6E6E6] rounded-full w-[80px] mb-[20px] h-[80px] max-[200px]: bg-[red] text-center leading-[80px]"
-          :class="
-            formData.betIndexs.includes(item.value)
-              ? 'bg-[#EB1313]'
-              : 'bg-white'
-          "
-          @click="betSelect(item)"
-        >
-          <view
-            :style="{
-              color: formData.betIndexs.includes(item.value)
-                ? 'white'
-                : getTextColor(item.label),
-            }"
-            ><view>{{ item.label }}</view>
+          :class="formData.betIndexs.includes(item.value)
+            ? 'bg-[#EB1313]'
+            : 'bg-white'
+            " @click="betSelect(item)">
+          <view :style="{
+            color: formData.betIndexs.includes(item.value)
+              ? 'white'
+              : getTextColor(item.label),
+          }">
+            <view>{{ item.label }}</view>
             <view class="text-[28px] text-[#EB1313] leading-[50px]">{{
               item.odds
             }}</view>
@@ -175,56 +127,38 @@
     <!-- 操作栏 -->
     <view class="fixed bottom-0 w-full">
       <!-- 投注信息 -->
-      <view
-        v-if="formData.betIndexs.length > 0"
-        class="bg-[#F5F5F5] w-full text-[28px] p-[26px] flex justify-between items-center"
-      >
-        <view
-          >共
+      <view v-if="formData.betIndexs.length > 0"
+        class="bg-[#F5F5F5] w-full text-[28px] p-[26px] flex justify-between items-center">
+        <view>共
           <text class="text-[#EB1313]">{{ formData.betIndexs.length }}</text> 注
           共
           <text class="text-[#EB1313]">{{
             formData.betIndexs.length * formData.value
           }}</text>
-          豆子</view
-        >
+          豆子
+        </view>
         <!-- <view> 单注最多可赢 <text class="text-[#EB1313]">100</text> 积分 </view> -->
       </view>
-      <view
-        class="bg-white p-[30px] w-full text-[28px] flex justify-between items-center"
-      >
-        <view
-          @click="clearbet"
-          class="bg-[#FFE8E8] rounded-[10px] border border-[#FF0204] w-[100px] h-[60px] text-[#FF0204] text-center leading-[60px]"
-          >清空</view
-        >
+      <view class="bg-white p-[30px] w-full text-[28px] flex justify-between items-center">
+        <view @click="clearbet"
+          class="bg-[#FFE8E8] rounded-[10px] border border-[#FF0204] w-[100px] h-[60px] text-[#FF0204] text-center leading-[60px]">
+          清空</view>
         <view>
-          <view
-            >可用豆子:
-            <text class="text-[#EB1313]">{{ user.pulse }}</text> 豆子</view
-          >
+          <view>可用豆子:
+            <text class="text-[#EB1313]">{{ user.pulse }}</text> 豆子
+          </view>
           <!-- @input="betIput" -->
-          <view class="flex"
-            >单注:
-            <input
-              v-model="formData.value"
-              type="number"
+          <view class="flex">单注:
+            <input v-model="formData.value" type="number"
               class="ml-1 mr-1 border border-[#D9D9D9] rounded-[10px] w-[140px] pl-[10px] pr-[10px] text-[#FF0204] text-center"
-              placeholder=""
-            />
-            豆子</view
-          >
+              placeholder="" />
+            豆子
+          </view>
         </view>
       </view>
       <!-- 确认投注 -->
-      <view
-        class="text-[36px] h-[100px] bg-[red] text-white text-center leading-[100px]"
-        shape="square"
-        block
-        type="primary"
-        @click="submit"
-        >一键投注</view
-      >
+      <view class="text-[36px] h-[100px] bg-[red] text-white text-center leading-[100px]" shape="square" block
+        type="primary" @click="submit">一键投注</view>
       <!-- <button @click="lottieFn(2, 1000)">text</button> -->
     </view>
     <view id="lottie" v-show="isLottie"></view>
@@ -255,7 +189,7 @@ import "./index.scss";
 import wzj from "../../static/wzj.json";
 import zj from "../../static/zj.json";
 
-onMounted(() => {});
+onMounted(() => { });
 
 const player = ref(null);
 
@@ -563,11 +497,11 @@ const initPlayer = () => {
 const showSelector = ref(false);
 
 const selector = ref([
+  { name: "特码", value: 2 },
   {
     name: "头尾数",
     value: 1,
   },
-  { name: "特码", value: 2 },
   { name: "单双", value: 3 },
 ]);
 
@@ -706,13 +640,13 @@ const columns = ref([
 
 const data = ref([]);
 
-const openTable = () => {};
+const openTable = () => { };
 
 const numList = ref([]);
 
 const formData = ref({
-  selectorChecked: "头尾数",
-  betType: 1,
+  selectorChecked: "特码",
+  betType: 2,
   betIndexs: [],
   value: "",
   total: 0,