调整顶部导航点击滚动位置

frontend/saas-portal-web/src/components/conenter/enterprise.vue

@@ -38,6 +38,7 @@
                 <li><router-link to="/home"><a @click="setTurnHome"><span style="color: white">首页</span></a></router-link></li>
                 <li><a href="#" @click="feature"><span>特色</span></a></li>
                 <li><a href="#" @click="service"><span>功能</span></a></li>
+                <!-- <li><a href="#" @click="download"><span>下载</span></a></li> -->
                 <!-- <router-link to="/invitation"><a ><span style="color: white">邀请</span></a></router-link> -->
                 <li>
                     <el-menu  
@@ -450,12 +451,17 @@ import { setTimeout } from 'timers';
             },
             // 特色
             feature(){
-                this.$router.push({name: 'Home', params: {isfeature: 700}});
+                this.$router.push({name: 'Home', params: {isfeature: 730}});
                 this.setTurnHome();
             },
             //功能
             service(){
-                this.$router.push({name: 'Home', params: {isfeature: 3550}});
+                this.$router.push({name: 'Home', params: {isfeature: 3670}});
+                this.setTurnHome();
+            },
+            // 下载
+            download(){
+                this.$router.push({name: 'Home', params: {isfeature: 4400}});
                 this.setTurnHome();
             },
             gohome(e){

frontend/saas-portal-web/src/components/conenter/home.vue

@@ -47,6 +47,7 @@
             <li><a href="#" @click="setTurnHome"><span>首页</span></a></li>
             <li class="xs"><a @click="feature2"><span>特色</span></a></li>
             <li class="xs"><a @click="service2"><span>功能</span></a></li>
+            <!-- <li class="xs"><a @click="download"><span>下载</span></a></li> -->
             <li>
               <el-menu  
               class="el-menu-demo" 
@@ -252,6 +253,45 @@
         </div>
       </section>
       <!-- end Service section -->
+      <!-- 下载 -->
+      <!-- <section>
+        <div class="container ts-worp">
+          <div class="section-title text-center" style="margin-bottom: 50px">
+            <p class="ts-title">下载</p>
+            <p class="ts-text">下载U企云服客户端</p>
+          </div>
+          <div class="download-conenter">
+            <div class="left download-box">
+              <div class="download-box-shang">
+                <img style="width:140px" src="/static/img/weiruan@2x.png" alt="">
+              </div>
+              <div class="download-box-xia">
+                <p class="download-title">U企云服PC版</p>
+                <p>适用于Windows86</p>
+                <p class="download-Edition">
+                  <span>-最新版：16.30.0</span> <br/>
+                  <span>-发布时间：2018-10-20</span>
+                </p>
+                <button class="download-btn" @click="downloadOne">立即下载</button>
+              </div>
+            </div>
+            <div class="right download-box">
+              <div class="download-box-shang">
+                <img style="width:140px" src="/static/img/weiruan@2x.png" alt="">
+              </div>
+              <div class="download-box-xia">
+                <p class="download-title">U企云服PC版</p>
+                <p>适用于Windows64</p>
+                <p class="download-Edition">
+                  <span>-最新版：16.30.0</span> <br/>
+                  <span>-发布时间：2018-10-20</span>
+                </p>
+                <button class="download-btn">立即下载</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section> -->
     </main>
     <problem v-else></problem>
   </div>
@@ -316,7 +356,7 @@
               const me = this || _this;
               //点击首页按钮时不跳转企业列表
               if(!me.$parent.turnHome){
-                me.$router.push({path: '/enterprise'})
+                me.$router.push({path: '/enterprise'});
               }else{
                 me.$parent.turnHome = false
               }
@@ -331,7 +371,6 @@
       document.documentElement.scrollTop = this.isfeature;
       $(window).scroll(function() {
         let Y = $(window).scrollTop();
-        console.log(Y);
         if (Y >= 500 && Y <= 1500) {
           $(".animate1").stop();
           $(".animate1").animate({
@@ -482,6 +521,21 @@
           me.isRegister = false
         })
       },
+      // 下载1
+      downloadOne(){
+        console.log('我是下载按钮')
+        let url = '/static/img/banner--X.jpg';
+        // let url = 'http://h.hiphotos.baidu.com/image/h%3D300/sign=f2db86688ccb39dbdec06156e01709a7/2f738bd4b31c87018e9450642a7f9e2f0708ff16.jpg';
+        let alink = document.createElement("a");
+        alink.style.display = 'none';
+        // let blob = new Blob([url]);
+        // alink.href = URL.createObjectURL(blob);
+        alink.href = url;//下载地址
+        alink.download = "pic"; //文件名(自定义)
+        document.body.appendChild(alink);
+        alink.click();
+        // URL.revokeObjectURL(alink.href);
+      },
       //体验
       experience(){
         if (this.account) {
@@ -546,14 +600,21 @@
       //特色
       feature2(){
         setTimeout(()=>{
-          document.documentElement.scrollTop = 700;
+          document.documentElement.scrollTop = 730;
         },5);
         this.setTurnHome();
       },
       //功能
       service2(){
         setTimeout(()=>{
-          document.documentElement.scrollTop = 3550;
+          document.documentElement.scrollTop = 3670;
+        },5);
+        this.setTurnHome();
+      },
+      // 下载
+      download(){
+        setTimeout(()=>{
+          document.documentElement.scrollTop = 4400;
         },5);
         this.setTurnHome();
       },
@@ -674,4 +735,53 @@
   display: inline-block;
   height: 16px;
 }
+/* 下载 */
+.download-conenter {
+  width: 55%;
+  height: 420px;
+  position: relative;
+  left: 50%;
+  transform: translateX(-50%);
+  margin-bottom: 100px;
+}
+.download-box {
+  width: 49%;
+  height: 100%;
+  border: 1px solid #5DA9F8;
+}
+.download-box-shang {
+  height: 50%;
+  background: #1E88F5;
+  text-align: center;
+  line-height: 210px;
+}
+.download-title {
+  font-size: 18px;
+  color: #0D253E;
+  font-weight: 550;
+}
+.download-box-xia {
+  text-align: center;
+  padding: 20px;
+  line-height: 30px;
+  color: rgb(103, 107, 112);
+  font-size: 14px;
+}
+.download-Edition {
+  text-align: left;
+  margin-left: 28%;
+  line-height: 20px;
+}
+.download-btn {
+  font-family: PingFangSC-Regular;
+  font-size: 14px;
+  color: #FFFFFF;
+  letter-spacing: 0.7px;
+  background: #1E88F5;
+  box-shadow: 0 0 99px 0 #E4F2FF;
+  border-radius: 4px;
+  padding: 2px 30px;
+  border: 0;
+  margin-top: 5%
+}
 </style>

frontend/saas-portal-web/static/css/main.css

@@ -38,7 +38,7 @@ h1, h2, h3, h4, h5, h6,
     color: #252525;
 }
 p {
-    font-size: 15px;
+    font-size: 14px;
 }
 li {
     list-style: none;