build(projects): 增加代码规范

2023-11-03 18:17:27 +08:00
parent 9a0b0505e9
commit 5e64ea27de
38 changed files with 14545 additions and 11926 deletions
--- a/src/pages/yaotouzi/index/index.config.ts
+++ b/src/pages/yaotouzi/index/index.config.ts
@@ -1,3 +1,3 @@
 export default definePageConfig({
-  navigationBarTitleText: '摇骰子'
+  navigationBarTitleText: '摇骰子',
 })
--- a/src/pages/yaotouzi/index/index.scss
+++ b/src/pages/yaotouzi/index/index.scss
@@ -1,5 +1,5 @@
 .index {
-  background-color: #23684B;
+  background-color: #23684b;
  width: 100%;
  height: 100%;

@@ -22,12 +22,11 @@
      display: flex;
      align-items: center;

-
      image {
        width: 100px;
        height: 100px;
        border-radius: 50%;
-        border: 2px solid #FFFFFF;
+        border: 2px solid #ffffff;
      }

      .userText {
@@ -48,9 +47,8 @@
      }
    }

-
    .right {
-      background-color: #429C78;
+      background-color: #429c78;
      border-radius: 50px;
      flex: 1;
      display: flex;
@@ -59,7 +57,7 @@
      padding: 10px;

      .icon {
-        background-image: url("../../../static/dz.png");
+        background-image: url('../../../static/dz.png');
        background-size: 100% 100%;
        width: 50px;
        height: 50px;
@@ -106,7 +104,7 @@
          justify-content: flex-start;

          .text {
-            background-color: #E9422F;
+            background-color: #e9422f;
            width: 55px;
            height: 55px;
            text-align: center;
@@ -124,13 +122,12 @@
    }

    .right {
-
      .btn {
        width: 137px;
-        background: linear-gradient(-180deg, #FBE039, #FDC413);
+        background: linear-gradient(-180deg, #fbe039, #fdc413);
        font-size: 30px;
        text-align: center;
-        border: 1px solid #FFEDC5;
+        border: 1px solid #ffedc5;
        border-radius: 26px;
      }
    }
@@ -184,7 +181,6 @@
    .item1 {
      width: 24%;
    }
-
  }

  .opt1 {
@@ -249,7 +245,7 @@
    }

    .base {
-      background-image: url("../../../static/cais.png");
+      background-image: url('../../../static/cais.png');
      background-size: 100% 100%;
      //flex: 1;
      width: 43%;
@@ -262,13 +258,13 @@
      overflow: hidden;

      .qz {
-        background-image: url("../../../static/qz.png");
+        background-image: url('../../../static/qz.png');
        background-size: 100% 100%;
        width: 90%;
        height: 25%;
        margin-bottom: 20px;
        line-height: 100px;
-        color: #FBE039;
+        color: #fbe039;
        font-weight: bold;
      }
    }
@@ -288,7 +284,7 @@
    padding: 0 50px;

    .btn1 {
-      background-image: url("../../../static/cz.png");
+      background-image: url('../../../static/cz.png');
      background-size: 100% 100%;
      width: 150px;
      height: 100px;
@@ -297,7 +293,7 @@
    }

    .btn2 {
-      background-image: url("../../../static/ssd.png");
+      background-image: url('../../../static/ssd.png');
      background-size: 100% 100%;
      width: 150px;
      height: 100px;
@@ -306,7 +302,7 @@
    }

    .btn3 {
-      background-image: url("../../../static/tz.png");
+      background-image: url('../../../static/tz.png');
      background-size: 100% 100%;
      width: 150px;
      height: 100px;
@@ -322,7 +318,9 @@
  border-radius: 10px;
 }

-.btn1, .btn2, .btn3 {
+.btn1,
+.btn2,
+.btn3 {
  &:active {
    animation: btn ease 0.3s;
  }
@@ -363,7 +361,7 @@
 .expanding-div {
  width: 10px;
  height: 90px;
-  background-image: url("../../../static/qzzz.png");
+  background-image: url('../../../static/qzzz.png');
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
@@ -419,7 +417,6 @@
  }
 }

-
 .card {
  width: 92%;
  padding: 20px;
@@ -432,7 +429,6 @@
  }
 }

-
 .close {
  width: 35px;
  height: 35px;
--- a/src/pages/yaotouzi/index/index.vue
+++ b/src/pages/yaotouzi/index/index.vue
@@ -8,7 +8,7 @@
        <view class="left">
          <image :src="userInfo.avatarUrl"></image>
          <view class="userText">
-            <view class="userName">{{ userInfo.nickName || "用户" }}</view>
+            <view class="userName">{{ userInfo.nickName || '用户' }}</view>
            <view class="userScore">积分: {{ userInfo.integral || 0 }}</view>
          </view>
        </view>
@@ -34,12 +34,8 @@
          <view>剩余{{ time }}s开奖</view>
        </view>
        <view class="right">
-          <view class="btn" @click="utils.vibrateShort(() => toPage(1))"
-            >开奖记录</view
-          >
-          <view class="btn mt-15" @click="utils.vibrateShort(() => toPage(2))"
-            >投注记录</view
-          >
+          <view class="btn" @click="utils.vibrateShort(() => toPage(1))">开奖记录</view>
+          <view class="btn mt-15" @click="utils.vibrateShort(() => toPage(2))">投注记录</view>
        </view>
      </view>
      <!--  选项区  -->
@@ -61,8 +57,9 @@
            class="close"
            v-if="item.status"
            @click.stop="utils.vibrateShort(() => clearOneBet(item))"
-            >x</view
          >
+            x
+          </view>
        </view>
      </view>
      <view class="opt1" v-if="odds1.length > 0">
@@ -82,8 +79,9 @@
              class="close"
              v-if="odds1[0].status"
              @click.stop="utils.vibrateShort(() => clearOneBet(odds1[0]))"
-              >x</view
            >
+              x
+            </view>
          </view>
          <view
            class="subColor item"
@@ -100,8 +98,9 @@
              class="close"
              v-if="odds1[1].status"
              @click.stop="utils.vibrateShort(() => clearOneBet(odds1[1]))"
-              >x</view
            >
+              x
+            </view>
          </view>
        </view>
        <view class="base">
@@ -110,9 +109,9 @@
              {{ qzTitle }}
            </view>
          </view>
-          <view class="expanding-div" v-if="isShow"
-            >{{ nowKJInfo.Start }} - {{ nowKJInfo.End }}</view
-          >
+          <view class="expanding-div" v-if="isShow">
+            {{ nowKJInfo.Start }} - {{ nowKJInfo.End }}
+          </view>
        </view>
        <view class="optt">
          <view
@@ -131,8 +130,9 @@
              class="close"
              v-if="odds1[2].status"
              @click.stop="utils.vibrateShort(() => clearOneBet(odds1[2]))"
-              >x</view
            >
+              x
+            </view>
          </view>
          <!-- <view
            class="subColor item"
@@ -165,19 +165,16 @@
            class="close"
            v-if="item.status"
            @click.stop="utils.vibrateShort(() => clearOneBet(item))"
-            >x</view
          >
+            x
+          </view>
        </view>
      </view>
      <scroll-view style="height: 25%" scroll-y>
-        <view
-          class="card subColor"
-          v-for="(item,index) in kjList as any[]"
-          :key="index"
-        >
+        <view class="card subColor" v-for="(item,index) in kjList as any[]" :key="index">
          <view>
-            <view
-              >第{{ item.Periods }}期开奖:
+            <view>
+              第{{ item.Periods }}期开奖:
              <text style="color: red">{{ item.Start }} , {{ item.End }}</text>
              <text
                v-for="(num, i) in item.Name"
@@ -201,124 +198,115 @@
    </scroll-view>
    <!--  底部操作栏  -->
    <view class="subColor bottomBar">
-      <view class="btn1" @click="utils.vibrateShort(() => clearBet(true))"
-        >重置</view
-      >
-      <view class="btn2" @click="utils.vibrateShort(() => changeOdd())"
-        >X{{ oddVal }}</view
-      >
-      <view class="btn3" @click="utils.vibrateShort(() => verifyBet())"
-        >投注</view
-      >
+      <view class="btn1" @click="utils.vibrateShort(() => clearBet(true))">重置</view>
+      <view class="btn2" @click="utils.vibrateShort(() => changeOdd())">X{{ oddVal }}</view>
+      <view class="btn3" @click="utils.vibrateShort(() => verifyBet())">投注</view>
    </view>
  </view>
 </template>

 <script lang="ts" setup>
-import { ref } from "vue";
-import Taro from "@tarojs/taro";
-import { app } from "@/config";
-import { getGameOption, getKaiJiangList, getJfDz } from "@/api";
-import utils from "@/utils";
+import { ref } from 'vue'
+import Taro from '@tarojs/taro'
+import { app } from '@/config'
+import { getGameOption, getKaiJiangList, getJfDz } from '@/api'
+import utils from '@/utils'

-const ws = ref<null | WebSocket>(null);
+const ws = ref<null | WebSocket>(null)

 // 是否显示开奖动画
-const isShow = ref(false);
+const isShow = ref(false)

 // 是否开启文字放大动画
-const isExpanding = ref(false);
+const isExpanding = ref(false)

 interface Odd {
-  id?: number;
-  name?: string;
-  odds?: number;
-  markNum?: number;
-  status?: boolean;
-  flicker?: boolean;
-  numStr?: number;
+  id?: number
+  name?: string
+  odds?: number
+  markNum?: number
+  status?: boolean
+  flicker?: boolean
+  numStr?: number
 }

-const odds = ref<Odd[]>([]);
+const odds = ref<Odd[]>([])

-const odds1 = ref<Odd[]>([]);
+const odds1 = ref<Odd[]>([])

-const odds2 = ref<Odd[]>([]);
+const odds2 = ref<Odd[]>([])

-const qzTitle = ref("请投注");
+const qzTitle = ref('请投注')

-const time = ref(0);
+const time = ref(0)

 const nowKJInfo = ref<{
-  Start?: string;
-  End?: string;
-  Periods?: number;
-}>({});
+  Start?: string
+  End?: string
+  Periods?: number
+}>({})

 const userInfo = ref<{
-  pulse?: number;
-  integral?: number;
-  nickName?: string;
-  avatarUrl?: string;
-}>({});
+  pulse?: number
+  integral?: number
+  nickName?: string
+  avatarUrl?: string
+}>({})

-const zjObj = ref<any>([]);
+const zjObj = ref<any>([])

-const iMsgNum = ref(0);
+const iMsgNum = ref(0)

 const numColor = (num: string) => {
  switch (num) {
-    case "大":
-      return "red";
-    case "小":
-      return "green";
+    case '大':
+      return 'red'
+    case '小':
+      return 'green'
    // case '单':
    //   return 'orange'
    // case '双':
    //   return 'blue'
-    case "和":
-      return "purple";
+    case '和':
+      return 'purple'
    default:
-      return "black";
+      return 'black'
  }
-};
+}

 Taro.useDidShow(() => {
-  startMusic(
-    "https://files.wanzhuanyongcheng.com/file/music/yaotouzi/bg.MP3",
-    true
-  );
+  startMusic('https://files.wanzhuanyongcheng.com/file/music/yaotouzi/bg.MP3', true)

-  initWs();
-  initData();
-});
+  initWs()
+  initData()
+})

 Taro.useDidHide(() => {
-  console.log("useDidHide");
-  ws.value?.close();
-});
+  console.log('useDidHide')
+  ws.value?.close()
+})

 const initData = () => {
-  qzTitle.value = "请投注";
-  getOddList();
-  getKJList();
-  getUserInfo();
-};
+  qzTitle.value = '请投注'
+  getOddList()
+  getKJList()
+  getUserInfo()
+}

-const arr = ["2+2", "3+3", "4+4", "5+5", "6+6"];
+const arr = ['2+2', '3+3', '4+4', '5+5', '6+6']
 // const arr1 = ["大", "小", "单", "双"];
 // const arr2 = ["和", "3", "4", "5", "6", "8", "9", "10", "11"];
-const arr1 = ["大", "小", "和"];
-const arr2 = ["3", "4", "5", "6", "8", "9", "10", "11"];
+const arr1 = ['大', '小', '和']
+const arr2 = ['3', '4', '5', '6', '8', '9', '10', '11']

 // 投注列表
 const getOddList = async () => {
-  const res = await getGameOption();
-  odds.value = [];
-  odds1.value = [];
-  odds2.value = [];
+  const res = await getGameOption()
+  odds.value = []
+  odds1.value = []
+  odds2.value = []
  res.data.data.forEach((item: any) => {
-    const { name, ID, odds: odd, max } = item;
+    const { name, ID, odds: odd, max } = item
    const newItem = {
      id: ID,
      name: name,
@@ -328,260 +316,257 @@ const getOddList = async () => {
      numStr: 0,
      status: false,
      flicker: false,
-    };
-    if (Taro.getStorageSync("odds")) {
-      odds.value = Taro.getStorageSync("odds");
-      odds1.value = Taro.getStorageSync("odds1");
-      odds2.value = Taro.getStorageSync("odds2");
+    }
+    if (Taro.getStorageSync('odds')) {
+      odds.value = Taro.getStorageSync('odds')
+      odds1.value = Taro.getStorageSync('odds1')
+      odds2.value = Taro.getStorageSync('odds2')
    } else {
      if (arr1.includes(name)) {
-        odds1.value.push(newItem);
+        odds1.value.push(newItem)
      } else if (arr.includes(name)) {
-        odds.value.push(newItem);
+        odds.value.push(newItem)
      } else if (arr2.includes(name)) {
-        odds2.value.push(newItem);
+        odds2.value.push(newItem)
      }
    }
-  });
+  })
  // const el = odds2.value.splice(0, 1)[0];
  // odds2.value.splice(4, 0, el);
  // console.log(odds1.value)
-};
+}

 // 获取个人信息
 const getUserInfo = async () => {
-  const res = await getJfDz(Taro.getStorageSync("uid"));
-  userInfo.value = res.data.data;
-};
+  const res = await getJfDz(Taro.getStorageSync('uid'))
+  userInfo.value = res.data.data
+}

-const kJData = ref<any>([]);
-const kjList = ref<any>([]);
+const kJData = ref<any>([])
+const kjList = ref<any>([])

 // 开奖列表
 const getKJList = async () => {
-  const res = await getKaiJiangList();
-  kJData.value = res.data.data;
+  const res = await getKaiJiangList()
+  kJData.value = res.data.data
  kjList.value = res.data.data.map((item: any) => {
    return {
      ...item,
-      Name: item.Name.split("-"),
-    };
-  });
-};
+      Name: item.Name.split('-'),
+    }
+  })
+}

 // 初始化游戏
 const initWs = () => {
-  ws.value = new WebSocket(`${app.API_WS()}`);
+  ws.value = new WebSocket(`${app.API_WS()}`)
  ws.value.onopen = async () => {
    Taro.showToast({
-      title: "连接游戏服务器成功",
+      title: '连接游戏服务器成功',
      mask: true,
-      icon: "none",
-    });
-  };
+      icon: 'none',
+    })
+  }

  ws.value.onmessage = async (e: any) => {
-    const res = JSON.parse(e.data);
+    const res = JSON.parse(e.data)
    switch (res.code) {
      case 200:
-        let num = Number(res.data);
-        time.value = num;
+        let num = Number(res.data)
+        time.value = num
        if (num === 5) {
-          openDraw();
+          openDraw()
        }
-        break;
+        break
      case 401:
        Taro.showToast({
-          title: "未登录",
+          title: '未登录',
          mask: true,
-          icon: "none",
-        });
-        break;
+          icon: 'none',
+        })
+        break
      case 403:
        Taro.showToast({
-          title: "未能操作",
+          title: '未能操作',
          mask: true,
-          icon: "none",
-        });
-        break;
+          icon: 'none',
+        })
+        break
      case 400:
        Taro.showToast({
-          title: "豆子不足",
+          title: '豆子不足',
          mask: true,
-          icon: "none",
-        });
-        break;
+          icon: 'none',
+        })
+        break
      case 5:
        Taro.showToast({
-          title: "投注成功",
+          title: '投注成功',
          mask: true,
-          icon: "none",
-        });
-        break;
+          icon: 'none',
+        })
+        break
      case 100:
        Taro.showToast({
          title: res.msg,
-          icon: "none",
-        });
-        break;
+          icon: 'none',
+        })
+        break
      case 101:
        Taro.showToast({
          title: res.msg,
-          icon: "none",
-        });
-        break;
+          icon: 'none',
+        })
+        break
      case 301:
        Taro.showToast({
          title: res.msg,
-          icon: "none",
-        });
+          icon: 'none',
+        })
        setTimeout(() => {
          Taro.navigateBack({
            delta: 1,
-          });
-        }, 2000);
+          })
+        }, 2000)
      default:
-        iMsgNum.value++;
-        zjObj.value = res;
-        break;
+        iMsgNum.value++
+        zjObj.value = res
+        break
    }
-  };
+  }
  ws.value.onerror = () => {
-    console.log("连接游戏服务器失败");
+    console.log('连接游戏服务器失败')
    Taro.showToast({
-      title: "连接游戏服务器失败",
+      title: '连接游戏服务器失败',
      mask: true,
-      icon: "none",
-    });
-  };
-};
+      icon: 'none',
+    })
+  }
+}

-const isKj = ref(false);
+const isKj = ref(false)
 // 开奖倒计时
 const openDraw = () => {
-  isExpanding.value = true;
-  isKj.value = true;
-  startMusic(
-    "https://files.wanzhuanyongcheng.com/file/music/yaotouzi/djs.MP3",
-    false
-  );
+  isExpanding.value = true
+  isKj.value = true
+  startMusic('https://files.wanzhuanyongcheng.com/file/music/yaotouzi/djs.MP3', false)
  for (let i = 5; i > 0; i--) {
    setTimeout(() => {
      // i <= 3 && (fontColor.value = "red");
-      qzTitle.value = i.toString();
-    }, 1000 * (5 - i));
+      qzTitle.value = i.toString()
+    }, 1000 * (5 - i))
  }
  setTimeout(async () => {
-    isExpanding.value = false;
-    const res = await getKaiJiangList();
-    nowKJInfo.value = res.data.data[0];
-    qzTitle.value = `${nowKJInfo.value?.Periods || 0}期开奖`;
-    playAminExpand();
+    isExpanding.value = false
+    const res = await getKaiJiangList()
+    nowKJInfo.value = res.data.data[0]
+    qzTitle.value = `${nowKJInfo.value?.Periods || 0}期开奖`
+    playAminExpand()
    setTimeout(() => {
-      startFlicker();
-    }, 6000);
-    isKj.value = false;
-  }, 5000);
-};
+      startFlicker()
+    }, 6000)
+    isKj.value = false
+  }, 5000)
+}

-const oddVal = ref(100);
+const oddVal = ref(100)
 const changeOdd = () => {
  switch (oddVal.value) {
    case 100:
-      oddVal.value = 1000;
-      break;
+      oddVal.value = 1000
+      break
    // case 10:
    //   oddVal.value = 100
    //   break
    case 1000:
-      oddVal.value = 100;
-      break;
+      oddVal.value = 100
+      break
  }
-};
+}

 const clearBet = (val: boolean) => {
-  clearItems(odds.value, val);
-  clearItems(odds1.value, val);
-  clearItems(odds2.value, val);
-  savsData();
-};
+  clearItems(odds.value, val)
+  clearItems(odds1.value, val)
+  clearItems(odds2.value, val)
+  savsData()
+}

 const clearItems = (items: any[], isClear: boolean = false) => {
  items.forEach((item: any) => {
-    item.markNum = 0;
+    item.markNum = 0
    if (isClear) {
-      item.numStr = 0;
-      item.status = false;
+      item.numStr = 0
+      item.status = false
    }
-  });
-};
+  })
+}

 const addNum = (item: any) => {
  if (isKj.value)
    return Taro.showToast({
-      title: "正在开奖，不能下注",
-      icon: "none",
-    });
-  if (item.name === "单" || item.name === "双")
+      title: '正在开奖，不能下注',
+      icon: 'none',
+    })
+  if (item.name === '单' || item.name === '双')
    return Taro.showToast({
      title: `${item.name}不能下注`,
-      icon: "none",
-    });
-  item.status = true;
-  item.markNum += oddVal.value;
-  item.numStr += oddVal.value;
+      icon: 'none',
+    })
+  item.status = true
+  item.markNum += oddVal.value
+  item.numStr += oddVal.value
  if (item.markNum >= item.max && item.numStr >= item.max) {
-    item.markNum = item.max;
-    item.numStr = item.max;
+    item.markNum = item.max
+    item.numStr = item.max
    Taro.showToast({
      title: `单注不能超过${item.max}`,
-      icon: "none",
-    });
+      icon: 'none',
+    })
  }
-  savsData();
-};
+  savsData()
+}

 // 投注
 const verifyBet = () => {
  if (isKj.value)
    return Taro.showToast({
-      title: "正在开奖，不能下注",
-      icon: "none",
-    });
+      title: '正在开奖，不能下注',
+      icon: 'none',
+    })

-  let numCount = 0;
+  let numCount = 0

  odds.value.forEach((item: any) => {
    if (item.markNum > 0) {
-      numCount += item.markNum;
+      numCount += item.markNum
    }
-  });
+  })

  odds1.value.forEach((item: any) => {
    if (item.markNum > 0) {
-      numCount += item.markNum;
+      numCount += item.markNum
    }
-  });
+  })

  odds2.value.forEach((item: any) => {
    if (item.markNum > 0) {
-      numCount += item.markNum;
+      numCount += item.markNum
    }
-  });
+  })

  if (numCount === 0)
    return Taro.showToast({
-      title: "请选择选项，再投注",
-      icon: "none",
-    });
+      title: '请选择选项，再投注',
+      icon: 'none',
+    })

  if (numCount > (userInfo.value?.pulse as number))
    return Taro.showToast({
-      title: "投注豆子不足",
-      icon: "none",
-    });
+      title: '投注豆子不足',
+      icon: 'none',
+    })

-  const data: any[] = [];
+  const data: any[] = []

  odds.value.forEach((item: any) => {
    if (item.markNum > 0) {
@@ -589,9 +574,9 @@ const verifyBet = () => {
        bid: item.id,
        number: item.markNum,
        name: item.name,
-      });
+      })
    }
-  });
+  })

  odds1.value.forEach((item: any) => {
    if (item.markNum > 0) {
@@ -599,9 +584,9 @@ const verifyBet = () => {
        bid: item.id,
        number: item.markNum,
        name: item.name,
-      });
+      })
    }
-  });
+  })

  odds2.value.forEach((item: any) => {
    if (item.markNum > 0) {
@@ -609,103 +594,97 @@ const verifyBet = () => {
        bid: item.id,
        number: item.markNum,
        name: item.name,
-      });
+      })
    }
-  });
+  })

  ws.value?.send(
    JSON.stringify({
      type: 1,
      data: data,
    })
-  );
+  )

  setTimeout(() => {
-    getUserInfo();
-  }, 1000);
+    getUserInfo()
+  }, 1000)

-  qzTitle.value = "已投注";
-  clearBet(false);
-  savsData();
-};
+  qzTitle.value = '已投注'
+  clearBet(false)
+  savsData()
+}

 // 前往开奖和投注记录
 const toPage = (type: number) => {
  Taro.navigateTo({
    url: `/pages/yaotouzi/records/index?type=${type}`,
-  });
-};
+  })
+}

 // 播放展开动画
 const playAminExpand = () => {
-  isShow.value = true;
-  startMusic(
-    "https://files.wanzhuanyongcheng.com/file/music/yaotouzi/kj.MP3",
-    false
-  );
+  isShow.value = true
+  startMusic('https://files.wanzhuanyongcheng.com/file/music/yaotouzi/kj.MP3', false)
  setTimeout(() => {
-    isShow.value = false;
-    initData();
-  }, 10000);
-};
+    isShow.value = false
+    initData()
+  }, 10000)
+}

 // 开始闪烁
 const startFlicker = () => {
-  flickerItems(odds.value);
-  flickerItems(odds1.value);
-  flickerItems(odds2.value);
-  zjObj.value = [];
-};
+  flickerItems(odds.value)
+  flickerItems(odds1.value)
+  flickerItems(odds2.value)
+  zjObj.value = []
+}

 const flickerItems = (items: any[]) => {
-  delData();
+  delData()
  items.forEach((item) => {
    zjObj.value.forEach((item2: any) => {
      if (item.name === item2.name) {
-        item.flicker = true;
+        item.flicker = true
        setTimeout(() => {
-          item.flicker = false;
-        }, 3000);
+          item.flicker = false
+        }, 3000)
      }
-    });
-  });
-  startMusic(
-    "https://files.wanzhuanyongcheng.com/file/music/yaotouzi/bg.MP3",
-    true
-  );
-};
+    })
+  })
+  startMusic('https://files.wanzhuanyongcheng.com/file/music/yaotouzi/bg.MP3', true)
+}

-const innerAudioContext = Taro.createInnerAudioContext();
+const innerAudioContext = Taro.createInnerAudioContext()

 const startMusic = (path: string, loop: boolean = false) => {
  // const innerAudioContext = Taro.createInnerAudioContext()
-  innerAudioContext.autoplay = true;
-  innerAudioContext.src = path;
-  innerAudioContext.loop = loop;
-  innerAudioContext.onPlay();
-  innerAudioContext.onError();
-};
+  innerAudioContext.autoplay = true
+  innerAudioContext.src = path
+  innerAudioContext.loop = loop
+  innerAudioContext.onPlay()
+  innerAudioContext.onError()
+}

 const clearOneBet = (item: Odd) => {
-  item.markNum = 0;
-  item.numStr = 0;
-  item.status = false;
-  savsData();
-};
+  item.markNum = 0
+  item.numStr = 0
+  item.status = false
+  savsData()
+}

 const savsData = () => {
-  Taro.setStorageSync("odds", odds.value);
-  Taro.setStorageSync("odds1", odds1.value);
-  Taro.setStorageSync("odds2", odds2.value);
-};
+  Taro.setStorageSync('odds', odds.value)
+  Taro.setStorageSync('odds1', odds1.value)
+  Taro.setStorageSync('odds2', odds2.value)
+}

 const delData = () => {
-  Taro.removeStorageSync("odds");
-  Taro.removeStorageSync("odds1");
-  Taro.removeStorageSync("odds2");
-};
+  Taro.removeStorageSync('odds')
+  Taro.removeStorageSync('odds1')
+  Taro.removeStorageSync('odds2')
+}
 </script>

 <style lang="scss" scoped>
-@import "./index.scss";
+@import './index.scss';
 </style>
--- a/src/pages/yaotouzi/records/index.config.ts
+++ b/src/pages/yaotouzi/records/index.config.ts
@@ -1,4 +1,4 @@
 export default definePageConfig({
  navigationBarBackgroundColor: '#23684B',
-  enablePullDownRefresh: true
+  enablePullDownRefresh: true,
 })
--- a/src/pages/yaotouzi/records/index.vue
+++ b/src/pages/yaotouzi/records/index.vue
@@ -3,15 +3,16 @@
    <template v-if="typeNum === 1">
      <view class="card" v-for="(item,index) in list as any[]" :key="index">
        <view>
-          <view
-            >第{{ item.Periods }}期开奖:
+          <view>
+            第{{ item.Periods }}期开奖:
            <text
              v-for="(num, i) in item.Name"
              :key="i"
              :style="{
                color: numColor(num),
              }"
-              >{{ num }},
+            >
+              {{ num }},
            </text>
          </view>
        </view>
@@ -19,24 +20,20 @@
    </template>
    <template v-else>
      <view v-if="list.length > 0">
-        <view
-          class="card desc"
-          v-for="(item,index) in list as any[]"
-          :key="index"
-        >
+        <view class="card desc" v-for="(item,index) in list as any[]" :key="index">
          <view>
            <view>第{{ item.Periods }}期投注:</view>
-            <view
-              >点数:<text style="color: red">{{ item.Name }}</text></view
-            >
-            <view class="sub"
-              >投注时间:<text>{{ item.DrawTime }}</text></view
-            >
+            <view>
+              点数:
+              <text style="color: red">{{ item.Name }}</text>
+            </view>
+            <view class="sub">
+              投注时间:
+              <text>{{ item.DrawTime }}</text>
+            </view>
          </view>
          <view style="text-align: right">
-            <view style="color: red"
-              >+{{ item.DrawNum }}积分</view
-            >
+            <view style="color: red">+{{ item.DrawNum }}积分</view>
            <view style="color: green">-{{ item.Number }}豆子</view>
          </view>
        </view>
@@ -49,59 +46,59 @@
 </template>

 <script lang="ts" setup>
-import { ref } from "vue";
-import Taro from "@tarojs/taro";
-import { getKaiJiangList, getTzJl } from "@/api";
+import { ref } from 'vue'
+import Taro from '@tarojs/taro'
+import { getKaiJiangList, getTzJl } from '@/api'

-const list = ref<any[]>([]);
+const list = ref<any[]>([])

-const typeNum = ref(0);
+const typeNum = ref(0)

 Taro.useLoad((options) => {
-  typeNum.value = Number(options.type);
+  typeNum.value = Number(options.type)
  Taro.setNavigationBarTitle({
-    title: options.type === "1" ? "开奖记录" : "投注记录",
-  });
-  getData();
-});
+    title: options.type === '1' ? '开奖记录' : '投注记录',
+  })
+  getData()
+})

 Taro.usePullDownRefresh(() => {
-  getData();
-});
+  getData()
+})

 const numColor = (num: string) => {
  switch (num) {
-    case "大":
-      return "red";
-    case "小":
-      return "green";
-    case "单":
-      return "orange";
-    case "双":
-      return "blue";
-    case "和":
-      return "purple";
+    case '大':
+      return 'red'
+    case '小':
+      return 'green'
+    case '单':
+      return 'orange'
+    case '双':
+      return 'blue'
+    case '和':
+      return 'purple'
    default:
-      return "black";
+      return 'black'
  }
-};
+}

 const getData = async () => {
-  let res: any;
+  let res: any
  if (typeNum.value === 1) {
-    res = await getKaiJiangList();
+    res = await getKaiJiangList()
    list.value = res.data.data.map((item: any) => {
      return {
        ...item,
-        Name: item.Name.split("-"),
-      };
-    });
+        Name: item.Name.split('-'),
+      }
+    })
  } else {
-    res = await getTzJl(Taro.getStorageSync("uid"));
-    list.value = res.data.data || [];
+    res = await getTzJl(Taro.getStorageSync('uid'))
+    list.value = res.data.data || []
  }
-  Taro.stopPullDownRefresh();
-};
+  Taro.stopPullDownRefresh()
+}
 </script>

 <style lang="scss" scoped>