Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

前端文件 #1

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
+1,528 −0
Open

前端文件 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
62 changes: 62 additions & 0 deletions 221801335&221801338/chart.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>

<head>

<meta charset="UTF-8">

<title>图表</title>

<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
<!-- <link rel="stylesheet" href="{{url_for('static',filename='index.css')}}">-->
<!-- <script src="{{url_for('static',filename='index.js')}}"></script>-->
<link rel="stylesheet" href="index.css">
<script src="index.js"></script>
</head>

<body>
<div style="background-color: #f8f6f6">
<main ng-app="myApp">
<figure ng-controller="chartCtrl">
<div peak-chart data="data" style="color: #0C0C0D">
<span face>LED lamps</span>
<span face></span>
<span face>Fluorescent lamps</span>
<span face></span>
<span face>Light sources</span>
<span face></span>
<span face>Reactive power</span>
<span face></span>
<span face>Energy efficiency</span>
<span face></span>
<span face>Maintenance engineering</span>
<span face></span>
<span face>Standards</span>
<span face></span>


<label></label>
<label></label>
<label></label>
<label></label>
<label></label>
<label></label>
<label></label>
<label></label>
<label></label>
</div>

</figure>
</main>
</div>
<div style="text-align:center;clear:both">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<script src='js/angular.min.js'></script>

<script src="js/index.js"></script>

</body>

</html>
185 changes: 185 additions & 0 deletions 221801335&221801338/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,185 @@
@import url("http://fonts.googleapis.com/css?family=Cabin:400,700,400italic");
body,
input,
button,
textarea,
select {
font: 16px Cabin;
color: #bdbebf;
background: #4a4844;
}
figure {
text-align: center;
}
[peak-chart] {
position: relative;
display: inline-block;
width: 240px;
height: 240px;
border-radius: 120px;
margin-top: 120px;
-webkit-transform: rotateX(45deg);
-moz-transform: rotateX(45deg);
-ms-transform: rotateX(45deg);
transform: rotateX(45deg);
}
[peak-chart],
[peak-chart] * {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
[peak-chart] > [face] {
position: absolute;
bottom: 50%;
left: 50%;
width: 120px;
height: 120px;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
[peak-chart] > [face]:nth-child(1) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #33adcc, #33adcc 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #33adcc, #33adcc 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(2) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #5cbed6, #5cbed6 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #5cbed6, #5cbed6 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(3) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #3387cc, #3387cc 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #3387cc, #3387cc 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(4) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #5c9fd6, #5c9fd6 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #5c9fd6, #5c9fd6 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(5) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #575fa8, #575fa8 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #575fa8, #575fa8 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(6) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #787fba, #787fba 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #787fba, #787fba 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(7) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #c9365b, #c9365b 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #c9365b, #c9365b 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(8) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #d45e7b, #d45e7b 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #d45e7b, #d45e7b 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(9) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #5d9ca2, #5d9ca2 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #5d9ca2, #5d9ca2 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(10) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #7db0b5, #7db0b5 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #7db0b5, #7db0b5 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(11) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #a25ba4, #a25ba4 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #a25ba4, #a25ba4 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(12) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #b57bb7, #b57bb7 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #b57bb7, #b57bb7 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(13) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #c9cbcf, #c9cbcf 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #c9cbcf, #c9cbcf 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(14) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #e4e5e7, #e4e5e7 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #e4e5e7, #e4e5e7 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(15) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #c9cbcf, #c9cbcf 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #c9cbcf, #c9cbcf 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(16) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #e4e5e7, #e4e5e7 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #e4e5e7, #e4e5e7 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(17) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #c9cbcf, #c9cbcf 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #c9cbcf, #c9cbcf 50%, transparent 50%);
}
[peak-chart] > [face]:nth-child(18) {
background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), -webkit-linear-gradient(bottom right, #e4e5e7, #e4e5e7 50%, transparent 50%);
background-image: linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(to top left, #e4e5e7, #e4e5e7 50%, transparent 50%);
}
[peak-chart] > label {
position: absolute;
font-weight: bold;
font-size: 90%;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
[peak-chart] > label:before {
content: '';
position: absolute;
width: 6px;
height: 6px;
border-radius: 3px;
background-image: -webkit-linear-gradient(top right, #d6e7f5, #5c9fd6);
background-image: linear-gradient(to bottom left, #d6e7f5, #5c9fd6);
}
[peak-chart] > label[point=bottomright] {
padding-right: 6px;
padding-bottom: 9px;
}
[peak-chart] > label[point=bottomright]:before {
right: -3px;
bottom: 3px;
}
[peak-chart] > label[point=bottomleft] {
padding-left: 6px;
padding-bottom: 9px;
}
[peak-chart] > label[point=bottomleft]:before {
left: -3px;
bottom: 3px;
}
[peak-chart] > label[point=topleft] {
padding-left: 4px;
padding-top: 4px;
}
[peak-chart] > label[point=topleft]:before {
left: -3px;
top: -3px;
}
[peak-chart] > label[point=topright] {
padding-right: 4px;
padding-top: 4px;
}
[peak-chart] > label[point=topright]:before {
right: -3px;
top: -3px;
}
figcaption {
line-height: 36px;
font-style: italic;
}
figcaption button {
background: none;
border: 1px solid lightgray;
cursor: pointer;
font-size: 90%;
margin: 0;
padding: 1px 0.5em 0;
line-height: 1.3;
border-radius: 0.5em;
vertical-align: text-top;
}
figcaption button:hover {
background: rgba(0, 0, 0, 0.04);
}
112 changes: 112 additions & 0 deletions 221801335&221801338/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="cn" http-equiv="Content-Language"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta name="viewport" content="width=device-width, initial-scale=0.9">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"/>
<title>论析平台</title>
<!-- <link rel="stylesheet" href="{{url_for('static',filename='index.css')}}">-->
<!-- <script src="{{url_for('static',filename='index.js')}}"></script>-->
<link rel="stylesheet" href="index.css">
<script src="index.js"></script>
</head>

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">


<div class="background">
<noscript>
<iframe src="*.htm"></iframe>
</noscript>

<div id="content">
<br/>
<div class="search_part">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<img class="smaller" src="" width=33%>
<form id="search_form" action="list.html" method="post">
<div class="search_bar">
<input type="submit" name="sign" id="search_submit" value="🔎" style="color: red;">
<span>
<i id="clear" onclick="clear_seach()"></i>
<div class="si">

<input class="search" type="text" value="" nkeyup="get_suggest()" onfocus="get_suggest()"
onpaste="get_suggest()" autocomplete="off" id="search_input"
name="search" placeholder="✎... 搜索-专注论文分析～">
</div>
</span>
</div>
<br/>
<div class="filename_bar">
<input type="submit" name="sign" id="filename_submit" value="❌" style="color: red;">
<span>

<div class="si">

<input class="search" type="text" value="" nkeyup="get_suggest()" onfocus="get_suggest()"
onpaste="get_suggest()" autocomplete="off" id="filename_input"
name="filename" placeholder="✎... 删除-删除你想删的～">
</div>
</span>
</div>
<div id="suggest" style="display:none">
<ul id="suglist"></ul>
<div class="close" onclick="close_sug()">| 收起</div>
</div>
</form>
</div>
<br/>
<!--
<div style="text-align:center;"</div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=400 height=210 src="http://music.163.com/outchain/player?type=0&id=692469559&auto=1&height=230"></iframe>-->
<!--以下都是适配的谷歌浏览器，如需替换，请自己动手-->

<!-- 我的图标是用的阿里矢量图标，如果需要大量加入导航栏选项，请使用阿里在线的Symbol/Font class/Unicode如果图标为直链的话，可以直接填入直链 -->
<div>
<p>猜你想搜:</p>
<br/>
</div>
<div class="box">
<a href=""></a>
<!--<p><img class="icon" src="img/论坛.png" ></p>-->
<p class="url1">软件工程</p>
</div>

<div class="box">
<a href=""></a>
<!--<p><img class="icon" src="img/导航.png" ></p>-->
<p class="url2">人工智能</p>
</div>

<div class="box">
<a href=""></a>
<!--<p><img class="icon" src="img/御淘呗.png" ></p>-->
<p class="url3">大数据</p>
</div>

<!--
如若要添加可复制一段
<div class="box">
<a href="地址"></a>
<p><img class="icon" src="img/icon6.png" ></p>
<p class="url">书签名称</p>
</div>
其中链接在href中如href="地址"建议填写folder://自己创建的文件夹地址，这样创建一次不必再修改
图标文件放置在img文件夹中定义如src="img/icon6.png"
显示的标题在<p class="url">书签名称</p>之间定义如<p class="url">酷安</p>
下方window.location.href =主页搜索引擎地址，目前为自用Pc版百度内部搜索，加上浏览器的顶部搜索即为双搜索，使用更方便

-->
<br>

<br>


</div>

</div>

</body>
</html>
Loading