Skip to content

html / zhaocaih5-wanda

Go to a project
Commit 7b6f774e by mamingqun
Options

cb

parent d4aaeee7
Showing with 311 additions and 127 deletions
package.json
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
"dependencies": { "dependencies": {
"animate.css": "^3.7.2", "animate.css": "^3.7.2",
"axios": "^0.19.0", "axios": "^0.19.0",
"clipboard": "^2.0.4",
"core-js": "^2.6.5", "core-js": "^2.6.5",
"jquery": "^3.4.1", "jquery": "^3.4.1",
"turn.js": "^1.0.5", "turn.js": "^1.0.5",
......
src/App.vue
...@@ -17,6 +17,8 @@ export default { ...@@ -17,6 +17,8 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
@r: 75rem;
ul { ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
...@@ -50,4 +52,9 @@ body { ...@@ -50,4 +52,9 @@ body {
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
p {
margin: 0;
}
</style> </style>
src/assets/images/01/bg01.jpg
src/assets/images/01/bg01.jpg

195 KB | W: | H:

src/assets/images/01/bg01.jpg

193 KB | W: | H:

src/assets/images/01/bg01.jpg
src/assets/images/01/bg01.jpg
src/assets/images/01/bg01.jpg
src/assets/images/01/bg01.jpg
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/01/chuizi.png
src/assets/images/01/chuizi.png

99.7 KB | W: | H:

src/assets/images/01/chuizi.png

141 KB | W: | H:

src/assets/images/01/chuizi.png
src/assets/images/01/chuizi.png
src/assets/images/01/chuizi.png
src/assets/images/01/chuizi.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/01/text01.png
src/assets/images/01/text01.png

52.4 KB | W: | H:

src/assets/images/01/text01.png

54.4 KB | W: | H:

src/assets/images/01/text01.png
src/assets/images/01/text01.png
src/assets/images/01/text01.png
src/assets/images/01/text01.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/01/title01.png
src/assets/images/01/title01.png

98.1 KB | W: | H:

src/assets/images/01/title01.png

102 KB | W: | H:

src/assets/images/01/title01.png
src/assets/images/01/title01.png
src/assets/images/01/title01.png
src/assets/images/01/title01.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/02/bg.png
src/assets/images/02/bg.png

8.3 KB | W: | H:

src/assets/images/02/bg.png

16.1 KB | W: | H:

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

29.8 KB | W: | H:

src/assets/images/xiangqing/laozhao.png

27.2 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/Home.vue
...@@ -48,16 +48,12 @@ ...@@ -48,16 +48,12 @@
<!-- <erjiye/> --> <!-- <erjiye/> -->
<!-- <xiangqing /> --> <!-- <xiangqing /> -->
<div class="book-page-box book-page-1 preserve-3d">
<div class="book-page page-front">
<transition :name="transitionName" mode="in-out"> <transition :name="transitionName" mode="in-out">
<keep-alive> <keep-alive>
<router-view /> <router-view />
</keep-alive> </keep-alive>
</transition> </transition>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
...@@ -86,8 +82,6 @@ export default { ...@@ -86,8 +82,6 @@ export default {
this.GoOrBack() this.GoOrBack()
this.watchPage() this.watchPage()
// this.$store.dispatch('getDetail','你好啊树先生')
}, },
methods: { methods: {
handleShouye() { handleShouye() {
...@@ -147,18 +141,7 @@ export default { ...@@ -147,18 +141,7 @@ export default {
}) })
} }
}, },
// beforeRouteLeave(to, from, next) {
// console.log(this);
// this.$navigation.on('forward', (to, from) => {
// console.log('前进')
// this.transitionName = 'fanye1'
// })
// this.$navigation.once('back', (to, from) => {
// console.log('后退');
// this.transitionName = 'fanye2'
// })
// },
components: { components: {
shouye, shouye,
xu, xu,
...@@ -294,7 +277,6 @@ body { ...@@ -294,7 +277,6 @@ body {
background-color: #fff; background-color: #fff;
} }
.flip-animation-1 { .flip-animation-1 {
animation: flipBook1 17s; animation: flipBook1 17s;
} }
...@@ -305,7 +287,6 @@ body { ...@@ -305,7 +287,6 @@ body {
background-color: #fff; background-color: #fff;
} }
.flip-animation-2 { .flip-animation-2 {
animation: flipBook2 13s 2s; animation: flipBook2 13s 2s;
} }
...@@ -316,7 +297,6 @@ body { ...@@ -316,7 +297,6 @@ body {
background-color: #fff; background-color: #fff;
} }
.flip-animation-3 { .flip-animation-3 {
animation: flipBook3 10s 3s; animation: flipBook3 10s 3s;
} }
......
src/views/erjiye.vue
...@@ -7,11 +7,18 @@ ...@@ -7,11 +7,18 @@
<div id="content-box" class="content-box" ref="content"> <div id="content-box" class="content-box" ref="content">
<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">{{item.catname}}</li>
<li class="sub-title" v-for="(ele, num) in item.child" :key="num" @click="handleDetail(ele.news_id)" >{{ele.title}}</li> <li
class="sub-title"
v-for="(ele, num) in item.child"
:key="num"
@click="handleDetail(ele.news_id,ele.title)"
>{{ele.title}}</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="bottom11"></div> <div class="bottom11">
<div class="laozhaos"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -34,10 +41,10 @@ export default { ...@@ -34,10 +41,10 @@ export default {
handleJump() { handleJump() {
// $eventbus.$emit('jumpPage', 'xiangqing') // $eventbus.$emit('jumpPage', 'xiangqing')
}, },
handleDetail(id) { handleDetail(id, title) {
$eventbus.$emit('jumpPage', 'xiangqing') $eventbus.$emit('jumpPage', 'xiangqing')
setTimeout(() => { setTimeout(() => {
// $eventbus.$emit('') $eventbus.$emit('detailData', { id, title })
}); });
} }
}, },
...@@ -48,7 +55,7 @@ export default { ...@@ -48,7 +55,7 @@ export default {
@r: 75rem; @r: 75rem;
.zindex { .zindex {
z-index: 97; z-index: 997;
} }
.erjiye { .erjiye {
...@@ -100,7 +107,7 @@ export default { ...@@ -100,7 +107,7 @@ export default {
background-size: contain; background-size: contain;
color: #004db6; color: #004db6;
margin-bottom: 20 / @r; margin-bottom: 20 / @r;
padding-left: 80 / @r; padding-left: 45 / @r;
white-space: nowrap; white-space: nowrap;
} }
} }
...@@ -114,6 +121,18 @@ export default { ...@@ -114,6 +121,18 @@ export default {
background: url("../assets/images/erjiye/bottom.png") no-repeat bottom background: url("../assets/images/erjiye/bottom.png") no-repeat bottom
center; center;
background-size: 100% auto; background-size: 100% auto;
.laozhaos {
width: 500 / @r;
height: 300 / @r;
background: url("../assets/images/erjiye/laozhaos.png") no-repeat top
center;
background-size: contain;
position: absolute;
left: 50%;
bottom: 30 / @r;
transform: translate(-50%, 0);
}
} }
} }
......
src/views/shouye.vue
...@@ -10,11 +10,14 @@ ...@@ -10,11 +10,14 @@
<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>
<span>阅读人数</span>：1898256 <span>阅读人数</span>：1898256
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -56,7 +59,7 @@ export default { ...@@ -56,7 +59,7 @@ export default {
@r: 75rem; @r: 75rem;
.zindex { .zindex {
z-index: 100; z-index: 1000;
} }
#flipbook { #flipbook {
...@@ -144,11 +147,15 @@ export default { ...@@ -144,11 +147,15 @@ export default {
color: white; color: white;
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: 4%; bottom: 6%;
white-space: nowrap; white-space: nowrap;
font-size: 12 / @r; font-size: 12 / @r;
text-align: center; text-align: center;
.top-info{
margin-bottom: 20 / @r;
}
span { span {
font-weight: bolder; font-weight: bolder;
} }
......
src/views/xiangqing.vue
<template> <template>
<div class="book-page-box book-page-1 preserve-3d zindex" @click="handleJump"> <div>
<div class="book-page page-front">
<div class="xiangqing">
<div class="laozhao" @click="showMulu"></div> <div class="laozhao" @click="showMulu"></div>
<div class="mulu" v-show="mulu"> <!-- 目录 -->
<div class="mulu-wrap" v-show="mulu">
<div class="mulu">
<div class="title">万达招采</div> <div class="title">万达招采</div>
<div class="content"> <div class="content">
<ul v-shotclick="handleClick"> <div v-shotclick="handleClick">
<li class="main-title">封面</li> <li class="main-title">封面</li>
<li class="main-title">序</li> <li class="main-title">序</li>
<li class="main-title">一、集团招采管理制度要点</li> <ul v-for="(item, index) in $store.state.list" :key="index">
<li>第一节：总则</li> <li class="main-title">{{item.catname}}</li>
<li>第二节：供方管理</li> <li
<li>第三节：招标过程管理</li> v-for="(ele, num) in item.child"
<li>第四节：集中采购</li> :key="num"
<li>第五节：直接委托</li> @click="handleDetail(ele.news_id,ele.title)"
<li>第六节：合同管理</li> >{{ele.title}}</li>
<li class="main-title">二、招采常见问题百问百答</li>
<li>供方表示不参与招标</li>
<li>供方不满足实际需求</li>
<li>评标办法不合理，如何处理</li>
<li>紧急业务如何招标</li>
<li>什么情况下可废标</li>
<li>什么情况下可清标</li>
<li>标函分析主要分析哪些内容</li>
<li>多标段中标人为同一家，如何处理</li>
<li>有品牌库的项目，可否单项库招标</li>
<li>直接委托操作要求和定价原则</li>
<li>什么情况下需要签订合同</li>
<li>可采用直委方式的项目有哪些</li>
<li>定标详评会的标准流程</li>
<li class="main-title">三、线上线下招采服务指南</li>
</ul> </ul>
</div> </div>
</div> </div>
<div> <div class="close" @click="closeMulu"></div>
</div>
</div> </div>
<div class="box" v-if="htmlData" v-html="htmlData">
<div class="book-page-box book-page-1 preserve-3d zindex" @click="handleJump">
<div class="book-page page-front">
<div class="xiangqing">
<!-- 内容区 -->
<!-- <button class="btn" data-clipboard-copy="copy123" data-clipboard-target="button">Copy123</button> -->
<!-- <div class="mainTitle">{{mianTitle}}</div> -->
<div class="box" v-if="htmlData" v-html="htmlData"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -46,19 +37,33 @@ ...@@ -46,19 +37,33 @@
</template> </template>
<script> <script>
import Clipboard from 'clipboard';
export default { export default {
data() { data() {
return { return {
mulu: false, mulu: false,
htmlData: null htmlData: null,
mianTitle: null
} }
}, },
activated() {
this.htmlData = null
this.mianTitle = null
this.mulu = false
},
mounted() { mounted() {
this.$store.dispatch('getDetail', 3).then((res) => { this.watchDetail()
console.log('res');
console.log(res); var clipboard = new Clipboard('.btn');
this.htmlData = res.data.data.content
}) clipboard.on('success', function (e) {
console.log(e);
});
clipboard.on('error', function (e) {
console.log(e);
});
}, },
methods: { methods: {
showMulu() { showMulu() {
...@@ -69,47 +74,52 @@ export default { ...@@ -69,47 +74,52 @@ export default {
}, },
handleJump() { handleJump() {
console.log(123123) console.log(123123)
},
watchDetail() {
$eventbus.$on('detailData', (params) => {
this.getDetail(params.id)
this.mianTitle = params.title
})
},
getDetail(id) {
this.$store.dispatch('getDetail', id).then((res) => {
console.log('详情的res');
console.log(res);
this.htmlData = res.data.data.content
})
},
handleDetail(id, title) {
console.log('id,title详情1目录的点击')
console.log(id, title)
},
closeMulu() {
this.mulu = false;
} }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less">
@r: 75rem; @r: 75rem;
.zindex { .mulu-wrap {
z-index: 96; position: fixed;
} top: 0;
left: 0;
.box{
overflow: auto;
}
.xiangqing {
height: 100%;
background: url("../assets/images/xiangqing/bg.png") no-repeat top center;
background-size: 100% auto;
padding-top: 500 / @r;
.laozhao {
width: 142 / @r;
height: 210 / @r;
background: url("../assets/images/xiangqing/laozhao.png") no-repeat center
center;
background-size: contain;
position: absolute;
right: 0; right: 0;
top: 27%; bottom: 0;
} z-index: 502;
.mulu { .mulu {
width: 600 / @r; width: 600 / @r;
height: 900 / @r; height: 1100 / @r;
position: absolute; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
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-size: 100% auto;
border-radius: 5 / @r; border-radius: 5 / @r;
color: white; color: white;
font-size: 40 / @r; font-size: 40 / @r;
...@@ -117,10 +127,11 @@ export default { ...@@ -117,10 +127,11 @@ export default {
flex-direction: column; flex-direction: column;
padding-bottom: 20 / @r; padding-bottom: 20 / @r;
user-select: none; user-select: none;
z-index: 501;
.title { .title {
text-align: center; text-align: center;
margin-top: 20 / @r; margin-top: 210 / @r;
margin-bottom: 40 / @r; margin-bottom: 40 / @r;
} }
...@@ -141,6 +152,65 @@ export default { ...@@ -141,6 +152,65 @@ export default {
} }
} }
.xiangqing-wrap {
height: 100%;
overflow: auto;
}
.zindex {
z-index: 96;
}
.box {
overflow: auto;
padding-left: 40 / @r;
padding-right: 40 / @r;
margin-top: 30 / @r;
img {
width: 100%;
margin-bottom: 40 / @r;
margin-top: 40 / @r;
}
p {
font-size: 35 / @r;
}
}
.close {
width: 60 / @r;
height: 60 / @r;
position: absolute;
right: 10 / @r;
top: 120 / @r;
}
.mainTitle {
padding-left: 40 / @r;
padding-right: 40 / @r;
margin-top: 60 / @r;
}
.xiangqing {
height: 100%;
background: url("../assets/images/xiangqing/bg.png") no-repeat top center;
background-size: 100% auto;
padding-top: 500 / @r;
}
.laozhao {
width: 242 / @r;
height: 180 / @r;
background: url("../assets/images/xiangqing/laozhao.png") no-repeat center
center;
background-size: contain;
position: fixed;
right: 0;
top: 27%;
z-index: 500;
}
// 分割线 // 分割线
// vue 动画样式 // vue 动画样式
......
src/views/xu.vue
...@@ -6,10 +6,10 @@ ...@@ -6,10 +6,10 @@
<div class="title"></div> <div class="title"></div>
<div class="content"> <div class="content">
<ul class="content-box"> <ul class="content-box">
<li> <!-- <li>
<div class="content-title"> <div class="content-title">
实现对招采业务的全面管理方式创新 实现对招采业务的全面管理方式创新
<br />——万达招采平台 <br/>——万达招采平台
</div> </div>
<p>万达招采平台，是依托最新的互联网、大数据、移动等技术，以管控、服务为核心，以打通集团招采业务链为目标，倾力打造的互联网招采平台。对内可实现全集团招采业务的全程信息化管控，对外可实现供方一站式服务，完成了招采平台建设目标：实现对集团招采业务全组织架构覆盖、全产业链覆盖、全生命周期贯通，实现对招采业务的全面管理创新。</p> <p>万达招采平台，是依托最新的互联网、大数据、移动等技术，以管控、服务为核心，以打通集团招采业务链为目标，倾力打造的互联网招采平台。对内可实现全集团招采业务的全程信息化管控，对外可实现供方一站式服务，完成了招采平台建设目标：实现对集团招采业务全组织架构覆盖、全产业链覆盖、全生命周期贯通，实现对招采业务的全面管理创新。</p>
</li> </li>
...@@ -38,10 +38,12 @@ ...@@ -38,10 +38,12 @@
<div class="content-title">对外部：</div> <div class="content-title">对外部：</div>
<p>提升供应链管理能力，依托集团品牌影响力，凭借多年积累的供方资源、价格数据、采购信誉，联合知名电商、同行企业，利用互联网先进技术，引入供应链金融，整合产业链上下游资源，以平台投资企业自身采购需求为强驱动支点，必将打造全球领先的工程领域供应链服务平台。让买方放心，卖方安心、以采促产、服务实业，促进产业链共享、共赢，协同发展。</p> <p>提升供应链管理能力，依托集团品牌影响力，凭借多年积累的供方资源、价格数据、采购信誉，联合知名电商、同行企业，利用互联网先进技术，引入供应链金融，整合产业链上下游资源，以平台投资企业自身采购需求为强驱动支点，必将打造全球领先的工程领域供应链服务平台。让买方放心，卖方安心、以采促产、服务实业，促进产业链共享、共赢，协同发展。</p>
<p>招采平台将逐步实现以上工作目标，将为集团更好的提供招采服务，同时造福整个行业，成为国内行业领先的企业招采平台。</p> <p>招采平台将逐步实现以上工作目标，将为集团更好的提供招采服务，同时造福整个行业，成为国内行业领先的企业招采平台。</p>
</li> </li>-->
<div class="text-box"></div>
</ul> </ul>
</div> </div>
</div> </div>
<div class="bottom-ele"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -54,7 +56,7 @@ export default { ...@@ -54,7 +56,7 @@ export default {
} }
}, },
mounted(){ mounted() {
}, },
methods: { methods: {
...@@ -68,8 +70,17 @@ export default { ...@@ -68,8 +70,17 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
@r: 75rem; @r: 75rem;
.zindex{ .bottom-ele {
z-index: 99; background: url("../assets/images/02/bottom.png") no-repeat bottom center;
background-size: contain;
width: 100%;
height: 300 / @r;
position: absolute;
bottom: 0;
}
.zindex {
z-index: 999;
} }
.w80 { .w80 {
...@@ -107,11 +118,11 @@ export default { ...@@ -107,11 +118,11 @@ export default {
background-size: 100% auto; background-size: 100% auto;
.main-box { .main-box {
width: 90%; width: 670 / @r;
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; bottom: 65 / @r;
transform: translate(-50%, -50%); transform: translate(-50%, 0);
.title { .title {
background: url("../assets/images/02/title.png") no-repeat center center; background: url("../assets/images/02/title.png") no-repeat center center;
...@@ -121,17 +132,23 @@ export default { ...@@ -121,17 +132,23 @@ export default {
} }
.content { .content {
background: url("../assets/images/02/bg.png") no-repeat center center; background: url("../assets/images/02/bg.png") no-repeat top center;
background-size: 100% auto; background-size: 108% auto;
height: 850 / @r; height: 950 / @r;
padding-left: 30 / @r; // padding-left: 30 / @r;
padding-right: 30 / @r; // padding-right: 30 / @r;
padding-top: 70 / @r; padding-top: 105 / @r;
.content-box { .content-box {
height: 710 / @r; height: 100%;
overflow: auto; overflow: auto;
.text-box {
background: url("../assets/images/02/text02.png") no-repeat top center;
background-size: 90% auto;
height: 2350 / @r;
}
.content-title { .content-title {
font-size: 38 / @r; font-size: 38 / @r;
text-align: center; text-align: center;
...@@ -276,7 +293,6 @@ body { ...@@ -276,7 +293,6 @@ body {
background-color: #fff; background-color: #fff;
} }
.flip-animation-1 { .flip-animation-1 {
animation: flipBook1 17s; animation: flipBook1 17s;
} }
...@@ -287,7 +303,6 @@ body { ...@@ -287,7 +303,6 @@ body {
background-color: #fff; background-color: #fff;
} }
.flip-animation-2 { .flip-animation-2 {
animation: flipBook2 13s 2s; animation: flipBook2 13s 2s;
} }
...@@ -298,7 +313,6 @@ body { ...@@ -298,7 +313,6 @@ body {
background-color: #fff; background-color: #fff;
} }
.flip-animation-3 { .flip-animation-3 {
animation: flipBook3 10s 3s; animation: flipBook3 10s 3s;
} }
......
src/views/yjml.vue
...@@ -8,19 +8,32 @@ ...@@ -8,19 +8,32 @@
<div class="stars"></div> <div class="stars"></div>
</div> </div>
<ul class="list animated zoomInLeft" v-if="$store.state.list"> <ul class="list animated zoomInLeft" v-if="$store.state.list">
<li v-for="(item, index) in $store.state.list" :key="index" @click="handleJump(index + 1)"> <li
{{item.catname}} v-for="(item, index) in $store.state.list"
</li> :key="index"
@click="handleJump1(index + 1)"
>{{item.catname}}</li>
</ul> </ul>
<div class="button01 animated tada"> <div class="button01 animated tada">
<div class="num-box animated bounceInUp"> <div class="num-box animated bounceInUp">
<span>阅读人数</span>：1898256 <span>阅读人数</span>：1898256
</div> </div>
</div> </div>
<div class="yijian animated bounceInRight"></div> <!-- <div class="yijian animated bounceInRight"></div> -->
<!-- <div class="tanceng"> <div class="tanceng" v-show="tanceng">
<div class="kuang"></div> <div class="kuang kuang1" v-if="tancengIndex === 1">
</div>--> <div class="close" @click="handleCloseTanCeng"></div>
<div class="buttons" @click="handleJump"></div>
</div>
<div class="kuang kuang2" v-if="tancengIndex === 2">
<div class="close" @click="handleCloseTanCeng"></div>
<div class="buttons" @click="handleJump"></div>
</div>
<div class="kuang kuang3" v-if="tancengIndex === 3">
<div class="close" @click="handleCloseTanCeng"></div>
<div class="buttons" @click="handleJump"></div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -31,9 +44,13 @@ ...@@ -31,9 +44,13 @@
export default { export default {
data() { data() {
return { return {
tanceng: false,
tancengIndex: null
} }
}, },
activated(){
this.tanceng = false
},
created() { created() {
this.$store.dispatch('getList') this.$store.dispatch('getList')
}, },
...@@ -41,15 +58,19 @@ export default { ...@@ -41,15 +58,19 @@ export default {
}, },
methods: { methods: {
handleJump(index) { handleJump1(index) {
console.log('一级页的index'); this.tanceng = true
console.log(index); this.tancengIndex = index
},
handleJump() {
$eventbus.$emit('jumpPage', 'erjiye') $eventbus.$emit('jumpPage', 'erjiye')
setTimeout(() => { setTimeout(() => {
$eventbus.$emit('maodian', index) $eventbus.$emit('maodian', this.tancengIndex)
}); });
},
handleCloseTanCeng() {
this.tanceng = !this.tanceng
} }
}, },
components: { components: {
...@@ -62,7 +83,8 @@ export default { ...@@ -62,7 +83,8 @@ export default {
@r: 75rem; @r: 75rem;
.zindex { .zindex {
z-index: 98; z-index: 998;
overflow: hidden;
} }
.yjml { .yjml {
...@@ -202,6 +224,24 @@ export default { ...@@ -202,6 +224,24 @@ export default {
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
.close {
width: 50 / @r;
height: 50 / @r;
position: absolute;
right: 55 / @r;
top: 0;
}
.buttons {
width: 300 / @r;
height: 80 / @r;
// background: green;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
.kuang { .kuang {
width: 600 / @r; width: 600 / @r;
height: 700 / @r; height: 700 / @r;
...@@ -209,8 +249,23 @@ export default { ...@@ -209,8 +249,23 @@ export default {
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: greenyellow; // background: greenyellow;
background: url("../assets/images/02/tanceng.png") no-repeat center center; // background: url("../assets/images/02/tanceng.png") no-repeat center center;
// background-size: contain;
}
.kuang1 {
background: url("../assets/images/02/01tc.png") no-repeat center center;
background-size: contain;
}
.kuang2 {
background: url("../assets/images/02/02tc.png") no-repeat center center;
background-size: contain;
}
.kuang3 {
background: url("../assets/images/02/03tc.png") no-repeat center center;
background-size: contain; background-size: contain;
} }
} }
......
yarn.lock
...@@ -2041,6 +2041,15 @@ cli-width@^2.0.0: ...@@ -2041,6 +2041,15 @@ cli-width@^2.0.0:
resolved "https://registry.npm.taobao.org/cli-width/download/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639" resolved "https://registry.npm.taobao.org/cli-width/download/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk= integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=
clipboard@^2.0.4:
version "2.0.4"
resolved "https://registry.npm.taobao.org/clipboard/download/clipboard-2.0.4.tgz#836dafd66cf0fea5d71ce5d5b0bf6e958009112d"
integrity sha1-g22v1mzw/qXXHOXVsL9ulYAJES0=
dependencies:
good-listener "^1.2.2"
select "^1.1.2"
tiny-emitter "^2.0.0"
clipboardy@^2.0.0: clipboardy@^2.0.0:
version "2.1.0" version "2.1.0"
resolved "https://registry.npm.taobao.org/clipboardy/download/clipboardy-2.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fclipboardy%2Fdownload%2Fclipboardy-2.1.0.tgz#0123a0c8fac92f256dc56335e0bb8be97a4909a5" resolved "https://registry.npm.taobao.org/clipboardy/download/clipboardy-2.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fclipboardy%2Fdownload%2Fclipboardy-2.1.0.tgz#0123a0c8fac92f256dc56335e0bb8be97a4909a5"
...@@ -2717,6 +2726,11 @@ delayed-stream@~1.0.0: ...@@ -2717,6 +2726,11 @@ delayed-stream@~1.0.0:
resolved "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" resolved "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk= integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
delegate@^3.1.2:
version "3.2.0"
resolved "https://registry.npm.taobao.org/delegate/download/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
integrity sha1-tmtxwxWFIuirV0T3INjKDCr1kWY=
delegates@^1.0.0: delegates@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.npm.taobao.org/delegates/download/delegates-1.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdelegates%2Fdownload%2Fdelegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a" resolved "https://registry.npm.taobao.org/delegates/download/delegates-1.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdelegates%2Fdownload%2Fdelegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
...@@ -3806,6 +3820,13 @@ globby@^9.2.0: ...@@ -3806,6 +3820,13 @@ globby@^9.2.0:
pify "^4.0.1" pify "^4.0.1"
slash "^2.0.0" slash "^2.0.0"
good-listener@^1.2.2:
version "1.2.2"
resolved "https://registry.npm.taobao.org/good-listener/download/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
integrity sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=
dependencies:
delegate "^3.1.2"
graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6: graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
version "4.2.0" version "4.2.0"
resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.0.tgz#8d8fdc73977cb04104721cb53666c1ca64cd328b" resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.0.tgz#8d8fdc73977cb04104721cb53666c1ca64cd328b"
...@@ -6849,6 +6870,11 @@ select-hose@^2.0.0: ...@@ -6849,6 +6870,11 @@ select-hose@^2.0.0:
resolved "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca" resolved "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo= integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
select@^1.1.2:
version "1.1.2"
resolved "https://registry.npm.taobao.org/select/download/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
selfsigned@^1.10.4: selfsigned@^1.10.4:
version "1.10.4" version "1.10.4"
resolved "https://registry.npm.taobao.org/selfsigned/download/selfsigned-1.10.4.tgz#cdd7eccfca4ed7635d47a08bf2d5d3074092e2cd" resolved "https://registry.npm.taobao.org/selfsigned/download/selfsigned-1.10.4.tgz#cdd7eccfca4ed7635d47a08bf2d5d3074092e2cd"
...@@ -7532,6 +7558,11 @@ timsort@^0.3.0: ...@@ -7532,6 +7558,11 @@ timsort@^0.3.0:
resolved "https://registry.npm.taobao.org/timsort/download/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4" resolved "https://registry.npm.taobao.org/timsort/download/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q= integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
tiny-emitter@^2.0.0:
version "2.1.0"
resolved "https://registry.npm.taobao.org/tiny-emitter/download/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
integrity sha1-HRpW7fxRxD6GPLtTgqcjMONVVCM=
tmp@^0.0.33: tmp@^0.0.33:
version "0.0.33" version "0.0.33"
resolved "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9" resolved "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
......
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