bc

8b7303c9 · mamingqun · dc4c6288 · 8b7303c9 · 8b7303c9 · 8b7303c9
Commit 8b7303c9 authored Jul 07, 2019 by mamingqun
10 changed files
--- a/src/assets/images/02/left.png
+++ b/src/assets/images/02/left.png
--- a/src/assets/images/erjiye/sanji.png
+++ b/src/assets/images/erjiye/sanji.png
--- a/src/assets/images/erjiye/search.png
+++ b/src/assets/images/erjiye/search.png
--- a/src/assets/images/erjiye/xiala.png
+++ b/src/assets/images/erjiye/xiala.png
--- a/src/assets/mp3/music.mp3
+++ b/src/assets/mp3/music.mp3
--- a/src/main.js
+++ b/src/main.js
@@ -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';

--- a/src/views/erjiye.vue
+++ b/src/views/erjiye.vue
@@ -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 class="magin-box"></div>
-            </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{
+.jieguo{
-  height: 50 / @r;
+  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;
    }

--- a/src/views/xiangqing.vue
+++ b/src/views/xiangqing.vue
@@ -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="b-r left-box bold">服务内容</div>
-                <div class="right-box">联系方式</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;
 }
@@ -210,7 +231,7 @@ export default {
    .h80 {
      height: 80 / @r;
    }
    li {
      display: flex;
      flex-direction: row;
@@ -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 {
+  // p {
-    font-size: 35 / @r;
+  //   font-size: 35 / @r;
-  }
+  // }
 }
 .close {

--- a/src/views/xiangqing1.vue
+++ b/src/views/xiangqing1.vue
@@ -232,9 +232,9 @@ export default {
    margin-top: 40 / @r;
  }
-  p {
+  // p {
-    font-size: 35 / @r;
+  //   font-size: 35 / @r;
-  }
+  // }
 }
 .close {

--- a/src/views/xu.vue
+++ b/src/views/xu.vue
@@ -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{
+.to-left {
-  width: 50/@r;
+  width: 70 / @r;
-  height: 50/@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; 
+  background-size: contain;
+  animation: left infinite alternate 0.5s linear;
+}
+@keyframes left {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-5px);
+  }
 }
 .zindex {
@@ -161,10 +172,10 @@ export default {
    .content1 {
      overflow: visible;
      .content2 {
        width: 628 / @r;
-        height: 750 / @r;
+        height: 950 / @r;
        background: url("../assets/images/02/qianbi.png") no-repeat center
          center;
        background-size: contain;