joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

车辆和站台PIS增加背景图

Browse Source
This commit is contained in:
Yuan 2022-09-23 16:11:59 +08:00
parent 99a364abf9
commit 21e3d49f48
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/pis/index.vue
View File

@ -42,7 +42,7 @@
</div>
</div>
<div class="media">
<div class="mediacontent"></div>
<div class="mediacontent" :style="{ backgroundImage: `url(${imgUrl})` }"></div>
<div class="banner">
<div class="text">{{ standPisState.text }}</div>
<div class="text">{{ standPisState.text }}</div>
@ -90,7 +90,7 @@
}}{{ onboardPisState.endStationNameEn ? ' / TO: ' + currentTrain.endStationNameEn : '' }}
</div>
</div>
<div class="media"></div>
<div class="media" :style="{ backgroundImage: `url(${imgUrl})` }"></div>
</div>
</div>
<div class="banner">
@ -130,19 +130,22 @@ export default {
firstEndStationName: '',
secondTrainRemain: NaN,
secondEndStationName: '',
text: ''
text: '',
},
onboardPisState: {
groupNumber: '',
stationName: '',
endStationName: '',
parking: 0,
text: '党的十八大提出，倡导富强、民主、文明、和谐，倡导自由、平等、公正、法治，倡导爱国、敬业、诚信、友善，积极培育和践行社会主义核心价值观。富强、民主、文明、和谐是国家层面的价值目标，自由、平等、公正、法治是社会层面的价值取向，爱国、敬业、诚信、友善是公民个人层面的价值准则，这24个字是社会主义核心价值观的基本内容。'
text:
'党的十八大提出，倡导富强、民主、文明、和谐，倡导自由、平等、公正、法治，倡导爱国、敬业、诚信、友善，积极培育和践行社会主义核心价值观。富强、民主、文明、和谐是国家层面的价值目标，自由、平等、公正、法治是社会层面的价值取向，爱国、敬业、诚信、友善是公民个人层面的价值准则，这24个字是社会主义核心价值观的基本内容。',
},
imgUrl: `${this.$store.state.user.resourcesUrl}/PICTURE/2022-08-01/standPis.webp`,
}
},
mounted() {
this.initPage(this.$route.query)
console.log(`${this.$store.state.user.resourcesUrl}/PICTURE/2022-08-01/standPis.webp`)
},
beforeDestroy() {
this.clearPage()
@ -250,6 +253,8 @@ export default {
width: 100%;
height: calc(85% - 10px);
background: linear-gradient(#cff055, #009eb5);
background-position: center;
background-size: cover;
}
.banner {
width: 100%;
@ -356,6 +361,8 @@ export default {
.media {
height: 85%;
background: linear-gradient(#7b7cc2, #cff055);
background-position: center;
background-size: cover;
}
}
}