Skip to content

N
national_museum_vod-H5
Commit 1ed3c27e authored by Your Name's avatar Your Name
Browse files
Options

修改导览页面

parent 9c0a1964
Show whitespace changes
Inline Side-by-side
Showing with 169 additions and 229 deletions
src/components/borderNums.vue
View file @ 1ed3c27e
...@@ -69,6 +69,7 @@ export default { ...@@ -69,6 +69,7 @@ export default {
}) })
.then((res) => { .then((res) => {
// console.log(res.data.data)
if (res.status == 200) { if (res.status == 200) {
if (res.data.resultCode == 200) { if (res.data.resultCode == 200) {
let resData = res.data.data; let resData = res.data.data;
......
src/views/guide.vue
View file @ 1ed3c27e
<template> <template>
<div class="login-container"> <div class="page">
<div class="login-bg"></div> <div class="container">
<div class="login-page"> <div class="container-bg">展板导览</div>
<div class="login-page-body"> <div class="container-page">
<div class="login-page-title">展板导览</div>
<div class="login-page-form">
<van-cell-group> <van-cell-group>
<van-field label="展板名称：" v-model="panelName" readonly /> <van-field label="展板名称：" style="margin: 50px 10px;font-size:18px;" v-model="panelName" readonly />
</van-cell-group> </van-cell-group>
<van-row> <van-row>
<van-col span="8" style="margin-top: 50px;"><div style="vertical-align:middle;font-size:14px;">展板导览视频：</div></van-col> <van-col span="8" style="margin: 50px 25px;"><div style="vertical-align:middle;font-size:18px;">展板导览视频：</div></van-col>
<van-col span="12"> <!-- <embed type="video/mp4" :src="panelVideo" /> --> <van-col span="12">
<video <!-- <embed type="video/mp4" :src="panelVideo" /> -->
placeholder="展板导览视频" controls <video controls width="150px" height="100px">
width="150px"
height="100px">
<source :src="panelVideo" type="video/mp4" /> <source :src="panelVideo" type="video/mp4" />
<source :src="panelVideo" type="video/WebM"> <source :src="panelVideo" type="video/WebM">
</video></van-col> </video>
</van-col>
</van-row> </van-row>
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
...@@ -61,7 +57,7 @@ export default { ...@@ -61,7 +57,7 @@ export default {
initData() { initData() {
let vm = this let vm = this
let param = { let param = {
id: this.panelId, videoId: this.panelId,
}; };
vm.$https( vm.$https(
{ {
...@@ -78,82 +74,25 @@ export default { ...@@ -78,82 +74,25 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.login-container { .page{
width: 100%; width: 100vw;
height: 100%; height: 100vh;
max-width: 1280px; .container {
.login-bg { width: 100vw;
width: 100%; height: 100vh;
height: 100%; .container-page {
margin: 0 auto;
background: #776d6e;
&:before {
display: inline-block;
content: "";
width: 100%;
height: 106px;
// background: url("~@/assets/images/topBox/bg-bottom.png") no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: 0;
left: 0;
}
&:after {
display: inline-block;
content: "";
width: 100%;
height: 421px;
// background: url("~@/assets/images/topBox/bg-top.png") no-repeat;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
}
}
.login-page {
height: 580px;
position: absolute;
bottom: 20px;
left: 24px;
right: 24px;
padding: 24px;
background: #f5f5f5;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
border-radius: 8px;
.login-page-form {
padding-top: 24px;
.van-field {
background: #f5f5f5;
border-radius: 4px;
margin-bottom: 32px;
.van-field__left-icon {
margin-right: 12px;
}
}
}
.login-page-title {
font-size: 18px; font-size: 18px;
width: 90vw;
height: 90vh;
margin: 70px auto 0 auto;
}
.container-bg{
font-size: 20px;
color: #333; color: #333;
text-align: center; text-align: center;
margin: 24px 0; margin: 24px 0;
} }
.login-page-button {
text-align: center;
background: #a4151d;
border-radius: 4px;
position: absolute;
bottom: 40px;
left: 24px;
right: 24px;
box-sizing: border-box;
.van-button {
font-size: 16px;
color: #fff;
background-color: transparent;
border: none;
}
} }
} }
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment