Administrator
/
FenXiNspBigScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

初始化~

This commit is contained in:
wgx 2026-07-18 18:22:54 +08:00
parent c04b3e4908
commit 266c5c5eac
4 changed files with 68 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>武乡县黄河流域农业面源污染平台</title>
<title>吉县黄河流域农业面源污染平台</title>
<link rel="stylesheet" href="<%= BASE_URL %>reset.css">
<!-- <link rel="stylesheet" href="<%= BASE_URL %>layui/dist/css/layui.css">-->
<!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>-->

3
src/api/request.js
View File

@ -1,5 +1,4 @@
import axios from "axios";
import router from '@/router'
const requests = axios.create({
baseURL:"/lh-api",
timeout:20000,
@ -9,7 +8,7 @@ const requests = axios.create({
// 请求拦截器
requests.interceptors.request.use((config)=>{
config.headers['X-Access-Token'] = localStorage.getItem("token") // 请求头带上token
config.headers['X-Tenant-Id'] = '1001'
config.headers['X-Tenant-Id'] = '1002'
return config
},(error)=>{
return Promise.reject(new Error('faile'));

2
src/pages/Home/index.vue
View File

@ -14,7 +14,7 @@
element-loading-background="rgba(0, 0, 0, 0.8)"
>
<div class="nav">
<span class="nav_ti nav_mag">武乡县黄河流域农业面源污染平台</span>
<span class="nav_ti nav_mag">吉县黄河流域农业面源污染平台</span>
<span class="nav_tit">治理效果评价和监测一张图</span>
</div>
<div class="nav_btn">

55
src/pages/Login/index.vue
View File

@ -4,9 +4,11 @@
<video autoplay loop muted preload
style="width: 100%; height: 100%; object-fit: fill">
<!-- <source src="@/assets/image/loginback.mp4">-->
<source src="http://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4">
<!-- <source src="http://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4">-->
<source src="https://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4">
</video>
<img src="@/assets/image/logintltle3.png" alt="" class="logintltle">
<div class="maintitle">吉县农业面源污染在线监测平台</div>
<!-- <img src="@/assets/image/logintltle3.png" alt="" class="logintltle">-->
<el-form
class="loginipt demo-ruleForm"
:rules="rules"
@ -135,18 +137,30 @@ export default {
width: 100%;
height:100%;
}
.loginipt{
/* position: absolute;
top: 28%;
right: 33%; */
margin: 0 auto;
margin-right: 8%;
margin-top: 17%;
width: 552px;
height: 475px;
background: url(../../assets/image/login_bg_img.png)no-repeat;
background-size: 100% 100%;
overflow: hidden;
.maintitle{
position: relative;
margin: 100px auto;
text-align: center;
color: #e6e6e6;
font-size: 4.3rem;
font-weight: 900;
font-style: italic;
font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
letter-spacing: 6px;
/* 原有立体浮雕阴影 + 外层淡投影阴影 */
text-shadow:
0 1px #0077cc,
0 2px #006bb8,
0 3px #005fa3,
0 4px #00508a,
0 5px 8px rgba(0, 15, 50, 0.55),
/* 新增外层柔和淡阴影 */
0 8px 15px rgba(0, 40, 90, 0.3),
/* 新增外围微弱蓝光发光效果 */
0 0 6px rgba(80, 180, 255, 0.6),
0 0 12px rgba(60, 160, 240, 0.6);
transform: scaleX(1.05);
}
.logintltle{
position: absolute;
@ -154,6 +168,19 @@ export default {
right: 20%;
width: 60%;
}
.loginipt{
/* position: absolute;
top: 28%;
right: 33%; */
margin: 0 auto;
margin-right: 8%;
/*margin-top: 17%;*/
width: 552px;
height: 475px;
background: url(../../assets/image/login_bg_img.png)no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.login_title_img{
display: block;
margin: 0 auto;