Skip to content

JuyuanPrimarySchool
JuyuanPrimarySchool
Commit f19e8ca8 by yuwen
Options

update

parent b894b076
Showing with 131 additions and 144 deletions
src/pages/sixthFormStudent.vue
<template>
<div class="sixth-page">
<div class="left">
<!-- 身心健康 -->
<div class="left-top" @click="healthy"></div>
<!-- 学业分析 -->
<div class="left-bottom" @click="study"></div>
</div>
<div class="center">
<!-- 搜索 -->
<div class="research">
<div class="select-item">
<select-list
title="年级"
:list="gradeList"
v-model="gradeRes"
/>
</div>
<div class="select-item">
<select-list
title="班级"
:list="classList"
v-model="classRes"
/>
</div>
<div class="select-item">
<select-list
title="性别"
:list="sexList"
v-model="sexRes"
/>
</div>
<div class="select-item student-name">
<input
placeholder="学生姓名"
v-model="studentName"
@keyup.enter="Search"
/>
</div>
<div
class="search"
@click="Search"
>
搜索
</div>
<!-- 身心健康 -->
<img class="left-top" @click="healthy" src="../../static/images/sixthForm/btn.png" alt="">
<!-- 学业分析 -->
<img class="left-bottom" @click="study" src="../../static/images/sixthForm/btn.png" alt="">
<!-- 搜索 -->
<div class="research">
<div class="select-item">
<select-list
title="年级"
:list="gradeList"
v-model="gradeRes"
/>
</div>
<div class="select-item">
<select-list
title="班级"
:list="classList"
v-model="classRes"
/>
</div>
<div class="select-item">
<select-list
title="性别"
:list="sexList"
v-model="sexRes"
/>
</div>
<div class="select-item student-name">
<input
placeholder="学生姓名"
v-model="studentName"
@keyup.enter="Search"
/>
</div>
<div
class="search"
@click="Search"
>
搜索
</div>
</div>
<div class="right">
<div class="right-top" @click="integration"></div>
<div class="right-bottom">
<div class="title"></div>
<div class="swiper1">
<!-- 轮播图 -->
<swiper :options="swiperOption" v-if="activeImgs.length">
<swiper-slide class="swiper-slide" v-for="(item, key) in activeImgs" :key="key" >
<img :src=item />
</swiper-slide>
</swiper>
</div>
<div class="right-top" @click="integration"></div>
<div class="right-bottom">
<div class="title"></div>
<div class="swiper1">
<!-- 轮播图 -->
<swiper :options="swiperOption" v-if="activeImgs.length">
<swiper-slide class="swiper-slide" v-for="(item, key) in activeImgs" :key="key" >
<img :src=item />
</swiper-slide>
</swiper>
</div>
<div class="edit" @click="edit"></div>
</div>
<div class="edit" @click="edit"></div>
<bullet-frame
:visible="visible"
@beforeClose="closePopup"
......@@ -251,107 +245,100 @@ export default {
.sixth-page{
width: 1920px;
height: 1080px;
background: url('@{imagePath}bg.png') no-repeat center;
background: url('@{imagePath}bg.png') no-repeat left top;
margin: 0 auto;
overflow: hidden;
.left{
.left-top{
width: 96px;
height: 22px;
background: url('@{imagePath}btn.png') no-repeat;
position: absolute;
top: 111px;
left: 408px;
}
.left-bottom{
width: 96px;
height: 22px;
background: url('@{imagePath}btn.png') no-repeat;
position: absolute;
bottom: 271px;
left: 408px;
}
.left-top{
width: 96px;
height: 22px;
position: absolute;
top: 111px;
left: 408px;
}
.center{
.research{
width: 828px;
height: 70px;
background: url('@{imagePath}research.png') no-repeat;
position: absolute;
top: 736px;
left: 546px;
display: flex;
.select-item {
position: relative;
width: 140px;
height: 32px;
margin: 20px 16px 0 20px;
&.student-name {
width: 162px;
padding: 2px 10px 5px;
background: rgba(7, 32, 65, 0.3);
border: 1px solid rgba(73, 133, 217, 0.6);
.left-bottom{
width: 96px;
height: 22px;
background: url('@{imagePath}btn.png') no-repeat;
position: absolute;
bottom: 271px;
left: 408px;
}
.research{
width: 828px;
height: 70px;
background: url('@{imagePath}research.png') no-repeat;
position: absolute;
top: 736px;
left: 546px;
display: flex;
.select-item {
position: relative;
width: 140px;
height: 32px;
margin: 20px 16px 0 20px;
&.student-name {
width: 162px;
padding: 2px 10px 5px;
background: rgba(7, 32, 65, 0.3);
border: 1px solid rgba(73, 133, 217, 0.6);
> input {
width: 100%;
height: 100%;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #7AC6FA;
background: none;
> input {
width: 100%;
height: 100%;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #7AC6FA;
background: none;
&::-webkit-input-placeholder {
color: #7AC6FA;
}
&::-webkit-input-placeholder {
color: #7AC6FA;
}
}
}
}
.search {
width: 73px;
height: 32px;
background-color: rgba(7, 32, 65, 0.3);
border: 1px solid rgba(73, 133, 217, .6);
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #7AC6FA;
line-height: 30px;
text-align: center;
cursor: pointer;
margin-top: 20px;
}
.search {
width: 73px;
height: 32px;
background-color: rgba(7, 32, 65, 0.3);
border: 1px solid rgba(73, 133, 217, .6);
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #7AC6FA;
line-height: 30px;
text-align: center;
cursor: pointer;
margin-top: 20px;
}
}
.right{
.right-top{
width: 96px;
height: 22px;
background: url('@{imagePath}btn.png') no-repeat;
position: absolute;
top: 110px;
left: 1798px;
}
.right-bottom{
position: absolute;
top: 821px;
left: 1406px;
.title{
width: 152px;
height: 18px;
background: url('@{imagePath}title.png');
}
}
.edit{
width: 83px;
height: 35px;
background: url('@{imagePath}return.png');
position: absolute;
top: 39px;
left: 1822px;
.right-top{
width: 96px;
height: 22px;
background: url('@{imagePath}btn.png') no-repeat;
position: absolute;
top: 110px;
left: 1798px;
}
.right-bottom{
position: absolute;
top: 821px;
left: 1406px;
.title{
width: 152px;
height: 18px;
background: url('@{imagePath}title.png');
}
}
.edit{
width: 83px;
height: 35px;
background: url('@{imagePath}return.png');
position: absolute;
top: 39px;
left: 1822px;
}
}
.bulletImg{
width: 1428px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment