huangjinming/CounterFireGames
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'new-CounterFire' of http://git.kingsome.cn/huangjinming/CounterFireGames into new-CounterFire

Browse Source
This commit is contained in:
yuyongdong 2024-06-24 13:30:25 +08:00
parent 339e062b86
commit cab8147872
2 changed files with 0 additions and 125 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components.d.ts vendored
View File

@ -51,7 +51,6 @@ declare module 'vue' {
Please: typeof import('./src/components/global/Please.vue')['default']
Price: typeof import('./src/components/common/searchView/Price.vue')['default']
Rank: typeof import('./src/components/common/searchView/rank.vue')['default']
'Rank copy': typeof import('./src/components/common/searchView/rank copy.vue')['default']
Roadmap: typeof import('./src/components/about/Roadmap.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']

124
src/components/common/searchView/rank copy.vue
View File

@ -1,124 +0,0 @@
<template>
<div class="rank-check">
<h2>Heroic rank</h2>
<!-- <a-collapse :expand-icon-position="expandIconPosition">
<a-collapse-panel header="Hero"> -->
<a-checkbox v-for="item in heroList" :key="item.value" @change="onChangeValue(item.value)">
<span>{{ item.label }}</span>
<!-- <span>{{ heroList.length }}</span> -->
</a-checkbox>
<!-- </a-collapse-panel>
</a-collapse> -->
</div>
</template>
<script setup>
import { ref, reactive } from "vue";
import { SettingOutlined } from "@ant-design/icons-vue";
import { useMarketplaceStore } from "@/store/marketplace"
const marketplaceList = useMarketplaceStore()
const heroList = [
{ label: "Hill", value: "Hill" },
{ label: "Aoi", value: "Aoi" },
{ label: "Yamada", value: "Yamada" },
{ label: "Astral", value: "Astral" },
];
const checkArr = ref([])
const expandIconPosition = ref("end");
const handleClick = (event) => {
// If you don't want click extra trigger collapse, you can prevent this:
event.stopPropagation();
};
const onChangeValue = (e) => {
// ToDo: 筛选
console.log(JSON.parse(JSON.stringify(marketplaceList.rank)),'-0---')
if(JSON.parse(JSON.stringify(marketplaceList.rank)) == undefined || JSON.parse(JSON.stringify(marketplaceList.rank)).length <= 0) {
console.log(e)
JSON.parse(JSON.stringify(marketplaceList.rank)).push(e)
for(let i = 0; i < JSON.parse(JSON.stringify(marketplaceList.rank)).length; i++) {
console.log('进来')
if(JSON.parse(JSON.stringify(marketplaceList.rank))[i] == e) {
console.log('这里')
JSON.parse(JSON.stringify(marketplaceList.rank)).splice(i,1)
}
}
}
console.log(JSON.parse(JSON.stringify(marketplaceList.rank)),JSON.parse(JSON.stringify(checkArr.value)))
};
const noRepeat1 = function (arr) {
arr = [...new Set(arr)];
return arr
}
const setArr = ref([])
const noRepeat2 = (arr,e) => {
console.log(arr)
// arr = arr.filter(item => item != e)
for(var i = 0; i < arr.length; i++){
if(arr[i] != e) {
console.log(e,'不')
setArr.value.push(e)
} else {
console.log(arr[i],'等')
}
}
console.log(setArr.value,arr,'-------')
}
</script>
<style lang="scss" scoped>
.rank-check {
border-bottom: 2px solid #fff;
margin: 20px 0;
padding-bottom: 20px;
h2 {
font-family: 'Poppins';
font-weight: bold;
font-size: 20px;
color: #BB7FFF;
margin-bottom: 10px;
}
// :deep(.ant-collapse) {
// color: #fff;
// border: 0px;
// .ant-collapse-item {
// border: 0px;
// .ant-collapse-header {
// color: #BB7FFF;
// padding: 0;
// }
// .ant-collapse-content {
// background: none;
// border: none;
.ant-checkbox-wrapper {
display: flex !important;
color: #BB7FFF;
}
.ant-collapse-content-box {
padding: 20px 0;
.ant-checkbox-wrapper {
display: flex !important;
span {
color: #BB7FFF;
}
}
.ant-checkbox-group {
display: block;
.ant-checkbox-wrapper {
display: flex !important;
}
.ant-checkbox-group-item {
display: flex !important;
background: #fff;
span {
color: #BB7FFF !important;
}
}
}
// }
// }
// }
}
}
</style>