Skip to content

html / zhaocaih5-wanda

Go to a project
Commit d5b30e7f by mamingqun
Options

cb

parent 2ac77661
Showing with 104 additions and 24 deletions
src/assets/images/02/up.png
src/assets/images/02/up.png

2.39 KB | W: | H:

src/assets/images/02/up.png

1.83 KB | W: | H:

src/assets/images/02/up.png
src/assets/images/02/up.png
src/assets/images/02/up.png
src/assets/images/02/up.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/xiangqing/laozhao.png
src/assets/images/xiangqing/laozhao.png

9.2 KB | W: | H:

src/assets/images/xiangqing/laozhao.png

7.3 KB | W: | H:

src/assets/images/xiangqing/laozhao.png
src/assets/images/xiangqing/laozhao.png
src/assets/images/xiangqing/laozhao.png
src/assets/images/xiangqing/laozhao.png
  • 2-up
  • Swipe
  • Onion skin
src/views/erjiye.vue
......@@ -79,6 +79,7 @@ export default {
this.resetSearch()
$(".content-box").scrollTop(this.$store.state.erjiyeScroll)
},
mounted() {
this.watchMaodian()
......@@ -211,7 +212,7 @@ export default {
}
},
lastOpen(newVal, oldVal) {
if (newVal !== oldVal&&oldVal) {
if (newVal !== oldVal && oldVal) {
setTimeout(() => {
$('.' + oldVal).animate({
display: 'none',
......@@ -226,6 +227,14 @@ export default {
components: {
goBack
},
beforeRouteEnter (to, from, next) {
console.log('to')
console.log( to )
console.log('from')
console.log( from )
next()
}
}
</script>
......@@ -476,6 +485,20 @@ export default {
}
}
// //iphoneX、iphoneXs
// @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
// .erjiye .content {
// height: 1120 / @r;
// }
// }
// // iphoneXR
// @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
// .erjiye .content {
// height: 1120 / @r;
// }
// }
.search-button {
width: 160 / @r;
height: 63 / @r;
......
src/views/xiangqing.vue
......@@ -2,6 +2,7 @@
<div>
<goBack class="animated pulse" />
<div class="laozhao" @click="showMulu"></div>
<div class="preventHuadong" v-show="mulu"></div>
<div class="mulu-wrap" v-show="mulu">
<div class="mulu">
<div class="title">万达招采</div>
......@@ -18,7 +19,7 @@
@click="handleDetail(ele.news_id,ele.catname,ele)"
data-category="0"
>{{ele.catname}}</li>
<div :class="[ele.catname,'none']">
<div :class="[ele.catname,'none','sanji']">
<li
class="san-title"
v-for="(park, num1) in ele.child"
......@@ -45,9 +46,11 @@
<div class="book-page-box book-page-1 preserve-3d" :style="{zIndex:zIndex}">
<div class="book-page page-front">
<div class="xiangqing">
<div class="top-info"></div>
<div class="top-info">
<div class="laozhaossr"></div>
</div>
<!-- 内容区 -->
<div class="table-wrap" v-if="$route.params.id === 18">
<div class="table-wrap" v-if="showTable">
<ul class="table">
<li class="b-b">
<div class="b-r left-box bold">服务内容</div>
......@@ -57,8 +60,10 @@
<div class="b-r left-box">业务反馈</div>
<div class="right-box">
<div>登录</div>
<div class="target1">http://zcpt.wanda.cn/MainPage.aspx</div>
<div>点击帮忙文档/联系方式 ，查看反馈渠道</div>
<!-- <div class="target1">http://zcpt.wanda.cn/MainPage.aspx</div> -->
<div class="target1">http://zcpt.wanda.cn/</div>
<!-- <div>点击帮忙文档/联系方式 ，查看反馈渠道</div> -->
<div>点击服务指南/业务咨询，查看业务咨询渠道</div>
<button
class="btn"
data-clipboard-copy="copy123"
......@@ -70,8 +75,9 @@
<div class="b-r left-box">操作指南</div>
<div class="right-box">
<div>登录</div>
<div class="target2">http://zcpt.wanda.cn/MainPage.aspx</div>
<div>点击帮忙文档/文件下载，查看操作指南</div>
<!-- <div class="target2">http://zcpt.wanda.cn/MainPage.aspx</div> -->
<div class="target2">http://zcpt.wanda.cn/</div>
<div>点击服务指南/操作指南，查看操作手册</div>
<button
class="btn"
data-clipboard-copy="copy123"
......@@ -115,7 +121,7 @@
</li>
</ul>
</div>
<div class="box" v-if="htmlData&&$route.params.id !== 18" v-html="htmlData"></div>
<div class="box" v-if="htmlData&&!showTable" v-html="htmlData"></div>
</div>
</div>
</div>
......@@ -137,13 +143,15 @@ export default {
zIndex: 96,
ulList: [],
yulanButton: false,
queren: false
queren: false,
showTable: false
}
},
activated() {
this.htmlData = null
this.mianTitle = null
this.mulu = false
this.getDetail(this.$route.params.id)
},
mounted() {
......@@ -163,6 +171,8 @@ export default {
clipboard.on('error', function (e) {
console.log(e);
});
this.zuzhiHuaDong()
},
methods: {
showMulu() {
......@@ -179,9 +189,15 @@ export default {
})
},
getDetail(id) {
this.$store.dispatch('getDetail', id).then((res) => {
this.htmlData = res.data.data.content
})
var num = Number(id)
if (num === 18) {
this.showTable = true
} else {
this.showTable = false
this.$store.dispatch('getDetail', id).then((res) => {
this.htmlData = res.data.data.content
})
}
},
handleDetail(id, title, item) {
......@@ -234,6 +250,11 @@ export default {
},
closeQueRen() {
this.queren = false
},
zuzhiHuaDong() {
$('.preventHuadong')[0].addEventListener('touchmove', function (e) {
e.preventDefault();
}, false);
}
},
components: {
......@@ -279,6 +300,28 @@ export default {
<style lang="less">
@r: 75rem;
.none {
display: none;
}
.sub-title {
color: #f4f47a;
}
.sanji {
font-size: 23 / @r;
}
.laozhaossr {
width: 180 / @r;
height: 180 / @r;
position: absolute;
left: 0;
bottom: 0;
background: url("../assets/images/xiangqing/laozhaossr.png") no-repeat;
background-size: contain;
}
.queren {
position: fixed;
top: 0;
......@@ -306,7 +349,8 @@ export default {
.bottom {
width: 100%;
height: 200 / @r;
background: url("../assets/images/erjiye/queding.png") no-repeat center center;
background: url("../assets/images/erjiye/queding.png") no-repeat center
center;
background-size: 70% auto;
}
}
......@@ -362,7 +406,7 @@ p {
li {
display: flex;
flex-direction: row;
height: 200 / @r;
height: 230 / @r;
font-size: 25 / @r;
text-align: center;
......@@ -394,6 +438,16 @@ p {
}
}
.preventHuadong {
width: 100%;
height: 100%;
position: fixed;
top: 50%;
left: 50%;
z-index: 501;
transform: translate(-50%, -50%);
}
.mulu-wrap {
width: 100%;
height: 100%;
......@@ -413,7 +467,8 @@ p {
transform: translate(-50%, -50%);
// background: rgba(74, 124, 185, 0.8);
background: url("../assets/images/xiangqing/mulu.png") no-repeat top center;
background-size: 100% auto;
// background-size: 100% auto;
background-size: contain;
border-radius: 5 / @r;
color: white;
font-size: 40 / @r;
......@@ -442,6 +497,7 @@ p {
.main-title {
font-size: 40 / @r;
color: yellow;
}
}
}
......@@ -517,13 +573,13 @@ p {
}
.laozhao {
width: 242 / @r;
width: 200 / @r;
height: 180 / @r;
background: url("../assets/images/xiangqing/laozhao.png") no-repeat center
center;
background-size: contain;
position: fixed;
right: 3%;
right: 0%;
top: 27%;
z-index: 100;
}
......
src/views/xu.vue
......@@ -10,7 +10,7 @@
<div class="content2"></div>
</div>
</div>
<div class="to-left"></div>
<!-- <div class="to-left"></div> -->
<!-- <div class="bottom-ele"></div> -->
</div>
</div>
......
src/views/yjml.vue
......@@ -189,7 +189,8 @@ export default {
background-size: contain;
font-size: 35 / @r;
color: #004db6;
padding-left: 45 / @r;
// padding-left: 45 / @r;
text-align: center;
}
.list-item1 {
......@@ -286,8 +287,8 @@ export default {
}
.kuang1 {
// background: url("../assets/images/02/01tc.png") no-repeat center center;
background: url("../assets/images/02/04.png") no-repeat center center;
background: url("../assets/images/02/01tc.png") no-repeat center center;
// background: url("../assets/images/02/04.png") no-repeat center center;
background-size: contain;
}
......@@ -298,8 +299,8 @@ export default {
}
.kuang3 {
// background: url("../assets/images/02/03tc.png") no-repeat center center;
background: url("../assets/images/02/04.png") no-repeat center center;
background: url("../assets/images/02/03tc.png") no-repeat center center;
// background: url("../assets/images/02/04.png") no-repeat center center;
background-size: contain;
}
}
......
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 sign in to comment