调整

src/components/Examples.vue

@@ -6,6 +6,11 @@
         <span class="banner2">实现业务增长和竞争力提升</span>
       </div>
     </div>
+    <div class="pageroot" style="padding-bottom: 20px">
+      <div class="normalcontentdiv">
+        <div class="normalcontenttext">敬请期待……</div>
+      </div>
+    </div>
   </div>
 </template>
 

src/components/Tools/MobileToolbar.vue

@@ -5,7 +5,7 @@ import FooterContent from './FooterContent.vue'
 <template>
   <div id="mobilebarroot">
     <div id="barcontent">
-      <div class="image-wrapper_2 flex-row justify-between">
+      <div id="weptoplogo" class="image-wrapper_2 flex-row justify-between">
         <a href="/">
           <img
               id="image_1"
@@ -50,10 +50,27 @@ import FooterContent from './FooterContent.vue'
 <script>
 export default {
   name: "MobileToolbar",
+  mounted() {
+    this.$nextTick(function() {
+      this.contain_toolbartop();
+    });
+  },
   methods: {
     hide_toolbar:function (){
       document.getElementById('mobilebarroot').style.visibility="collapse";
     }
+  },
+  contain_toolbartop:function (){
+    window.onscroll = function(){
+      if(window.scrollY==0){
+        document.getElementById("weptoplogo")
+            .style.backgroundColor='rgba(0, 0, 0, 0)';
+      }
+      else{
+        document.getElementById("weptoplogo")
+            .style.backgroundColor="black";
+      }
+    }
   }
 }
 </script>
@@ -124,6 +141,9 @@ export default {
   padding-left: 32px;
   padding-top: 24px;
   padding-right: 32px;
+  position: fixed;
+  top:0px;
+  z-index: 20;
 }
 
 #image_1 {
@@ -139,7 +159,7 @@ export default {
 }
 
 #barlist{
-  margin-top: 44px;
+  margin-top: 87px;
   width: 100%;
 }
 

src/components/Wanted.vue

@@ -34,7 +34,7 @@ const { breakpoint } = useBootstrapBreakpoint();
           <strong>请发送简历+作品集至：kdhr@kdesign.top</strong>
         </div>
       </div>
-      <div>
+      <div id="moreinfo">
         更多招聘信息请关注<a href="https://www.zhipin.com/companys/da5dd8a98c258a0203F50tW6GVs~.html">boss直聘</a>
       </div>
     </div>
@@ -57,12 +57,10 @@ export default {
     fetchjobinfos:function (){
       this.isLoading=true;
       this.error=null;
-      axios.get('/api/wanteds') // 替换成你的实际 API 地址
+      axios.get('/api/wanteds')
       .then(response =>{
         const resp = response.data;
-        // 检查 resp.data 是否存在且为数组
         if (resp && Array.isArray(resp.data)) {
-          // 直接将后端返回对象的 data 数组赋值给 itemsArray
           this.jobinfos = resp.data;
           console.log('jobinfos:', this.jobinfos)
           if(this.jobinfos.length==0){
@@ -90,9 +88,6 @@ export default {
 <style scoped lang="scss">
 @import "src/publicstyle.scss";
 #joblistpc{
-  // display: grid;
-  // grid-template-columns: repeat(3,minmax(0, 1fr));
-  // gap: 21px;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -125,24 +120,19 @@ export default {
   width: 100%;
   box-sizing: border-box;
   justify-content: center;
-  //margin-left: 10.5px;
-  //margin-right: 10.5px;
   max-width: 100%;
   @include media-breakpoint-between(xs, md) {
     padding-top: 32px;
   }
   @include media-breakpoint-between(md,lg) {
-    // padding: 11px 11px 11px 11px;
     padding-top: 11px;
   }
 
   @include media-breakpoint-between(lg,xl) {
-    // padding: 15px 15px 15px 15px;
     padding-top: 15px;
   }
 
   @include media-breakpoint-up(xl) {
-    // padding: 40px 40px 40px 40px;
     padding-top: 40px;
   }
 }
@@ -222,6 +212,20 @@ export default {
   }
 }
 
+#moreinfo{
+  font-family: PingFangSC-Regular;
+  @include media-breakpoint-between(xs, md) {
+    font-size: 20px;
+  }
+  @include media-breakpoint-between(md,lg) {
+    font-size: 20px;
+  }
+
+  @include media-breakpoint-up(lg) {
+    font-size: 20px;
+  }
+}
+
 .typetitle{
   overflow-wrap: break-word;
   color: rgba(13, 13, 13, 1);
@@ -233,7 +237,7 @@ export default {
     font-size: 16px;
   }
   @include media-breakpoint-between(md,lg) {
-
+    font-size: 16px;
   }
 
   @include media-breakpoint-up(lg) {