Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Daisyeee
PairProject
提交
42a3e6e5
P
PairProject
项目概览
Daisyeee
/
PairProject
与 Fork 源项目一致
Fork自
Lyu- / PairProject
通知
2
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
P
PairProject
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
42a3e6e5
编写于
3月 24, 2022
作者:
Daisyeee
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
221900135第5次提交——medal界面的调整和美化+导航栏的js
上级
b35e733d
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
76 addition
and
13 deletion
+76
-13
221900135_221900234/NavMenu.js
221900135_221900234/NavMenu.js
+55
-0
221900135_221900234/medals.html
221900135_221900234/medals.html
+21
-13
未找到文件。
221900135_221900234/NavMenu.js
0 → 100644
浏览文件 @
42a3e6e5
document
.
writeln
(
"
<!DOCTYPE html>
"
);
document
.
writeln
(
"
<html>
"
);
document
.
writeln
(
"
<head>
"
);
document
.
writeln
(
"
<meta http-equiv=
\
'Content-Type
\
' content=
\
'text/html; charset=utf-8
\
'/>
"
);
document
.
writeln
(
"
<title></title>
"
);
document
.
writeln
(
"
<meta charset=
\
'utf-8
\
' />
"
);
document
.
writeln
(
"
"
);
document
.
writeln
(
"
<link rel=
\
'stylesheet
\
' href=
\
'http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css
\
'>
"
);
document
.
writeln
(
"
<script src=
\
'http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js
\
'></script>
"
);
document
.
writeln
(
"
<script src=
\
'http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js
\
'></script>
"
);
document
.
writeln
(
""
);
document
.
writeln
(
"
</head>
"
);
document
.
writeln
(
""
);
document
.
writeln
(
"
<style>
"
);
document
.
writeln
(
"
html, body {
"
);
document
.
writeln
(
"
width:100%;height:100%;/*非常重要的样式让背景图片100%适应整个屏幕*/
"
);
document
.
writeln
(
"
background-image:url(
\
'images/7.png
\
') ;
"
);
document
.
writeln
(
"
background-size:cover;
"
);
document
.
writeln
(
""
);
document
.
writeln
(
"
}
"
);
document
.
writeln
(
"
</style>
"
);
document
.
writeln
(
"
<body>
"
);
document
.
writeln
(
"
<nav class=
\
'navbar navbar-fixed-top my-navbar
\
' role=
\
'navigation
\
'>
"
);
document
.
writeln
(
"
<div class=
\
'container-fluid
\
'>
"
);
document
.
writeln
(
"
<div class=
\
'navbar-header
\
'>
"
);
document
.
writeln
(
"
<button type=
\
'button
\
' class=
\
'navbar-toggle
\
' data-toggle=
\
'collapse
\
'
"
);
document
.
writeln
(
"
data-target=
\
'#example-navbar-collapse
\
'>
"
);
document
.
writeln
(
"
<span class=
\
'sr-only
\
'>切换导航</span>
"
);
document
.
writeln
(
"
<span class=
\
'icon-bar
\
'></span>
"
);
document
.
writeln
(
"
<span class=
\
'icon-bar
\
'></span>
"
);
document
.
writeln
(
"
<span class=
\
'icon-bar
\
'></span>
"
);
document
.
writeln
(
"
</button>
"
);
document
.
writeln
(
"
<a class=
\
'navbar-brand
\
' href=
\
'#
\
'>菜鸟教程</a>
"
);
document
.
writeln
(
"
</div>
"
);
document
.
writeln
(
"
<div class=
\
'collapse navbar-collapse
\
' id=
\
'example-navbar-collapse
\
'>
"
);
document
.
writeln
(
"
<ul class=
\
'nav navbar-nav
\
'>
"
);
document
.
writeln
(
"
<li class=
\
'active
\
'><a href=
\
'#
\
'>首页</a></li>
"
);
document
.
writeln
(
"
<li><a href=
\
'medals.html
\
'>奖牌总榜</a></li>
"
);
document
.
writeln
(
"
<li><a href=
\
'#
\
'>奖牌地图</a></li>
"
);
document
.
writeln
(
"
<li><a href=
\
'#
\
'>查看赛程</a></li>
"
);
document
.
writeln
(
"
<li><a href=
\
'#
\
'>了解更多</a></li>
"
);
document
.
writeln
(
""
);
document
.
writeln
(
"
</ul>
"
);
document
.
writeln
(
"
</div>
"
);
document
.
writeln
(
"
</div>
"
);
document
.
writeln
(
"
</nav>
"
);
document
.
writeln
(
"
<div class=
\
'bg
\
'></div>
"
);
document
.
writeln
(
"
<script>
"
);
document
.
writeln
(
"
$(window).scroll(function () {
"
);
document
.
writeln
(
"
if ($(
\
'.navbar
\
').offset().top > 50) {$(
\
'.navbar-fixed-top
\
').addClass(
\
'top-nav
\
');
"
);
document
.
writeln
(
"
}else {$(
\
'.navbar-fixed-top
\
').removeClass(
\
'top-nav
\
');}
"
);
document
.
writeln
(
"
})</script>
"
);
document
.
writeln
(
"
</body>
"
);
document
.
writeln
(
"
</html>
"
);
document
.
writeln
(
""
);
\ No newline at end of file
221900135_221900234/medals.html
浏览文件 @
42a3e6e5
...
@@ -5,15 +5,34 @@
...
@@ -5,15 +5,34 @@
<link
href=
"https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css"
rel=
"stylesheet"
>
<link
href=
"https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css"
rel=
"stylesheet"
>
<link
href=
"https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css"
rel=
"stylesheet"
>
<link
href=
"https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css"
rel=
"stylesheet"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"
>
<link
href=
"style.css"
rel=
"stylesheet"
type=
"text/css"
/>
<script
type=
"text/javascript"
src=
"NavMenu.js"
></script>
</head>
</head>
<style>
body
{
width
:
80%
;
left
:
10%
;
position
:
relative
;
top
:
50px
;
}
</style>
<body>
<body>
<div
id=
"app"
>
<div
id=
"app"
>
<v-app>
<v-app>
<template>
<template>
<v-data-table
<v-data-table
:headers=
"headers"
:headers=
"headers"
:items=
"medalsList"
:items=
"medalsList"
:items-per-page=
"1
0
"
:items-per-page=
"1
5
"
class=
"elevation-1"
class=
"elevation-1"
></v-data-table>
></v-data-table>
</template>
</template>
...
@@ -23,17 +42,6 @@
...
@@ -23,17 +42,6 @@
<script
src=
"https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"
></script>
<script
src=
"https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"
></script>
<script
src=
"https://unpkg.com/axios/dist/axios.min.js"
></script>
<script
src=
"https://unpkg.com/axios/dist/axios.min.js"
></script>
<template>
<v-data-table
:headers=
"headers"
:items=
"medalsList"
:items-per-page=
"10"
class=
"elevation-1"
></v-data-table>
</template>
<script>
<script>
new
Vue
({
new
Vue
({
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录