Skip to content

html / zhaocaih5-wanda

Go to a project
Commit d5b30e7f by mamingqun
Options

cb

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