| | |
| | | <div class="title"> |
| | | <div class="logo"> |
| | | <img class="pics2" :src="logoPng"> |
| | | <span style="font-size: 40px;color: black">国科鸿宇</span> |
| | | <span style="font-size: 40px;color: black">沙湾市安全培训</span> |
| | | <div style="width: 2px;height: 40px;background-color: #1C68A7;margin-top: 5px;margin-left: 15px;margin-right: 15px"></div> |
| | | <span style="font-size: 28px;color: white">安全在线教育平台</span> |
| | | <span style="font-size: 28px;color: white">在线教育平台</span> |
| | | </div> |
| | | <div class="content"> |
| | | <div class="imgBox"> |
| | |
| | | </div> |
| | | |
| | | </div> |
| | | <!-- 底部 --> |
| | | <div class="el-login-footer"> |
| | | <span>Copyright ©2024-{{nowYear}} All Rights Reserved.</span> |
| | | </div> |
| | | <!-- <img class="pics1" :src="dataPng">--> |
| | | <!-- <img class="pics2" :src="searchPng">--> |
| | | |
| | |
| | | import menu from "@/layout/components/Sidebar/menu"; |
| | | import dataPng from "@/assets/images/login-data.png" |
| | | import searchPng from "@/assets/images/login-search.png" |
| | | import logoPng from "@/assets/logo/logo1.png" |
| | | import logoPng from "@/assets/logo/logo3.png" |
| | | |
| | | const userStore = useUserStore() |
| | | const route = useRoute(); |
| | | const router = useRouter(); |
| | | const { proxy } = getCurrentInstance(); |
| | | const nowYear = ref(); |
| | | // 时间格式化 |
| | | const timeForm = { |
| | | hour12: false, |
| | | year: 'numeric', |
| | | month: '2-digit', |
| | | day: '2-digit', |
| | | hour: '2-digit', |
| | | minute: '2-digit', |
| | | second: '2-digit' |
| | | } |
| | | |
| | | const loginForm = ref({ |
| | | username: "", |
| | |
| | | const redirect = ref(undefined); |
| | | |
| | | onMounted(()=>{ |
| | | |
| | | const curTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-'); |
| | | nowYear.value = curTime.slice(0, 4); |
| | | }) |
| | | |
| | | const openRegist = ()=>{ |
| | |
| | | } |
| | | .pics2{ |
| | | width:60px; |
| | | margin-right: 10px; |
| | | //top: 20px; |
| | | //left: 20px; |
| | | |
| | |
| | | padding-left: 7px; |
| | | } |
| | | |
| | | @media screen and (max-width: 980px) { |
| | | @media screen and (max-width: 1050px) { |
| | | .imG { |
| | | display: none; |
| | | } |