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