Skip to content

html / zhaocaih5-wanda

Go to a project
Commit 476e1a78 by mamingqun
Options

cb

parent 75c26156
Showing with 55 additions and 13 deletions
src/assets/images/02/left.png
src/assets/images/02/left.png

5.17 KB | W: | H:

src/assets/images/02/left.png

3.1 KB | W: | H:

src/assets/images/02/left.png
src/assets/images/02/left.png
src/assets/images/02/left.png
src/assets/images/02/left.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/mp3/music.mp3
No preview for this file type
src/views/erjiye.vue
...@@ -265,7 +265,7 @@ export default { ...@@ -265,7 +265,7 @@ export default {
.content { .content {
// border: 1px solid white; // border: 1px solid white;
width: 600 / @r; width: 600 / @r;
height: 925 / @r; height: 820 / @r;
position: absolute; position: absolute;
top: 45%; top: 45%;
left: 50%; left: 50%;
......
src/views/shouye.vue
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<div class="cheng animated bounceInRight"></div> <div class="cheng animated bounceInRight"></div>
<div class="button01 animated tada"></div> <div class="button01 animated tada"></div>
<div class="num-box animated bounceInUp"> <div class="num-box animated bounceInUp">
<div class="top-info">仅供内部使用</div> <div class="top-info">仅供万达内部使用</div>
<div> <div>
<span>阅读人数</span>：{{$store.state.yudushu}} <span>阅读人数</span>：{{$store.state.yudushu}}
</div> </div>
......
src/views/xiangqing.vue
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<li class="main-title" @click="goFengMian">封面</li> <li class="main-title" @click="goFengMian">封面</li>
<li class="main-title" @click="goXu">目标</li> <li class="main-title" @click="goXu">目标</li>
<ul :id="index + 1" v-for="(item, index) in $store.state.list" :key="index"> <ul :id="index + 1" v-for="(item, index) in $store.state.list" :key="index">
<li class="main-title">{{item.catname}}</li> <li class="main-title" @click="gotoMulu(index + 1)">{{item.catname}}</li>
<div v-for="(ele, num) in item.child" :key="num"> <div v-for="(ele, num) in item.child" :key="num">
<li <li
:id="ele.catname" :id="ele.catname"
...@@ -146,6 +146,13 @@ export default { ...@@ -146,6 +146,13 @@ export default {
var clipboard = new Clipboard('.btn'); var clipboard = new Clipboard('.btn');
clipboard.on('success', function (e) {
alert('复制成功')
});
clipboard.on('error', function (e) {
console.log(e);
});
}, },
methods: { methods: {
showMulu() { showMulu() {
...@@ -206,6 +213,14 @@ export default { ...@@ -206,6 +213,14 @@ export default {
}, },
closeYulan() { closeYulan() {
this.yulanButton = false this.yulanButton = false
},
gotoMulu() {
console.log('goto目录');
$eventbus.$emit('jumpPage', { pageName: 'erjiye' })
setTimeout(() => {
$('body').css('overflow', 'auto')
$eventbus.$emit('maodian', this.tancengIndex)
});
} }
}, },
components: { components: {
...@@ -234,7 +249,7 @@ export default { ...@@ -234,7 +249,7 @@ export default {
this.ulList = [] this.ulList = []
imgArr.forEach((ele) => { imgArr.forEach((ele) => {
this.ulList.push(ele.currentSrc) this.ulList.push(ele.currentSrc)
$(ele).on('click',() => { $(ele).on('click', () => {
this.yulanButton = true this.yulanButton = true
}) })
}) })
......
src/views/xu.vue
<template> <template>
<div class="book-page-box book-page-1 preserve-3d zindex" @click="handleJump"> <div class="book-page-box book-page-1 preserve-3d zindex" @click="handleJump">
<div class="book-page page-front"> <div class="book-page page-front">
<div class="xu"> <div id="io" class="xu">
<goBack class="book-page page-front"/> <goBack class="book-page page-front" />
<div class="main-box"> <div class="main-box">
<div class="title"></div> <div class="title"></div>
<!-- <div class="content"> <!-- <div class="content">
...@@ -32,14 +32,41 @@ export default { ...@@ -32,14 +32,41 @@ export default {
} }
}, },
mounted() { mounted() {
// $(function () {
// function judge() {
// var startx;//让startx在touch事件函数里是全局性变量。
// var endx;
// var el = document.getElementById('io');//触摸区域。
// function cons() { //独立封装这个事件可以保证执行顺序，从而能够访问得到应该访问的数据。
// if (startx > endx) { //判断左右移动程序
// alert("left");
// } else {
// alert("right");
// }
// }
// el.addEventListener('touchstart', function (e) {
// var touch = e.changedTouches;
// startx = touch[0].clientX;
// starty = touch[0].clientY;
// });
// el.addEventListener('touchend', function (e) {
// var touch = e.changedTouches;
// endx = touch[0].clientX;
// endy = touch[0].clientY;
// cons(); //startx endx 的数据收集应该放在touchend事件后执行，而不是放在touchstart事件里执行，这样才能访问到touchstart和touchend这2个事件产生的startx和endx数据。另外startx和endx在_touch事件函数里是全局性的，所以在此函数中都可以访问得到，所以只需要注意事件执行的先后顺序即可。
// });
// }
// judge();
// })
}, },
methods: { methods: {
handleJump() { handleJump() {
$eventbus.$emit('jumpPage', { pageName: 'yjml' }) $eventbus.$emit('jumpPage', { pageName: 'yjml' })
} }
}, },
components:{ components: {
goBack goBack
} }
} }
...@@ -58,8 +85,8 @@ export default { ...@@ -58,8 +85,8 @@ export default {
} }
.to-left { .to-left {
width: 70 / @r; width: 90 / @r;
height: 70 / @r; height: 90 / @r;
position: absolute; position: absolute;
right: 15 / @r; right: 15 / @r;
top: 50%; top: 50%;
...@@ -128,7 +155,7 @@ export default { ...@@ -128,7 +155,7 @@ export default {
background: url("../assets/images/02/title.png") no-repeat center center; background: url("../assets/images/02/title.png") no-repeat center center;
background-size: contain; background-size: contain;
height: 115 / @r; height: 115 / @r;
margin-bottom: 60 / @r; // margin-bottom: 60 / @r;
} }
.content { .content {
......
src/views/yjml.vue
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</div> </div>
<!-- <div class="yijian animated bounceInRight"></div> --> <!-- <div class="yijian animated bounceInRight"></div> -->
<div class="tanceng" v-show="tanceng"> <div class="tanceng" v-show="tanceng">
<div class="kuang kuang1" v-if="tancengIndex === 1"> <div class="kuang kuang3" v-if="tancengIndex === 1">
<div class="close" @click="handleCloseTanCeng"></div> <div class="close" @click="handleCloseTanCeng"></div>
<div class="buttons" @click="handleJump"></div> <div class="buttons" @click="handleJump"></div>
<div class="laozhaos"></div> <div class="laozhaos"></div>
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<div class="buttons" @click="handleJump"></div> <div class="buttons" @click="handleJump"></div>
<div class="laozhaos"></div> <div class="laozhaos"></div>
</div> </div>
<div class="kuang kuang3" v-if="tancengIndex === 3"> <div class="kuang kuang1" v-if="tancengIndex === 3">
<div class="close" @click="handleCloseTanCeng"></div> <div class="close" @click="handleCloseTanCeng"></div>
<div class="buttons" @click="handleJump(3)"></div> <div class="buttons" @click="handleJump(3)"></div>
<div class="laozhaos"></div> <div class="laozhaos"></div>
......
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