Test_Project_Web/BJ_Casino_Rank
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[add] test

Browse Source
This commit is contained in:
建喵 2022-04-15 18:16:42 +08:00
parent 760be5089b
commit 3dda160b9a
6 changed files with 3170 additions and 2832 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5926
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

43
package.json
View File

@ -1,23 +1,24 @@
{ {
"name": "bj-casino-rank", "name": "bj-casino-rank",
"private": true, "private": true,
"version": "0.0.0", "version": "0.0.0",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vue-tsc --noEmit && vite build", "build": "vite build",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"@ant-design/icons-vue": "^6.1.0", "@ant-design/icons-vue": "^6.1.0",
"axios": "^0.26.1", "axios": "^0.26.1",
"bootstrap": "^5.1.3", "bootstrap": "^5.1.3",
"moment": "^2.29.2", "element-plus": "^2.1.9",
"vue": "^3.2.25" "moment": "^2.29.2",
}, "vue": "^3.2.25"
"devDependencies": { },
"@vitejs/plugin-vue": "^2.3.0", "devDependencies": {
"typescript": "^4.5.4", "@vitejs/plugin-vue": "^2.3.0",
"vite": "^2.9.0", "typescript": "^4.5.4",
"vue-tsc": "^0.29.8" "vite": "^2.9.0",
} "vue-tsc": "^0.29.8"
}
} }

22
src/App.vue
View File

@ -1,15 +1,35 @@
<script setup lang="ts"> <script setup lang="ts">
import type { TabsPaneContext } from 'element-plus';
import { ref } from "vue";
import BJ_Casino_Rank from './components/BJ_Casino_Rank.vue'; import BJ_Casino_Rank from './components/BJ_Casino_Rank.vue';
const activeName = ref('first')
const handleClick = (tab: TabsPaneContext, event: Event) => {
console.log(tab, event)
}
</script> </script>
<template> <template>
<div> <div>
<BJ_Casino_Rank /> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="User" name="first">
<BJ_Casino_Rank />
</el-tab-pane>
<el-tab-pane label="Config" name="second">Config</el-tab-pane>
<el-tab-pane label="Role" name="third">Role</el-tab-pane>
<el-tab-pane label="Task" name="fourth">Task</el-tab-pane>
</el-tabs>
</div> </div>
</template> </template>
<style> <style>
@import url('../src/assets/fonts.css'); @import url('../src/assets/fonts.css');
@import url('../src/assets/style.css');
.demo-tabs>.el-tabs__content {
width: 50%;
margin: 0 auto;
}
#app { #app {
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;

5
src/assets/style.css
View File

@ -2,6 +2,11 @@
width: inherit; width: inherit;
} }
.el-tabs__nav-scroll {
/* width: 50%; */
margin: 0 auto;
}
/* .main { /* .main {
width: 80%; width: 80%;
margin: 20px auto; margin: 20px auto;

1
src/components/BJ_Casino_Rank.vue
View File

@ -1,6 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from "vue"; import { ref } from "vue";
import '../assets/style.css';
import { BJ_Casino_Rank } from "../script/BJ_Casino_Rank"; import { BJ_Casino_Rank } from "../script/BJ_Casino_Rank";
let Title = ref("BJ_Casino_Rank"); let Title = ref("BJ_Casino_Rank");

5
src/main.ts
View File

@ -1,7 +1,10 @@
import 'bootstrap'; import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/dist/css/bootstrap.min.css';
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import locale from 'element-plus/lib/locale/lang/zh-tw';
import { createApp } from 'vue'; import { createApp } from 'vue';
import App from './App.vue'; import App from './App.vue';
createApp(App).mount('#app') createApp(App).use(ElementPlus, { locale }).mount('#app')