白皮书下载

src/store/modules/download/index.js

@@ -95,7 +95,8 @@ const actions = {
     });
     let param = {
       limit: 300,
-      class_id: payload.class_id
+      class_id: payload.class_id,
+      title:payload.title
     }
     let params = Util.getParams(param);
     Services.articleShowData(params).then((res) => {

src/views/common/Header.vue

@@ -11,7 +11,7 @@
             </div>
             <div class="search" v-else-if="inputShow">
                 <van-icon name="search" size="18px" color="#666"/>
-                <van-field placeholder="请输入元器件型号、参数，查找全站库存数据" @focus="toSearch"/>
+                <van-field :placeholder="placeholdertext" @input="toInput" @focus="toSearch" v-model="val"/>
             </div>
             <h3 class="title fl" v-else>{{title}}</h3>
             <Menu :download="download" v-if="meaushow" :color="color"></Menu>
@@ -25,6 +25,10 @@
   export default {
     name: "header-page",
     props: {
+      placeholdertext: {
+        type: String,
+        default: "请输入元器件型号、参数，查找全站库存数据"
+      },
       color: {
         type: String,
         default: ""
@@ -73,7 +77,8 @@
     data() {
       return {
         type: 1,//自营2 //联营1,
-        borderBottom: "0px"
+        borderBottom: "0px",
+        val:""
       };
     },
     mounted() {
@@ -87,8 +92,11 @@
       historyback: function () {
         history.go(-1);
       },
+      toInput(){
+        this.$emit('toInput',this.val)
+      },
       toSearch() {
-        this.$emit('toSearch')
+        this.$emit('toSearch',this.val)
       },
       toSomeThing() {
         this.$emit('toSomeThing')

src/views/download/Index.vue

 <template>
     <section class="news">
-        <Header bgcolor="#fff" :title="title" :meaushow="meaushow" :download="loginCheck"></Header>
+        <Header bgcolor="#fff" :title="title" :meaushow="meaushow" :download="loginCheck" :inputShow="inputShow" placeholdertext="请输入文字关键字查找" @toInput="toSearchChange"></Header>
         <div class="new-head boxsiz">
             <a class="logo" href="/">
                 <img src="../../assets/images/download/logo.png" alt="猎芯网">
@@ -87,6 +87,7 @@
         p: 1,
         active: 0,
         activeChild: -1,
+        inputShow: true,
         meaushow: true,
         bannerHeight: 200,
         navListfixed: false,
@@ -143,6 +144,12 @@
           is_jump: false
         });
       },
+      toSearchChange(val) {
+        this.$store.dispatch({
+          type: "articleShowData",
+          title: val
+        });
+      },
       handleSelect(index, id) {
         this.active = index;
         this.articleChildrd = this.$store.state.download.showClass[index].child_class;

view/css/chunk-fa5768b2.3cce63da.css → view/css/chunk-af60e8d0.e58240a7.css

-.menu-fade{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.menu{position:fixed;right:10px;top:13px;z-index:999}.menu b{font-size:18px;color:#666}.menu .popover-arrow{position:absolute;z-index:1000;top:11px;right:0;overflow:hidden;width:26px;height:26px}.menu .popover-arrow:after{position:absolute;top:19px;left:0;width:26px;height:26px;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;background:#333}.menu .menu-view{margin-top:36px;background:#333;font-size:15px;border-radius:2px;max-height:300px}.menu .menu-view li{position:relative;overflow:hidden;padding:11px 15px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.menu .menu-view li a{color:#fff}.menu .menu-view li a i{margin-right:.1rem}.head-dom[data-v-75dae766]{padding-top:44px}.head-dom .header-page[data-v-75dae766]{border-bottom:1px solid #d6d7dc;height:44px;width:100%;padding:0 .2rem;position:fixed;z-index:3;top:0;-webkit-box-sizing:border-box;box-sizing:border-box}.head-dom .header-page .car-title[data-v-75dae766]{width:170px;position:fixed;top:0;left:50%;margin-left:-85px}.head-dom .header-page .car-title span[data-v-75dae766]{cursor:pointer;width:80px;height:44px;line-height:44px;text-align:center;font-size:18px}.head-dom .header-page .car-title span.act[data-v-75dae766]{color:#1080d0;border-bottom:2px solid #1080d0;height:42px}.head-dom .header-page .car-title span font[data-v-75dae766]{color:#1080d0}.head-dom .header-page i[data-v-75dae766]{font-size:18px;margin-top:13px;color:#666}.head-dom .header-page h3[data-v-75dae766]{font-size:16px;color:#333;width:68%;line-height:44px;text-align:center;height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10%!important}.head-dom .header-page .search[data-v-75dae766]{position:absolute;left:40px;right:60px;background:#fff;height:30px;margin:7px 0;border-radius:15px;padding:5px 10px 5px 30px;-webkit-box-sizing:border-box;box-sizing:border-box}.head-dom .header-page .search .van-icon[data-v-75dae766]{position:absolute;left:10px;height:20px;line-height:21px;margin-top:0}.head-dom .header-page .search .van-cell[data-v-75dae766]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;line-height:21px;font-size:12px;color:#333}
\ No newline at end of file
+.menu-fade{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.menu{position:fixed;right:10px;top:13px;z-index:999}.menu b{font-size:18px;color:#666}.menu .popover-arrow{position:absolute;z-index:1000;top:11px;right:0;overflow:hidden;width:26px;height:26px}.menu .popover-arrow:after{position:absolute;top:19px;left:0;width:26px;height:26px;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;background:#333}.menu .menu-view{margin-top:36px;background:#333;font-size:15px;border-radius:2px;max-height:300px}.menu .menu-view li{position:relative;overflow:hidden;padding:11px 15px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.menu .menu-view li a{color:#fff}.menu .menu-view li a i{margin-right:.1rem}.head-dom[data-v-d52c3992]{padding-top:44px}.head-dom .header-page[data-v-d52c3992]{border-bottom:1px solid #d6d7dc;height:44px;width:100%;padding:0 .2rem;position:fixed;z-index:3;top:0;-webkit-box-sizing:border-box;box-sizing:border-box}.head-dom .header-page .car-title[data-v-d52c3992]{width:170px;position:fixed;top:0;left:50%;margin-left:-85px}.head-dom .header-page .car-title span[data-v-d52c3992]{cursor:pointer;width:80px;height:44px;line-height:44px;text-align:center;font-size:18px}.head-dom .header-page .car-title span.act[data-v-d52c3992]{color:#1080d0;border-bottom:2px solid #1080d0;height:42px}.head-dom .header-page .car-title span font[data-v-d52c3992]{color:#1080d0}.head-dom .header-page i[data-v-d52c3992]{font-size:18px;margin-top:13px;color:#666}.head-dom .header-page h3[data-v-d52c3992]{font-size:16px;color:#333;width:68%;line-height:44px;text-align:center;height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10%!important}.head-dom .header-page .search[data-v-d52c3992]{position:absolute;left:40px;right:60px;background:#fff;height:30px;margin:7px 0;border-radius:15px;padding:5px 10px 5px 30px;-webkit-box-sizing:border-box;box-sizing:border-box}.head-dom .header-page .search .van-icon[data-v-d52c3992]{position:absolute;left:10px;height:20px;line-height:21px;margin-top:0}.head-dom .header-page .search .van-cell[data-v-d52c3992]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;line-height:21px;font-size:12px;color:#333}
\ No newline at end of file