no message
This commit is contained in:
A1300399510
parent
70c2c9aa73
commit
2dd72dbc08
@ -307,6 +307,7 @@
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
padding-left: 20px;
|
||||
margin-left: 38px;
|
||||
}
|
||||
.base-footer .save .icon {
|
||||
width: 16px;
|
||||
|
||||
@ -360,6 +360,7 @@
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
padding-left: 20px;
|
||||
margin-left: 38px;
|
||||
.icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
||||
58
css/search.css
Normal file
58
css/search.css
Normal 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
66
css/search.less
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -174,10 +174,6 @@
|
||||
const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue
|
||||
const projectIndex = createApp({
|
||||
setup() {
|
||||
onMounted(() => {
|
||||
// window.addEventListener("scroll", handleScroll)
|
||||
})
|
||||
|
||||
const listObj = ref({
|
||||
semester: "招生季",
|
||||
rank: "专业排名",
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Document</title>
|
||||
<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/vue.global.js"></script>
|
||||
<script src="/js/common.js"></script>
|
||||
@ -20,7 +20,23 @@
|
||||
|
||||
<body>
|
||||
<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>
|
||||
</div>
|
||||
@ -28,15 +44,12 @@
|
||||
const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue
|
||||
const projectIndex = createApp({
|
||||
setup() {
|
||||
|
||||
onMounted(() => {
|
||||
window.addEventListener("scroll", handleScroll)
|
||||
// window.addEventListener("scroll", handleScroll)
|
||||
// init()
|
||||
})
|
||||
|
||||
return {
|
||||
|
||||
}
|
||||
return {}
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user