添加bituni 主页

assets/css/bituni/index.scss

@@ -1,15 +1,18 @@
-.page-container {
+.page-container2 {
   max-width: 1440px;
   margin-left: auto;
   margin-right: auto;
-  background: url("~@/assets/img/bituni/bituni-bg.jpg") no-repeat center top;
+  background: url("~@/assets/img/bituni/bituni-bg.jpg") no-repeat center top;    
+}
+body {
+    // background:#fff
 }
-
 .page-main {
   width: 1100px;
   margin-left: auto;
   margin-right: auto;
 }
+
 .page-bituni-header {
   height: 597px;
 }
@@ -26,6 +29,7 @@
 
 .page-bituni-apply {
   display: block;
+  margin-top: 40px;
   width: 160px;
   height: 50px;
   background: #ff7640;
@@ -38,15 +42,20 @@
 
   text-align: center;
   line-height: 50px;
+  cursor: pointer;
 }
 
 .page-bituni-rule {
+  width:fit-content;
   margin-top: 10px;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #ebeced;
   line-height: 20px;
+  border-bottom: 1px solid #FFFFFF;
+  cursor: pointer;
+  ;
 }
 .page-bituni-intro {
   margin-top: 70px;
@@ -106,6 +115,7 @@
   border: 1px solid #ebeced;
   box-sizing: border-box;
   padding: 28px 24px;
+  margin-bottom: 30px;
 }
 
 .bituni-case-item-top {
@@ -114,8 +124,13 @@
 .page-bituni-case-img {
   width: 68px;
   height: 68px;
-  border-radius: 50%;
+  
   margin-right: 10px;
+  img{
+      width: 100%;
+    height: 100%;
+    border-radius: 50%;
+  }
 }
 .page-bituni-case-info {
   flex: 1;

layouts/w-1440-default.vue

@@ -0,0 +1,104 @@
+<template>
+  <div class="container" id="markIsAppWebview" :data-app="deviceType.app">
+    <proginn-header v-if="deviceType.pc"/>
+    <wx-header v-else-if="!deviceType.app && (deviceType.android || deviceType.ios) && !isWeixinApp"></wx-header>
+    <nuxt class="main"/>
+    <proginn-footer v-if="deviceType.pc && !noneCommonFooter"/>
+  </div>
+</template>
+
+<script>
+  import ProginnHeader from "@/components/header";
+  import ProginnFooter from "@/components/footer";
+  import WxHeader from "@/components/wx_header";
+  import {mapState, mapMutations} from "vuex";
+  import Stats from "@/mixins/stats";
+
+  export default {
+    components: {
+      ProginnHeader,
+      ProginnFooter,
+      WxHeader
+    },
+    data() {
+      return {
+        isWeixinApp: true
+      }
+    },
+    mixins: [Stats],
+    computed: {
+      ...mapState(["isPC", "isWeixin", "deviceType", "noneCommonFooter"])
+    },
+    mounted() {
+      console.log("route.path", this.$route);
+      this.isWeixinApp = navigator.userAgent.indexOf("miniProgram") > -1;
+      this.checkTerminal();
+      window.addEventListener("resize", this.checkInnerWidth);
+      // 修改密码处理
+      if (
+        this.$route.path.includes("/setting/check/change_mobile") ||
+        this.$route.path.includes("/setting/check/real_info")
+      ) {
+        // 如果上页不是验证码页面，则认为是复制地址过来，强制踢出
+        if (
+          localStorage.getItem("proginn-history") !== "/setting/check/old_mobile"
+        ) {
+          this.$message("请验证旧手机号。");
+          setTimeout(() => {
+            this.$router.replace("/setting/check/old_mobile");
+          }, 1500);
+        }
+      } else {
+        localStorage.removeItem("proginn-history");
+      }
+    },
+    methods: {
+      ...mapMutations(["updateIsPC", "updateIsWeixin"]),
+      checkTerminal() {
+        this.updateIsPC({
+          isPC: window.innerWidth > 960
+        });
+        this.updateIsWeixin({
+          isWeixin: window.navigator.userAgent
+            .toLowerCase()
+            .match(/MicroMessenger/i)
+        });
+      }
+    }
+  };
+</script>
+
+
+<style>
+  *,
+  *:before,
+  *:after {
+    box-sizing: border-box;
+    margin: 0;
+  }
+
+  .container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .main {
+    min-width: 1440px;
+    min-height: calc(100vh - 376px);
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0!important;
+    /* margin: 20px 0 30px !important; */
+  }
+
+  .__nuxt-error-page .title {
+    font-size: 100%;
+  }
+
+  @media screen and (max-width: 960px) {
+    .main {
+      min-width: auto;
+    }
+  }
+</style>

pages/frontend/bituni/index.vue

@@ -4,7 +4,7 @@
     
 </div> -->
 
-<div class="page-container" v-if="!mobile">
+<div class="page-container2" v-if="!mobile">
     <div class="page-main">
         <header class="page-bituni-header">
             <h1 class="page-bituni-h1">Bituni-成就你的技术创新</h1>
@@ -31,7 +31,7 @@
                 </article>
             </section>
         </header>
-
+    
         <div class="page-bituni-tit">成功项目</div>
         <div class="page-bituni-case-list">
             <div class="page-bituni-case-item" v-for='(item,index) in 4' :key="index">
@@ -40,9 +40,9 @@
                         <img src="https://iph.href.lu/200x200?fg=666666&bg=cccccc" alt="">
                     </div>
                     <div class="page-bituni-case-info">
-                        <h2 class="page-bituni-case-name">智能硬件产品研发</h2>
-                        <p class="page-bituni-case-content">智能硬件产品研发</p>
-                        <p class="page-bituni-case-link">智能硬件产品研发</p>
+                        <h2 class="page-bituni-case-name">ZHONG CE POLICY</h2>
+                        <p class="page-bituni-case-content">3683人正在使用</p>
+                        <p class="page-bituni-case-link">https://www.baidu.com</p>
                     </div>
                     <a class="page-bituni-case-apply">立即使用</a>
                 </div>
@@ -62,7 +62,8 @@ import {
 import qs from "qs"
 
 export default {
-    name: 'SeoLearnList',
+    name: 'SeoBituniIndex',
+    layout: 'w-1440-default',
     data() {
         return {
             baseUrl: '',
@@ -126,6 +127,7 @@ export default {
     mounted() {
         this.baseUrl = this.$store.state.domainConfig.siteUrl
         this.isWeixinApp = navigator.userAgent.indexOf("miniProgram") > -1
+        document.body.style.background = "#fff"
     },
     methods: {