Skip to content

梁建民 / h5

Go to a project
Commit d3987db0 by 施宇
Options

x

parent 041c4894
Inline Side-by-side
Showing with 81 additions and 22 deletions
src/store/modules/xianhuo/xianhuo.js
......@@ -14,9 +14,11 @@ const state = {
zyFilter: false,
zyClass: false,
zyRank: false,
classData:[],
classData: [],
classLight: {},
zyFilterData: {}, //过滤数据
zyData: [],
total: 0,
}
const mutations = {
xianhuo(state, payload) {
......@@ -30,6 +32,8 @@ const mutations = {
state.classData = payload.data;
} else if (payload.type == "class_light") {
state.classLight = payload.data;
} else if (payload.type == "zydata") {
state.zyData = payload.data
}
}
}
......@@ -40,36 +44,46 @@ const actions = {
Services.getZyData(qs.stringify(payload.data)).then((res) => {
let data = res.data;
if (data.error_code == 0) {
state.total = data.data.total;
if (data.data.aggs) {
commit("xianhuo", {//过滤数据
commit("xianhuo", { //过滤数据
type: "filter",
bool: true,
data: data.data.aggs,
})
}
if (data.data.class) {//分类数据
if (data.data.class) { //分类数据
commit("xianhuo", {
type: "class",
bool: true,
data: data.data.class,
})
}
if (data.data.class_light) {//分类选中数据
if (data.data.class_light) { //分类选中数据
commit("xianhuo", {
type: "class_light",
data: data.data.class_light,
})
}
if (data.data.total !== 0) {//数据总数
if (data.data.total !== 0) { //数据总数
commit("xianhuo", {
type: "rank",
bool: true,
data: data.data.aggs
})
}
if (data.data.data.data_list) {
commit('xianhuo', {
type: 'zydata',
data: data.data.data.data_list
})
}
} else {
} else {}
}).catch(function (err) {});
}
}).catch(function (err) {
});
}
}
......
src/views/xianhuo/xianhuo.vue
......@@ -6,7 +6,8 @@
<div class="search-list">
<div class="self-ichunt">
<div class="search-sift">
<div class="title-cut" v-show="zyRank">
<!-- <div class="title-cut" v-show="zyRank"> -->
<div class="title-cut">
<p class="fr xuan" @click="openRight">
<span class="font">筛选</span>
<i class="icon iconfont icon-shaixuan"></i>
......@@ -35,7 +36,8 @@
</li>
</ul>
</div>
<div class="sift-box" v-show="zyFilter||zyClass">
<!-- <div class="sift-box" v-show="zyFilter||zyClass"> -->
<div class="sift-box">
<dl :class="{'p_act': zyFilterInit == 0}">
<dt
@click="changeZyFilterInit(0)"
......@@ -139,6 +141,18 @@
</div>
</div>
</div>
<div class="content_scroll">
<van-list
v-model="loading"
:finished="finished"
finished-text="我是有底线的噢"
@load="onLoad"
error-text="请求失败，点击重新加载"
:immediate-check="true"
>
<GoodsOne :dataList="zyData"></GoodsOne>
</van-list>
</div>
</div>
<rightSelect
v-show="isShowRight"
......@@ -156,15 +170,18 @@
</template>
<script>
import Header from "@/views/common/Header.vue";
import { Icon, Field } from "vant";
import { Icon, Field, List, Cell } from "vant";
import { mapState } from "vuex";
import rightSelect from "./rightSelect";
import GoodsOne from "@/views/common/GoodsOne.vue";
export default {
name: "xianhuo",
components: {
Header,
"van-icon": Icon,
rightSelect
rightSelect,
"van-list": List,
GoodsOne
},
data() {
return {
......@@ -184,12 +201,14 @@ export default {
firstClassName: "", //第一级数据的name，
secondClassName: "", //第二级数据的name
isResetData: false, //是否重置数据
isShowRight: false //是否展示右侧
isShowRight: false, //是否展示右侧
list: [],
loading: false,
finished: false,
p: 1
};
},
created() {
this.getZyData();
},
created() {},
computed: {
...mapState({
zyFilter: state => state.xianhuo.zyFilter,
......@@ -197,7 +216,9 @@ export default {
zyRank: state => state.xianhuo.zyRank,
classData: state => state.xianhuo.classData,
classLight: state => state.xianhuo.classLight,
zyFilterData: state => state.xianhuo.zyFilterData
zyFilterData: state => state.xianhuo.zyFilterData,
zyData: state => state.xianhuo.zyData,
total: state => state.xianhuo.total
})
},
watch: {
......@@ -222,6 +243,9 @@ export default {
}
},
methods: {
onLoad() {
this.getZyData();
},
toSearch() {},
resetRight() {
this.getZyData();
......@@ -463,10 +487,16 @@ export default {
}
.xianhuo {
font-family: "Helvetica Neue", Helvetica, sans-serif;
position: absolute;
top: 44px;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
* {
box-sizing: border-box;
}
.search-cont {
* {
box-sizing: border-box;
}
.search-sift {
width: 100%;
position: relative;
......@@ -679,6 +709,21 @@ export default {
}
}
}
.content_scroll {
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
overflow-y: auto;
background-color: #efeff4;
.oneDataGoods {
background-color: #fff;
padding-left: 15px;
margin-left: 0;
}
}
}
</style>
view/index.html
<!DOCTYPE HTML><html lang=zh-CN><head><title></title><meta name=author content=www.ichunt.com><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,user-scalable=no,minimal-ui"><meta http-equiv=Content-Type content="text/html;charset=utf-8"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=format-detection content="telephone=no"><meta http-equiv=Expires content=-1><meta http-equiv=Cache-Control content=no-cache><meta http-equiv=Pragma content=no-cache><meta name=full-screen content=yes><meta name=browsermode content=application><meta name=x5-fullscreen content=true><meta name=x5-page-mode content=app><meta name=description content=猎芯网,快速成长的专业电子元器件商城,贸泽(MOUSER)全系产品、e络盟(element14)树莓派系列产品授权经销商,已获得多轮风险投资。为客户提供电子元器件现货,IC采购,进口报关，电子元器件寄售，供应链金融等一站式电子元器件采购服务。><meta name=keywords content=猎芯网,电子元器件采购,电子元器件商城,电子元器件现货,IC采购网,电子元器件寄售,电子元件,元器件商城,元器件采购,电子商城,><link rel=icon href=//h5static.ichunt.com/favicon.ico><link rel=stylesheet href=/v3/dist/res/m/css/font/iconfont.css><script src=/h5/view/get_time.php></script><script>var fwtimes = window.fwtime - (Math.floor((new Date().getTime()) / 1000)); //获取服务器时间差</script><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js charset=utf-8></script><script src=//h5static.ichunt.com/static/js/flexible.min.js charset=utf-8></script><script src=//h5static.ichunt.com/static/js/shence.min.js charset=utf-8></script><link href=//h5static.ichunt.com/css/chunk-0152a94c.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-0528a41a.b6a6f279.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-0ccaff37.9a3ef394.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-0d688f2e.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-0ea3b7e0.d25a53d4.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-111df22d.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-13b2a374.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-15480d0d.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-158c3ed4.fe46872f.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-178fc040.dcbf5852.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-1c9625fe.746ec6f3.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-22e40ede.f7670042.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-23e7944a.c8649411.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-2d4f397c.2ba08771.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-2f5da85a.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-34076066.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-3479b5a0.80056bad.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-3765c3c6.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-41226dfb.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-44668be2.cfd3edf0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-4631de92.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-50997173.2a594d86.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-5474cc08.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-5cf16964.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-6be99e9a.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-73b3e1a8.e137fec1.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-7ca9fe78.46303413.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-8aab87ce.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-8ce0ddd0.22356d82.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-978da802.b12435d8.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-a99dec30.58a2ea9a.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-f9d0f84e.5dae5cb6.css rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0152a94c.97911438.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0528a41a.14b0d3dd.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0ccaff37.5070e2e9.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0d688f2e.a0978d9d.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0ea3b7e0.4ab1a2eb.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-111df22d.c46b4aa7.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-13b2a374.91ed3640.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-15480d0d.6b4a832a.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-158c3ed4.f94f87c9.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-178fc040.af18f8ef.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-1c9625fe.350b3f45.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-22e40ede.f719bb67.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-23e7944a.0226b5e8.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-2d4f397c.46ce3167.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-2f5da85a.82a9eea1.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-34076066.c4aa6957.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-3479b5a0.c2fa3eab.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-3765c3c6.d032a023.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-41226dfb.cafe85da.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-44668be2.63fa1a33.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-4631de92.d6d50813.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-50997173.90db7718.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-5474cc08.508aadba.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-5cf16964.1e790e2e.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-6be99e9a.e9bdaa6d.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-73b3e1a8.0c18344d.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-7ca9fe78.37e26d7a.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-8aab87ce.b5c1e1e7.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-8ce0ddd0.652bd984.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-978da802.42957bde.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-a99dec30.0e006717.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-f9d0f84e.600042df.js rel=prefetch><link href=//h5static.ichunt.com/css/app.3dbc66df.css rel=preload as=style><link href=//h5static.ichunt.com/css/chunk-vendors.4a9b0375.css rel=preload as=style><link href=//h5static.ichunt.com/js/app.93a695df.js rel=preload as=script><link href=//h5static.ichunt.com/js/chunk-vendors.5239a044.js rel=preload as=script><link href=//h5static.ichunt.com/css/chunk-vendors.4a9b0375.css rel=stylesheet><link href=//h5static.ichunt.com/css/app.3dbc66df.css rel=stylesheet></head><body class=boxsiz><noscript><strong>网站出现了一点小问题，正在紧急修复中.......</strong></noscript><div id=app></div><script>function SetCookie(name, value, time, domain) {
<!DOCTYPE HTML><html lang=zh-CN><head><title></title><meta name=author content=www.ichunt.com><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,user-scalable=no,minimal-ui"><meta http-equiv=Content-Type content="text/html;charset=utf-8"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=format-detection content="telephone=no"><meta http-equiv=Expires content=-1><meta http-equiv=Cache-Control content=no-cache><meta http-equiv=Pragma content=no-cache><meta name=full-screen content=yes><meta name=browsermode content=application><meta name=x5-fullscreen content=true><meta name=x5-page-mode content=app><meta name=description content=猎芯网,快速成长的专业电子元器件商城,贸泽(MOUSER)全系产品、e络盟(element14)树莓派系列产品授权经销商,已获得多轮风险投资。为客户提供电子元器件现货,IC采购,进口报关，电子元器件寄售，供应链金融等一站式电子元器件采购服务。><meta name=keywords content=猎芯网,电子元器件采购,电子元器件商城,电子元器件现货,IC采购网,电子元器件寄售,电子元件,元器件商城,元器件采购,电子商城,><link rel=icon href=//h5static.ichunt.com/favicon.ico><link rel=stylesheet href=/v3/dist/res/m/css/font/iconfont.css><script src=/h5/view/get_time.php></script><script>var fwtimes = window.fwtime - (Math.floor((new Date().getTime()) / 1000)); //获取服务器时间差</script><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js charset=utf-8></script><script src=//h5static.ichunt.com/static/js/flexible.min.js charset=utf-8></script><script src=//h5static.ichunt.com/static/js/shence.min.js charset=utf-8></script><link href=//h5static.ichunt.com/css/chunk-0152a94c.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-0528a41a.b6a6f279.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-0ccaff37.9a3ef394.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-0d688f2e.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-111df22d.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-13b2a374.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-15480d0d.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-158c3ed4.fe46872f.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-178fc040.dcbf5852.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-19601764.39b0c29e.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-1c9625fe.746ec6f3.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-22e40ede.f7670042.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-23e7944a.c8649411.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-2d4f397c.2ba08771.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-2f5da85a.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-34076066.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-3479b5a0.80056bad.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-3765c3c6.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-41226dfb.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-4631de92.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-50997173.2a594d86.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-5474cc08.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-5cf16964.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-6be99e9a.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-73b3e1a8.e137fec1.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-7ca9fe78.46303413.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-86ed5d90.384460bb.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-8aab87ce.92647ec0.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-8ce0ddd0.22356d82.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-978da802.b12435d8.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-a99dec30.58a2ea9a.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-f9d0f84e.5dae5cb6.css rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0152a94c.424b4dad.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0528a41a.63b26c50.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0ccaff37.f1a1243c.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-0d688f2e.2cf30008.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-111df22d.362d0434.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-13b2a374.6bf5cf12.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-15480d0d.663f4dc4.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-158c3ed4.e23f68f8.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-178fc040.31454c37.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-19601764.13723fe7.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-1c9625fe.f62130c0.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-22e40ede.9da1ca2d.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-23e7944a.2d323e2e.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-2d4f397c.c648404a.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-2f5da85a.5966be84.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-34076066.4fdb5495.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-3479b5a0.5876e3a4.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-3765c3c6.af00f17d.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-41226dfb.51dee55e.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-4631de92.a33e31ea.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-50997173.c05debec.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-5474cc08.2b947dd4.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-5cf16964.60a9c936.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-6be99e9a.4f1c9253.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-73b3e1a8.4ebace5c.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-7ca9fe78.491de515.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-86ed5d90.c343029a.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-8aab87ce.48bd60ce.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-8ce0ddd0.6edd0622.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-978da802.42957bde.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-a99dec30.890be1d3.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-f9d0f84e.a9225526.js rel=prefetch><link href=//h5static.ichunt.com/css/app.d18d399e.css rel=preload as=style><link href=//h5static.ichunt.com/css/chunk-vendors.4a9b0375.css rel=preload as=style><link href=//h5static.ichunt.com/js/app.a6a7fe52.js rel=preload as=script><link href=//h5static.ichunt.com/js/chunk-vendors.6f48e8b1.js rel=preload as=script><link href=//h5static.ichunt.com/css/chunk-vendors.4a9b0375.css rel=stylesheet><link href=//h5static.ichunt.com/css/app.d18d399e.css rel=stylesheet></head><body class=boxsiz><noscript><strong>网站出现了一点小问题，正在紧急修复中.......</strong></noscript><div id=app></div><script>function SetCookie(name, value, time, domain) {
domain = domain ? ";domain=" + domain : "";
var Days = time;
var exp = new Date();
......@@ -224,4 +224,4 @@
user_rank: '0'
});
sensors.quick('autoTrack');
}</script><script src=//h5static.ichunt.com/js/chunk-vendors.5239a044.js></script><script src=//h5static.ichunt.com/js/app.93a695df.js></script></body></html>
\ No newline at end of file
}</script><script src=//h5static.ichunt.com/js/chunk-vendors.6f48e8b1.js></script><script src=//h5static.ichunt.com/js/app.a6a7fe52.js></script></body></html>
\ No newline at end of file
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