gter.net/xg-project-library
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510 2024-11-11 16:00:17 +08:00
parent 70c2c9aa73
commit 2dd72dbc08
6 changed files with 146 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/contrastDetails.css
View File

@ -307,6 +307,7 @@
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
padding-left: 20px; padding-left: 20px;
margin-left: 38px;
} }
.base-footer .save .icon { .base-footer .save .icon {
width: 16px; width: 16px;

1
css/contrastDetails.less
View File

@ -360,6 +360,7 @@
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
padding-left: 20px; padding-left: 20px;
margin-left: 38px;
.icon { .icon {
width: 16px; width: 16px;
height: 16px; height: 16px;

58
css/search.css Normal file
View File

@ -0,0 +1,58 @@
.boxbox {
width: 1200px;
background-color: #fbfbfb;
border-radius: 12px;
position: relative;
margin-bottom: 20px;
}
.boxbox::after {
content: "";
position: absolute;
top: -5px;
left: 0;
width: 100%;
height: 66px;
background: -webkit-linear-gradient(0deg, #7b8cd3 0%, #dae3fd 99%);
background: -moz-linear-gradient(90deg, #7b8cd3 0%, #dae3fd 99%);
background: linear-gradient(90deg, #7b8cd3 0%, #dae3fd 99%);
border-radius: 18px;
z-index: -1;
}
.boxbox .tab {
height: 60px;
font-size: 14px;
color: #7f7f7f;
border-bottom: 1px dotted #ebebeb;
padding-left: 24px;
}
.boxbox .tab a {
color: #7f7f7f;
}
.boxbox .tab .img {
width: 6px;
height: 10px;
margin: 0 15px;
}
.boxbox .tab .current {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 14px;
color: #000000;
}
.boxbox .body .left .input-box {
width: 750px;
height: 48px;
background-color: #f2f2f2;
border-radius: 183px;
}
.boxbox .body .left .input-box input {
border: none;
outline: none;
height: 100%;
background-color: transparent;
}
.boxbox .body .left .input-box .search-icon {
width: 18px;
height: 18px;
}

66
css/search.less Normal file
View File

@ -0,0 +1,66 @@
.boxbox {
width: 1200px;
background-color: rgba(251, 251, 251, 1);
border-radius: 12px;
position: relative;
margin-bottom: 20px;
&::after {
content: "";
position: absolute;
top: -5px;
left: 0;
width: 100%;
height: 66px;
background: -webkit-linear-gradient(0deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
background: -moz-linear-gradient(90deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
background: linear-gradient(90deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
border-radius: 18px;
z-index: -1;
}
.tab {
height: 60px;
font-size: 14px;
color: #7f7f7f;
border-bottom: 1px dotted rgb(235, 235, 235);
padding-left: 24px;
a {
color: #7f7f7f;
}
.img {
width: 6px;
height: 10px;
margin: 0 15px;
}
.current {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 14px;
color: #000000;
}
}
.body {
.left {
.input-box {
width: 750px;
height: 48px;
background-color: rgba(242, 242, 242, 1);
border-radius: 183px;
input {
border: none;
outline: none;
height: 100%;
background-color: transparent;
}
.search-icon {
width: 18px;
height: 18px;
}
}
}
}
}

4
html/contrastDetails.html
View File

@ -174,10 +174,6 @@
const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue
const projectIndex = createApp({ const projectIndex = createApp({
setup() { setup() {
onMounted(() => {
// window.addEventListener("scroll", handleScroll)
})
const listObj = ref({ const listObj = ref({
semester: "招生季", semester: "招生季",
rank: "专业排名", rank: "专业排名",

27
html/search.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title> <title>Document</title>
<link rel="stylesheet" href="/css/common.css" /> <link rel="stylesheet" href="/css/common.css" />
<link rel="stylesheet" href="/css/index.css" /> <link rel="stylesheet" href="/css/search.css" />
<script src="/js/axios.min.js"></script> <script src="/js/axios.min.js"></script>
<script src="/js/vue.global.js"></script> <script src="/js/vue.global.js"></script>
<script src="/js/common.js"></script> <script src="/js/common.js"></script>
@ -20,7 +20,23 @@
<body> <body>
<div id="app" class="main" v-cloak> <div id="app" class="main" v-cloak>
<img class="index-icon" src="/img/index-icon.png" />
<div class="boxbox">
<div class="tab flexacenter">
首页
<img class="img" src="/img/arrows.svg" />
<div class="current">项目搜索</div>
</div>
<div class="body">
<div class="left">
<div class="input-box flexacenter">
<input class="flex1" placeholder="请输入" />
<img class="search-icon" src="/img/search-black-icon.svg" />
</div>
</div>
<div class="right"></div>
</div>
</div>
<!-- 底部 --> <!-- 底部 -->
<base-bottom ref="baseRef"></base-bottom> <base-bottom ref="baseRef"></base-bottom>
</div> </div>
@ -28,15 +44,12 @@
const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue
const projectIndex = createApp({ const projectIndex = createApp({
setup() { setup() {
onMounted(() => { onMounted(() => {
window.addEventListener("scroll", handleScroll) // window.addEventListener("scroll", handleScroll)
// init() // init()
}) })
return { return {}
}
}, },
}) })