服装智能制造软件平台V3.0
http://182.92.169.222/hhxy/#/user/login
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.7 KiB
62 lines
1.7 KiB
<template> |
|
<div class="home"> |
|
<div class="top"> |
|
<p class="title">教学人员管理子系统-人员画像</p> |
|
<dv-decoration-5 style="width:50rem;height:2rem;margin:0 auto;"/> |
|
<span>{{newDate}}</span> |
|
</div> |
|
<div class="mainbox"> |
|
<div class="topDiv"> |
|
<top/> |
|
</div> |
|
<div class="bottomDiv"> |
|
<bottom/> |
|
</div> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
|
|
import top from '@/components/yhhuaxiang/top' |
|
import bottom from '@/components/yhhuaxiang/bottom' |
|
|
|
export default { |
|
name: 'Home', |
|
components: { |
|
top, |
|
bottom, |
|
}, |
|
data(){ |
|
return{ |
|
newDate: new Date() |
|
} |
|
}, |
|
// 挂载时间 |
|
mounted () { |
|
let that = this |
|
this.timer = setInterval(function () { |
|
that.newDate = new Date().toLocaleString() |
|
}) |
|
}, |
|
// 销毁时清除计时器 |
|
beforeDestroy: function () { |
|
if (this.timer) { |
|
clearInterval(this.timer) |
|
} |
|
} |
|
} |
|
</script> |
|
<style scoped> |
|
*{margin: 0;padding: 0;} |
|
html{font-size: 62.5%;} |
|
.home{width: 100%;height: 82rem;color: #fff;background: #000 url('../../assets/bg.png');background-size: 100% 100%;background-position: center center;} |
|
.top{width: 100%;height: 4%;text-align: center;font-weight: 400;position: relative;} |
|
.top .title{font-size: 2.8rem;height: 6rem;line-height: 6rem;margin-bottom: 0;} |
|
.top span{position: absolute;top:1rem;right: 10rem;font-size: 1.4rem;} |
|
.mainbox{width: 100%;height: 96%;} |
|
.mainbox>div{width: 100%;height: 48%;} |
|
.item{background: rgba(0, 25, 56, 0.8);width: 48%;height: 96%;} |
|
.coin{display:flex;justify-content: space-around;align-items: center;width:100%;height:100%;} |
|
|
|
</style>
|
|
|