xiaomeng
/
wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改东北弹框

pull/66/head^2
pangdundun 2023-12-09 17:19:10 +08:00
parent f3bce25c73
commit 65d1d8dc34
1 changed files with 33 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/views/page/largeScreen1.vue
View File

@ -119,7 +119,7 @@
<div class="p_video"> <div class="p_video">
<img :src="item.greenhouseImage" alt="" /> <img :src="item.greenhouseImage" alt="" />
</div> </div>
<div class="text">温室{{ item.greenhouseName }}#</div> <div class="text">{{ item.greenhouseName }}</div>
<div class="line"></div> <div class="line"></div>
<div class="detail"> <div class="detail">
<div class="d_item"> <div class="d_item">
@ -175,7 +175,7 @@
<div class="p_video"> <div class="p_video">
<img :src="item.greenhouseImage" alt="" /> <img :src="item.greenhouseImage" alt="" />
</div> </div>
<div class="text">温室{{ item.greenhouseName }}#</div> <div class="text">{{ item.greenhouseName }}</div>
<div class="line"></div> <div class="line"></div>
<div class="detail"> <div class="detail">
<div class="d_item"> <div class="d_item">
@ -699,7 +699,7 @@ export default {
getTopOrLeft1(id) { getTopOrLeft1(id) {
for(let i = 0; i < 26;i++){ for(let i = 0; i < 26;i++){
if(id == (i + 1)){ if(id == (i + 1)){
return `top:34%;left:${(74 - i * 3) < 15 ? 15 : (74 - i * 3)}%;transform: translate(-50%,-50%);`; return `top:40%;left:${(74 - i * 3) < 15 ? 15 : (74 - i * 3)}%;transform: translate(-50%,-50%);`;
} }
} }
// if (id == 1) { // if (id == 1) {
@ -792,11 +792,12 @@ export default {
// }) // })
let userInfo = JSON.parse(localStorage.getItem("userInfo")); let userInfo = JSON.parse(localStorage.getItem("userInfo"));
this.dataInit(userInfo.userid);
// 获取用户id权限 // 获取用户id权限
this.get_user_getjurisdiction(userInfo.userid) this.get_user_getjurisdiction(userInfo.userid)
this.dataInit(userInfo.userid);
let that = this; let that = this;
this.autoPlay = JSON.parse(localStorage.getItem("autoPlay")); this.autoPlay = JSON.parse(localStorage.getItem("autoPlay"));
if (this.autoPlay == false) { if (this.autoPlay == false) {
@ -1244,8 +1245,8 @@ export default {
} }
.pop_content1 { .pop_content1 {
width: 2.5rem; width: 3.5rem;
height: 3rem; height: 4.55rem;
background: url("../../assets/img/pop_bg.png") center no-repeat; background: url("../../assets/img/pop_bg.png") center no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
overflow: hidden; overflow: hidden;
@ -1264,7 +1265,7 @@ export default {
.p_video { .p_video {
width: 90%; width: 90%;
height: 1.2rem; height: 1.82rem;
margin: 0.1rem auto 0; margin: 0.1rem auto 0;
>img { >img {
@ -1275,18 +1276,18 @@ export default {
.text { .text {
width: 100%; width: 100%;
height: 0.3rem; height: 0.4rem;
font-size: 0.15rem; font-size: 0.2rem;
font-family: AlimamaShuHeiTi-Bold; font-family: AlimamaShuHeiTi-Bold;
font-weight: bold; font-weight: bold;
color: #f3fdff; color: #f3fdff;
line-height: 0.3rem; line-height: 0.4rem;
box-sizing: border-box; box-sizing: border-box;
padding-left: 0.15rem; padding-left: 0.2rem;
} }
.line { .line {
width: 2.2rem; width: 90%;
height: 0.01rem; height: 0.01rem;
background: #51d4fa; background: #51d4fa;
opacity: 0.5; opacity: 0.5;
@ -1295,31 +1296,31 @@ export default {
.detail { .detail {
width: 100%; width: 100%;
height: 0.3rem; height: 0.45rem;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
padding: 0 0.15rem; padding: 0 0.15rem;
.d_item { .d_item {
height: 0.2rem; height: 0.3rem;
background: rgba(81, 212, 250, 0.15); background: rgba(81, 212, 250, 0.15);
border: 0.01rem solid rgba(106, 222, 255, 0.4); border: 0.01rem solid rgba(106, 222, 255, 0.4);
border-radius: 0.02rem; border-radius: 0.02rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; // align-items: center;
box-sizing: border-box; box-sizing: border-box;
padding: 0 0.05rem; padding: 0.05rem 0.05rem;
>img { >img {
width: 0.1rem; width: 0.2rem;
height: 0.1rem; height: 0.2rem;
margin-right: 0.05rem; margin-right: 0.05rem;
} }
>span { >span {
font-size: 0.12rem; font-size: 0.13rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-weight: 400; font-weight: 400;
color: #d9effd; color: #d9effd;
@ -1329,7 +1330,7 @@ export default {
.grow { .grow {
width: 2.5rem; width: 2.5rem;
height: 0.2rem; height: 0.3rem;
background: url("../../assets/img/grow_bg.png") center no-repeat; background: url("../../assets/img/grow_bg.png") center no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
@ -1338,20 +1339,20 @@ export default {
align-items: center; align-items: center;
>img { >img {
width: 0.15rem; width: 0.18rem;
height: 0.15rem; height: 0.18rem;
margin-right: 0.05rem; margin-right: 0.05rem;
} }
>span:nth-child(2) { >span:nth-child(2) {
font-size: 0.12rem; font-size: 0.13rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
} }
>span:nth-child(3) { >span:nth-child(3) {
font-size: 0.12rem; font-size: 0.13rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-weight: 400; font-weight: 400;
color: #36ffd2; color: #36ffd2;
@ -1359,8 +1360,8 @@ export default {
} }
.icon_item { .icon_item {
width: 95%; width: 100%;
height: calc(100% - 2.22rem); height: calc(100% - 3.22rem);
box-sizing: border-box; box-sizing: border-box;
padding: 0.1rem 0.15rem; padding: 0.1rem 0.15rem;
display: flex; display: flex;
@ -1369,14 +1370,14 @@ export default {
overflow: auto; overflow: auto;
.icon_item_child { .icon_item_child {
width: 50%; width: 33.33%;
height: 45%; height: 33.33%;
display: flex; display: flex;
margin-bottom: 0.05rem; margin-bottom: 0.05rem;
> img { > img {
width: 0.28rem; width: 0.4rem;
height: 0.28rem; height: 0.4rem;
margin-right: 0.05rem; margin-right: 0.05rem;
} }
@ -1385,14 +1386,14 @@ export default {
flex-direction: column; flex-direction: column;
> span:nth-child(1) { > span:nth-child(1) {
font-size: 0.1rem; font-size: 0.12rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-weight: bold; font-weight: bold;
color: #86d9ff; color: #86d9ff;
} }
> span:nth-child(2) { > span:nth-child(2) {
font-size: 0.11rem; font-size: 0.15rem;
font-family: AlibabaPuHuiTiB; font-family: AlibabaPuHuiTiB;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;