Commit 8b7303c9 by mamingqun

bc

parent dc4c6288

1.77 KB | W: | H:

5.17 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

871 Bytes | W: | H:

1.98 KB | W: | H:

src/assets/images/erjiye/sanji.png
src/assets/images/erjiye/sanji.png
src/assets/images/erjiye/sanji.png
src/assets/images/erjiye/sanji.png
  • 2-up
  • Swipe
  • Onion skin

2.5 KB | W: | H:

4.22 KB | W: | H:

src/assets/images/erjiye/search.png
src/assets/images/erjiye/search.png
src/assets/images/erjiye/search.png
src/assets/images/erjiye/search.png
  • 2-up
  • Swipe
  • Onion skin
No preview for this file type
......@@ -10,7 +10,8 @@ window.jquery = window.$ = $;
import axios from 'axios';
window.$axios = axios
axios.defaults.baseURL = 'http://wanda-h5.canskj.cn/api';
// axios.defaults.baseURL = 'http://wanda-h5.canskj.cn/api';
axios.defaults.baseURL = 'http://wanda-h5-api.bdideal.com/api';
// import VConsole from 'vconsole';
......
......@@ -13,7 +13,10 @@
class="sub-title"
@click="handleDetail(ele.news_id,ele.catname,ele)"
data-category="0"
>{{ele.catname}}</li>
>
{{ele.catname}}
<div v-if="ele.child.length" class="xiala"></div>
</li>
<div :class="[ele.catname,'none']">
<li
class="san-title"
......@@ -24,9 +27,7 @@
</div>
</div>
</ul>
<div class="magin-box">
</div>
<div class="magin-box"></div>
</div>
</div>
<div class="bottom11">
......@@ -39,6 +40,9 @@
<div class="search-box" v-show="searchButton">
<div class="main-contain">
<input type="text" ref="inputVal" v-model="keyWord" placeholder="请输入关键字" />
<ul class="jieguo" v-if="!searchList.length&&keyWord">
没有匹配到结果
</ul>
<ul class="list" v-if="searchList.length">
<li
v-for="(item, index) in filterList"
......@@ -101,12 +105,15 @@ export default {
height: 'toggle'
});
$('#' + item.catname).data('category', 1)
$('#' + item.catname + ' .xiala').addClass('up')
} else {
$('.' + item.catname).animate({
display: 'none',
height: 'toggle'
});
$('#' + item.catname).data('category', 0)
$('#' + item.catname + ' .xiala').removeClass('up')
}
}
},
......@@ -167,10 +174,15 @@ export default {
<style lang="less" scoped>
@r: 75rem;
.magin-box{
height: 50 / @r;
.jieguo{
color: white;
font-size: 35 / @r;
margin-top: 30 / @r;
}
.magin-box {
height: 50 / @r;
}
.none {
display: none;
......@@ -273,6 +285,22 @@ export default {
overflow: auto;
// -webkit-overflow-scrolling: touch;
.xiala {
width: 46 / @r;
height: 46 / @r;
background: url("../assets/images/erjiye/xiala.png") no-repeat;
background-size: contain;
position: absolute;
right: 60 / @r;
top: 50%;
margin-top: -23 / @r;
transition: 0.3s;
}
.up {
transform: rotate(180deg);
}
.main-title {
height: 98 / @r;
}
......@@ -280,7 +308,8 @@ export default {
li {
height: 98 / @r;
line-height: 98 / @r;
font-size: 35 / @r;
font-size: 32 / @r;
position: relative;
}
.main-title {
......@@ -301,7 +330,8 @@ export default {
.san-title {
background: url("../assets/images/erjiye/sanji.png") no-repeat center;
background-size: contain;
color: #004db6;
// color: #004db6;
color: white;
margin-bottom: 20 / @r;
padding-left: 45 / @r;
white-space: nowrap;
......@@ -338,7 +368,7 @@ export default {
background-size: contain;
position: absolute;
left: 60%;
transform: translate(-50%,0);
transform: translate(-50%, 0);
bottom: -20 / @r;
}
......
......@@ -40,8 +40,8 @@
<div class="table-wrap" v-if="$route.params.id === 18">
<ul class="table">
<li class="b-b">
<div class="b-r left-box">服务内容</div>
<div class="right-box">联系方式</div>
<div class="b-r left-box bold">服务内容</div>
<div class="right-box text-index bold">联系方式</div>
</li>
<li class="b-b">
<div class="b-r left-box">业务反馈</div>
......@@ -49,7 +49,11 @@
<div>登录</div>
<div class="target1">http://zcpt.wanda.cn/MainPage.aspx</div>
<div>点击帮忙文档/联系方式 ,查看反馈渠道</div>
<button class="btn" data-clipboard-copy="copy123" data-clipboard-target=".target1">点击复制链接</button>
<button
class="btn"
data-clipboard-copy="copy123"
data-clipboard-target=".target1"
>点击复制链接</button>
</div>
</li>
<li class="b-b">
......@@ -58,7 +62,11 @@
<div>登录</div>
<div class="target2">http://zcpt.wanda.cn/MainPage.aspx</div>
<div>点击帮忙文档/文件下载,查看操作指南</div>
<button class="btn" data-clipboard-copy="copy123" data-clipboard-target=".target2">点击复制链接</button>
<button
class="btn"
data-clipboard-copy="copy123"
data-clipboard-target=".target2"
>点击复制链接</button>
</div>
</li>
<li class="b-b">
......@@ -67,7 +75,11 @@
<div>登录万达官网招采平台</div>
<div class="target3">vendor.wanda.cn</div>
<div>在线投诉/建议内填写投诉/建议内容</div>
<button class="btn" data-clipboard-copy="copy123" data-clipboard-target=".target3">点击复制链接</button>
<button
class="btn"
data-clipboard-copy="copy123"
data-clipboard-target=".target3"
>点击复制链接</button>
</div>
</li>
<li class="b-b">
......@@ -193,6 +205,15 @@ export default {
<style lang="less">
@r: 75rem;
.bold{
font-weight: bold;
}
.text-index {
align-items: center !important;
padding: 0 !important;
}
.b-r {
border-right: 1px solid #3e57ab;
}
......@@ -226,7 +247,7 @@ export default {
justify-content: center;
}
button{
button {
color: blue;
}
......@@ -238,7 +259,7 @@ export default {
justify-content: center;
text-align: left;
padding-left: 20 / @r;
div{
div {
margin-bottom: 5 / @r;
}
}
......@@ -330,9 +351,9 @@ export default {
margin-top: 40 / @r;
}
p {
font-size: 35 / @r;
}
// p {
// font-size: 35 / @r;
// }
}
.close {
......
......@@ -232,9 +232,9 @@ export default {
margin-top: 40 / @r;
}
p {
font-size: 35 / @r;
}
// p {
// font-size: 35 / @r;
// }
}
.close {
......
......@@ -3,7 +3,7 @@
<div class="book-page page-front">
<div class="xu">
<div class="main-box">
<div class="title"></div>
<!-- <div class="title"></div> -->
<!-- <div class="content">
<ul class="content-box">
<div class="text-box"></div>
......@@ -51,14 +51,25 @@ export default {
bottom: 0;
}
.to-left{
width: 50/@r;
height: 50/@r;
.to-left {
width: 70 / @r;
height: 70 / @r;
position: absolute;
right: 5 / @r;
right: 15 / @r;
top: 50%;
background: url('../assets/images/02/left.png') no-repeat;
background: url("../assets/images/02/left.png") no-repeat;
background-size: contain;
animation: left infinite alternate 0.5s linear;
}
@keyframes left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-5px);
}
}
.zindex {
......@@ -164,7 +175,7 @@ export default {
.content2 {
width: 628 / @r;
height: 750 / @r;
height: 950 / @r;
background: url("../assets/images/02/qianbi.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