Skip to content

梁建民 / h5

Go to a project
Commit 1ad9324a by liangjianmin
Options

白皮书下载

parent 428ab5d8
Expand all
Inline Side-by-side
Showing with 23 additions and 7 deletions
src/store/modules/download/index.js
...@@ -95,7 +95,8 @@ const actions = { ...@@ -95,7 +95,8 @@ const actions = {
}); });
let param = { let param = {
limit: 300, limit: 300,
class_id: payload.class_id class_id: payload.class_id,
title:payload.title
} }
let params = Util.getParams(param); let params = Util.getParams(param);
Services.articleShowData(params).then((res) => { Services.articleShowData(params).then((res) => {
......
src/views/common/Header.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</div> </div>
<div class="search" v-else-if="inputShow"> <div class="search" v-else-if="inputShow">
<van-icon name="search" size="18px" color="#666"/> <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> </div>
<h3 class="title fl" v-else>{{title}}</h3> <h3 class="title fl" v-else>{{title}}</h3>
<Menu :download="download" v-if="meaushow" :color="color"></Menu> <Menu :download="download" v-if="meaushow" :color="color"></Menu>
...@@ -25,6 +25,10 @@ ...@@ -25,6 +25,10 @@
export default { export default {
name: "header-page", name: "header-page",
props: { props: {
placeholdertext: {
type: String,
default: "请输入元器件型号、参数，查找全站库存数据"
},
color: { color: {
type: String, type: String,
default: "" default: ""
...@@ -73,7 +77,8 @@ ...@@ -73,7 +77,8 @@
data() { data() {
return { return {
type: 1,//自营2 //联营1, type: 1,//自营2 //联营1,
borderBottom: "0px" borderBottom: "0px",
val:""
}; };
}, },
mounted() { mounted() {
...@@ -87,8 +92,11 @@ ...@@ -87,8 +92,11 @@
historyback: function () { historyback: function () {
history.go(-1); history.go(-1);
}, },
toInput(){
this.$emit('toInput',this.val)
},
toSearch() { toSearch() {
this.$emit('toSearch') this.$emit('toSearch',this.val)
}, },
toSomeThing() { toSomeThing() {
this.$emit('toSomeThing') this.$emit('toSomeThing')
......
src/views/download/Index.vue
<template> <template>
<section class="news"> <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"> <div class="new-head boxsiz">
<a class="logo" href="/"> <a class="logo" href="/">
<img src="../../assets/images/download/logo.png" alt="猎芯网"> <img src="../../assets/images/download/logo.png" alt="猎芯网">
...@@ -87,6 +87,7 @@ ...@@ -87,6 +87,7 @@
p: 1, p: 1,
active: 0, active: 0,
activeChild: -1, activeChild: -1,
inputShow: true,
meaushow: true, meaushow: true,
bannerHeight: 200, bannerHeight: 200,
navListfixed: false, navListfixed: false,
...@@ -143,6 +144,12 @@ ...@@ -143,6 +144,12 @@
is_jump: false is_jump: false
}); });
}, },
toSearchChange(val) {
this.$store.dispatch({
type: "articleShowData",
title: val
});
},
handleSelect(index, id) { handleSelect(index, id) {
this.active = index; this.active = index;
this.articleChildrd = this.$store.state.download.showClass[index].child_class; 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} .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 \ No newline at end of file
view/js/app.7efab5ce.js → view/js/app.e5d24a3f.js
This diff could not be displayed because it is too large.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment