...
 
Commits (24)
    https://gitcode.net/qq_52284530/pairproject/-/commit/cb67c2befed5238b4fccfeaf1a95eda229bf3a17 地图上色 2022-03-23T18:28:58+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/a372bed656da54f6331d65f6c5fb2f54cb32d2e3 奖牌鼠标移入变色 2022-03-24T00:34:03+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/334933de039867dda61cdee1599fd339d735f515 奖牌地图数据实现 2022-03-24T15:45:32+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/760e19669e87dee1a50427cbc04e57296d794a9d 下拉框组件完成 2022-03-24T18:10:18+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/075e4a489dcc9508416381acae1bb200c900e6e5 每日赛程界面框架搭建 2022-03-25T10:24:41+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/3fe73a9fefbd4fd1edefe53142ffc4a5afc33f54 筛选 2022-03-25T12:20:11+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/9d7958571f71f36f4f940999edb11eda254b61aa 排版“ 2022-03-25T14:56:43+08:00 sheep 2502557798@qq.com git commit -m 排版“ https://gitcode.net/qq_52284530/pairproject/-/commit/f45ed0bdd81e90ba5fc295a6ee9cf3527d24a881 下拉框组件完成 2022-03-25T15:27:54+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/68f9f5e834ae69248c6d5860715af449dd6f5281 调整大小、奖牌总榜添加滑动 2022-03-25T15:49:11+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/ccbf41e6c8eb393e6056d10a95e6aee1b992e10d 11 2022-03-25T15:50:48+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/6f5ed4fa9945930b5c38956505b50337ff4a9b18 Merge branch 'dev' of gitcode.net:qq_52284530/pairproject into dev 2022-03-25T15:50:58+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/4a8a59b55cb83ba421870eb1db41bb15f8b2376b 解决冲突 2022-03-25T17:13:05+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/70ac5de29a9bf9bca23eae8feec4d8a900b0e3c6 轮播图尝试 2022-03-25T19:07:35+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/233137f35a8a83890e98cff7a3b02ad513dea5a9 添加codestyle.md 2022-03-25T19:31:56+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/0375c08315bbb3b947f640ff5ac5a851121e43c1 界面优化 2022-03-25T20:47:24+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/70d63d3bb7ba8ea63ad8a516fdc36fddae9d7870 Merge branches 'dev' and 'dev' of gitcode.net:qq_52284530/pairproject into dev 2022-03-25T20:48:18+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/37b35bee02e76e40f2eae6980528b19dc6f85b03 优化 2022-03-25T21:57:20+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/160314eacbd4bdcb26932671648de743428c06b0 优化 2022-03-25T21:58:02+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/2c35be0cf64685a2938296b4b7bc3c8c81afd5b3 调整图片大小 2022-03-25T22:03:28+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/3abe9b503fece0d5093e4736d44446b173cd3e1f 历届 2022-03-25T22:39:41+08:00 runoob 1441503340@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/771dda9c915a5adffb540163c2969f6e8cdb5f4d 12 2022-03-25T23:22:29+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/49243c39460c8d8df8028b7730382b9b8eb42b5f readme 2022-03-25T23:50:15+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/2d72cdc3987127802dedd8dbe48b81766b0f4ae9 readme修改 2022-03-26T20:08:30+08:00 sheep 2502557798@qq.com https://gitcode.net/qq_52284530/pairproject/-/commit/1b73128ea5d69e8cdf6eb29b99c616582468b89d Merge branch 'dev' into 'master' 2022-03-26T20:10:46+08:00 秃头给你一拳 2502557798@qq.com 合并分支 See merge request <a href="/qq_52284530/pairproject/-/merge_requests/1" data-original="qq_52284530/pairproject!1" data-link="false" data-link-reference="false" data-project="109481" data-merge-request="49492" data-project-path="qq_52284530/pairproject" data-iid="1" data-mr-title="合并分支" data-reference-type="merge_request" data-container="body" data-placement="top" title="" class="gfm gfm-merge_request">!1</a>
# 221900226_221900233
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
作业地址:https://bbs.csdn.net/topics/605307940
博客地址:https://bbs.csdn.net/topics/605578200
功能简介:
主页:轮播图
奖牌地图:以世界地图的形式展示各个国家奖牌数量,当鼠标移至对应国家时,将国家数据展示在右下角框框中
奖牌总榜:表格形式按金牌数量展示,并高亮显示中国
每日赛程:展示赛程信息,并支持通过日期、场地、项目三个筛选框进行筛选
了解更多:展示了各界冬奥会的举办地和信息
## 一、DOCTYPE 设置
文档类型统一使用html5的doctype:
<!DOCTYPE html>
## 二、页面编码
编码默认使用GBK,特定情况下有指定要求也可以是UTF-8
<meta charset="GBK">
<meta charset="UTF-8">
## 三、代码
### 1、HTML规范
标签必须合法且闭合
标签语法无错误,需要符合语义化
除非有特定的功能、组件要求 等,禁止随意使用id来定义元素样式
组件的自定义属性以':'开头而非'v-bind:',命名采用首单词首字母小写、其他单词首字母大写
### 2、CSS规范
禁止使用层级过深的选择器,最多3级
除非有特定的功能、组件要求等,禁止随意使用id来定义元素样式
除非是样式reset需要,禁止对 纯元素选择器 设置特定样式,避免样式污染
## 四、命名
命名使用英文,禁止使用特殊字符
样式名不能包含ad、guanggao、ads、gg是广告含义的关键词,避免元素被网页拓展、插件屏蔽
自定义数据的首单词首字母小写、其他单词首字母大写
组件命名使用驼峰命名法
命名尽量语义化
\ No newline at end of file
......@@ -9,6 +9,7 @@
},
"dependencies": {
"core-js": "^3.8.3",
"element-plus": "^2.1.4",
"vue": "^3.2.13",
"vue-router": "^4.0.3",
"vuex": "^4.0.0"
......@@ -24,7 +25,9 @@
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3",
"sass": "^1.32.7",
"sass-loader": "^12.0.0"
"sass-loader": "^12.0.0",
"unplugin-auto-import": "^0.6.6",
"unplugin-vue-components": "^0.18.4"
},
"eslintConfig": {
"root": true,
......
......@@ -22,10 +22,10 @@
</router-link>
</div>
<router-view/>
</template>
<style lang="scss">
@import './assets/css/base.css';
@import './assets/css/iconfont.css';
......@@ -38,10 +38,10 @@
}
#nav {
padding: 30px;
padding: 20px;
display: flex;
width: 1200px;
height: 150px;
width: 800px;
height: 80px;
margin: 1% auto;
border-radius: 2em;
......@@ -59,7 +59,7 @@
flex:1;
text-align:center;
height:50px;
font-size: 30px;
font-size: 20px;
}
}
</style>
......@@ -22,6 +22,7 @@ body {
color: var(--color-text);
width:100vw;
background: url(../images/background.png) repeat;
background-size: 100%;
}
......
......@@ -5,7 +5,7 @@
.iconfont {
font-family: "iconfont" !important;
font-size: 30px;
font-size: 20px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
......
{
"data": {
"total": 4,
"matchList": [
{
"homeid": "CURXTEAM2---SWE01",
"h5pageid": "",
"statusname": "结束",
"itemcode": "CUR-------------------------------",
"subitemname": "混合双人",
"id": "OGMM164249724307010092",
"vrtotalurl": "",
"enddatecn": "2022-02-02 22:00:00",
"albumurl": "",
"title": "混双循环赛第1轮",
"vrlivecode": "",
"deletedflag": "0",
"documentcode": "CURXTEAM2-------------PREL000101--",
"totaltitle": "",
"imageurl": "",
"vrliveurl": "",
"pageid": "curling01",
"startdatecn": "2022-02-02 20:05:00",
"venuename": "国家游泳中心",
"subitemcode": "CURXTEAM2-------------------------",
"awayid": "CURXTEAM2---GBR01",
"totalguid": "",
"status": "FINISHED",
"combatflag": "0",
"lockflag": "0",
"mvlivecode": "",
"homename": "瑞典",
"liveurl": "",
"awayname": "英国",
"reserve3": "",
"venue": "NAC",
"awayscore": "9",
"reserve2": "",
"homecode": "SWE",
"reserve1": "startlist",
"vrtotalcode": "",
"homescore": "5",
"livecode": "",
"itemcodename": "冰壶",
"totalurl": "",
"mvliveurl": "",
"awaycode": "GBR",
"adcode": "",
"medal": ""
},
{
"homeid": "CURXTEAM2---AUS01",
"h5pageid": "",
"statusname": "结束",
"itemcode": "CUR-------------------------------",
"subitemname": "混合双人",
"id": "OGMM164249724310010093",
"vrtotalurl": "",
"enddatecn": "2022-02-02 22:00:00",
"albumurl": "",
"title": "混双循环赛第1轮",
"vrlivecode": "",
"deletedflag": "0",
"documentcode": "CURXTEAM2-------------PREL000102--",
"totaltitle": "",
"imageurl": "",
"vrliveurl": "",
"pageid": "curling01",
"startdatecn": "2022-02-02 20:05:00",
"venuename": "国家游泳中心",
"subitemcode": "CURXTEAM2-------------------------",
"awayid": "CURXTEAM2---USA01",
"totalguid": "",
"status": "FINISHED",
"combatflag": "0",
"lockflag": "0",
"mvlivecode": "",
"homename": "澳大利亚",
"liveurl": "",
"awayname": "美国",
"reserve3": "",
"venue": "NAC",
"awayscore": "6",
"reserve2": "",
"homecode": "AUS",
"reserve1": "startlist",
"vrtotalcode": "",
"homescore": "5",
"livecode": "",
"itemcodename": "冰壶",
"totalurl": "",
"mvliveurl": "",
"awaycode": "USA",
"adcode": "",
"medal": ""
},
{
"homeid": "CURXTEAM2---NOR01",
"h5pageid": "",
"statusname": "结束",
"itemcode": "CUR-------------------------------",
"subitemname": "混合双人",
"id": "OGMM164249724312910094",
"vrtotalurl": "",
"enddatecn": "2022-02-02 22:00:00",
"albumurl": "",
"title": "混双循环赛第1轮",
"vrlivecode": "",
"deletedflag": "0",
"documentcode": "CURXTEAM2-------------PREL000103--",
"totaltitle": "",
"imageurl": "",
"vrliveurl": "",
"pageid": "curling01",
"startdatecn": "2022-02-02 20:05:00",
"venuename": "国家游泳中心",
"subitemcode": "CURXTEAM2-------------------------",
"awayid": "CURXTEAM2---CZE01",
"totalguid": "",
"status": "FINISHED",
"combatflag": "0",
"lockflag": "0",
"mvlivecode": "",
"homename": "挪威",
"liveurl": "",
"awayname": "捷克",
"reserve3": "",
"venue": "NAC",
"awayscore": "7",
"reserve2": "",
"homecode": "NOR",
"reserve1": "startlist",
"vrtotalcode": "",
"homescore": "6",
"livecode": "",
"itemcodename": "冰壶",
"totalurl": "",
"mvliveurl": "",
"awaycode": "CZE",
"adcode": "",
"medal": ""
},
{
"homeid": "CURXTEAM2---CHN01",
"h5pageid": "",
"statusname": "结束",
"itemcode": "CUR-------------------------------",
"subitemname": "混合双人",
"id": "OGMM164249724315910095",
"vrtotalurl": "",
"enddatecn": "2022-02-02 22:00:00",
"albumurl": "",
"title": "混双循环赛第1轮",
"vrlivecode": "",
"deletedflag": "0",
"documentcode": "CURXTEAM2-------------PREL000104--",
"totaltitle": "",
"imageurl": "",
"vrliveurl": "",
"pageid": "curling01",
"startdatecn": "2022-02-02 20:05:00",
"venuename": "国家游泳中心",
"subitemcode": "CURXTEAM2-------------------------",
"awayid": "CURXTEAM2---SUI01",
"totalguid": "",
"status": "FINISHED",
"combatflag": "0",
"lockflag": "0",
"mvlivecode": "",
"homename": "中国",
"liveurl": "",
"awayname": "瑞士",
"reserve3": "",
"venue": "NAC",
"awayscore": "6",
"reserve2": "CHN",
"homecode": "CHN",
"reserve1": "startlist",
"vrtotalcode": "",
"homescore": "7",
"livecode": "",
"itemcodename": "冰壶",
"totalurl": "",
"mvliveurl": "",
"awaycode": "SUI",
"adcode": "",
"medal": ""
}
]
}
}
\ No newline at end of file
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
<template>
<div id="info">
<label id="country" rows="1" cols="15" disabled="1">中国</label><br /><br />
<label></label> <label id="rank">3</label> <label></label><br /><br />
<label id="a">金牌</label> <img src="../assets/images/gold.png"/> <label id="gold" class="medalsData">9</label><br /><br />
<label id="aa">银牌</label><img src="../assets/images/silver.png"/><label id="silver" class="medalsData">4</label><br /><br />
<label id="aaa">铜牌</label><img src="../assets/images/bronze.png"/><label id="bronze" class="medalsData">2</label><br /><br />
<label id="aaaa">总奖牌</label><label id="total" class="medalsData">15</label>
</div>
</template>
<style scoped>
#info{
float: left;
margin-top: 23%;
width: 150px;
background-color: rgba(59, 252, 0, 0.6);
border: none;
box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
border-radius: 2em;
padding: 10px;
}
#country{
font-weight: bold;
}
#rank{
font-weight: bold;
}
#a,#aa,#aaa,#aaaa{
float: left;
font-weight: bold;
}
img{
width: 20px;
height: 25px;
float: right;
}
label{
font-family: "Arial Normal";
font-size: 20px;
}
</style>
\ No newline at end of file
此差异已折叠。
此差异已折叠。
<template>
<el-carousel indicator-position="outside" height="500px" >
<el-carousel-item v-for="item in 4" :key="item">
<h3>{{ item }}</h3>
</el-carousel-item>
</el-carousel>
</template>
<script>
export default {
name:'myTest'
}
</script>
<style scoped>
.el-carousel__item h3 {
color: #475669;
font-size: 18px;
opacity: 0.75;
line-height: 300px;
margin: 0;
text-align: center;
}
.el-carousel__item:nth-child(4n) {
background-image: url('/src/assets/images/1.png');
background-size: 100%;
}
.el-carousel__item:nth-child(4n + 1) {
background-image: url('/src/assets/images/2.png');
background-size: 100%;
}
.el-carousel__item:nth-child(4n + 2) {
background-image: url("/src/assets/images/3.png");
background-size: 100%;
}
.el-carousel__item:nth-child(4n + 3) {
background-image: url("/src/assets/images/4.png");
background-size: 100%;
}
</style>
......@@ -2,5 +2,10 @@ import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
createApp(App).use(store).use(router).mount('#app')
createApp(App).use(store).use(router).use(ElementPlus).mount('#app')
//createApp(App).use(store).use(router).mount('#app')