Skip to content

ZhangJianFrontEnd
ZhangJianFrontEnd
Commit 84c64959 by 杨青杰
Options

update

parent cc01a63a
Showing with 259 additions and 1 deletions
src/pages/index/Center.vue
<template> <template>
<div class="managePlatform-center"> <div class="managePlatform-center">
<div class="pointClick" @click="backUrl"></div>
<div class="survey-content"> <div class="survey-content">
<div class="item" v-for="(g, l) in survey" :key="l"> <div class="item" v-for="(g, l) in survey" :key="l">
<count-to :endVal="g.value" /> <count-to :endVal="g.value" />
...@@ -192,6 +193,10 @@ export default { ...@@ -192,6 +193,10 @@ export default {
} }
} }
return res return res
},
backUrl () {
console.log(123)
this.$router.push({path: '/login'})
} }
} }
} }
...@@ -201,6 +206,14 @@ export default { ...@@ -201,6 +206,14 @@ export default {
.managePlatform-center { .managePlatform-center {
width: 100%; width: 100%;
position: relative; position: relative;
.pointClick{
margin-top: -80px;
margin-left: 120px;
width: 600px;
height: 50px;
cursor: pointer;
position: fixed;
}
.survey-content { .survey-content {
width: 100%; width: 100%;
display: flex; display: flex;
......
src/pages/login.vue 0 → 100644
<template>
<div class="login">
<page-head title="张謇企业家学院管理平台" slot="header" />
<div class="login-main">
<!-- 左 -->
<div class="left">
<div class="left1"></div>
<div class="left2"></div>
<div class="left3">
<div class="title">学院介绍</div>
<div class="content">
<vue-seamless-scroll
:data="schoolClass"
:class-option="classOption"
class="neirong"
>
<ul>
<li v-for="(item, index) in schoolClass" :key="index">
<span>{{item.name}}</span><span>{{item.value}}</span>
</li>
<li>1</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
<!-- 中 -->
<div class="center">
<div class="curr">
<div
class="point"
@click="changeUrl"
></div>
</div>
<div class="active"></div>
<div class="xueyuan"></div>
</div>
<!-- 右 -->
<div class="right">
<div class="right1"></div>
<div class="right2"></div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
flag: true,
schoolClass: [
{name: '名 称：', value: '张謇企业家学院'},
{name: '所在地：', value: '江苏·南通'},
{name: '揭牌时间：', value: '2021.01.06'},
{name: '简介：', value: '学院的组建，既是为了加强企业家队伍培养，提升企业家能力素质，激发企业家社会责任意识与担当，着力培育一批具有“爱国情怀、开放胸襟、创新精神、诚信品格、社会责任”的“张謇式”新一代企业家群体；也有利于助推我市打造一流营商环境，厚植民营经济发展沃土，推动实体经济高质量发展，为南通勇当全省“两争一前列”排头兵提供力 '}
],
// 学院介绍轮播图
classOption: {
step: 0.4, // 数值越大速度滚动越快
limitMoveNum: 0, // 开始无缝滚动的数据量 this.dataList.length
hoverStop: true, // 是否开启鼠标悬停stop
direction: 1, // 0向下 1向上 2向左 3向右
openWatch: true, // 开启数据实时监控刷新dom
singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
}
}
},
methods: {
changeUrl () {
this.$router.push({path: '/index'})
}
}
}
</script>
<style lang="less" scoped>
.login{
width: 100%;
height: 100%;
background:url('../../static/images/login/32copy.png')no-repeat;
background-size: 100% 100%;
.login-main{
width: 100%;
height: 100%;
display: flex;
.left ,.right{
margin-left: 20px;
margin-right: 20px;
width: 380px;
height: 100%;
}
// 左
.left1{
margin-top: 20px;
margin-left: 12px;
height: 445px;
background:url('../../static/images/login/peixun.png') no-repeat;
background-size: 360px 425px;
}
.left2{
margin-top: -10px;
margin-left: 10px;
height: 245px;
background:url('../../static/images/login/56.png') no-repeat;
background-size: 340px 240px;
}
.left3{
margin-top: 30px;
margin-left: 10px;
width: 100%;
height: 285px;
.title{
height: 17px;
font-size: 20px;
font-family: Alibaba PuHuiTi 2.0;
font-weight: 700;
color: rgba(255, 255, 255, .8);
line-height: 24px;
text-align: center;
background: url('../../static/images/login/9.png') 0px 12px no-repeat;
}
.content{
width: 340px;
height: 215px;
margin-top: 20px;
background:url('../../static/images/login/312.png');
background-size: 336px 213px;
display: flex;
.neirong{
width: 300px;
height: 160px;
margin: auto;
overflow: hidden;
ul{
li {
width: 100%;
font-size: 16px;
font-family: Alibaba PuHuiTi 2.0;
font-weight: normal;
line-height: 28px;
white-space :pre-line;
span:nth-child(1){
color: #D6EEFF;
}
span:nth-child(2){
color: #5CB8F9;
}
}
}
}
}
}
// 中
.center{
width: 1290px;
height: 100%;
position: relative;
.curr {
width: 100%;
height: 651px;
// position: absolute;
margin-top: 170px;
margin-left: 80px;
background:url('../../static/images/login/60.png') no-repeat center;
animation: flashAni 4s infinite normal;
.point{
width: 600px;
height: 600px;
border-radius: 50%;
margin-top: 20px;
margin-left: 70px;
cursor: pointer;
}
}
@keyframes flashAni {
0% {
transform: translate(0px, 0px)
}
50%{
transform: translate(0px, -20px)
}
100% {
transform: translate(0px, 0px)
}
}
// 放大放小图
.active{
width: 300px;
height: 200px;
position: absolute;
top:630px;
right: 50px;
background:url('../../static/images/login/7.png') no-repeat center;
animation: acc 5s infinite normal;
}
@keyframes acc {
0% {
transform:scale(1);
}
50%{
transform:scale(1.1);
}
100% {
transform:scale(1);
}
}
.xueyuan{
width: 910px;
height: 160px;
position: absolute;
top:754px;
left: 120px;
background:url('../../static/images/login/zhangjiancopy.png') no-repeat center;
background-size: 100% 100%;
}
}
// 右
.right1{
margin-top: 20px;
height: 300px;
background:url('../../static/images/login/shimingyuanjing.png') no-repeat;
background-size: 100% 100%;
}
.right2{
margin-top: 40px;
margin-bottom: 230px;
height: 430px;
background:url('../../static/images/login/2021.png') no-repeat;
background-size: 100% 100%;
}
}
}
</style>
\ No newline at end of file
src/router/routes.js
// 管理平台 // 管理平台
import Index from '@/pages/index/index.vue' import Index from '@/pages/index/index.vue'
import Login from '@/pages/login'
export default [ export default [
{ {
path: '/', path: '/',
...@@ -9,5 +9,10 @@ export default [ ...@@ -9,5 +9,10 @@ export default [
{ {
path: '/index', path: '/index',
component: Index component: Index
},
{
path: '/login',
component: Login
} }
] ]
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