Skip to content

肖康 / H5_2.0

Go to a project
Commit 749b4a8e by 肖康
Options

esapi

parent 35253f72
Inline Side-by-side
Showing with 239 additions and 18 deletions
assets/css/classp/list.scss 0 → 100644
.classlistpage{
padding-bottom: 100rpx;
padding-top:88rpx;
.lhead{
position: fixed;
top:0rpx;
left:0rpx;
width:100%;
height:88rpx;
font-size: 34rpx;
font-weight: 500;
color:$uni-color333;
background: #fff;
box-sizing: border-box;
padding:0 32rpx;
.icon{
font-size: 44rpx;
font-weight: normal;
color:#d1d1d1;
margin-right: 32rpx;
}
.titlesi{
width:610rpx;
text-align: center;
}
}
.databox{
width:100%;
padding:0 24rpx;
background: #fff;
margin-bottom: 16rpx;
.group{
background: #fff;
padding:24rpx 0;
border-bottom: 1rpx solid #F5F5F7;
&:last-child{border:0rpx;}
.toprs1{
height:48rpx;
line-height: 48rpx;
margin-bottom: 12rpx;
navigator{
height:48rpx;
line-height: 48rpx;
.goodsName{
font-size: 28rpx;
color:$uni-color333;
font-weight: 600;
max-width:400rpx;
}
.actag{
height: 28rpx;
padding: 0 10rpx;
line-height: 28rpx;
background: #FF3700;
border-radius: 0px 14rpx 14rpx 0px;
color:#fff;
position: relative;
margin-left: 10rpx;
top:10rpx;
}
}
.addcar{
width: 142rpx;
height: 48rpx;
line-height: 48rpx;
background: #1969F9;
color:#fff;
font-size: 22rpx;
text-align: center;
border-radius: 6rpx;
font-weight: 400;
}
.kfbtns{
width: 142rpx;
height: 48rpx;
line-height: 44rpx;
background: #fff;
color:#1969F9;
border:2rpx solid #1969F9;
font-size: 22rpx;
text-align: center;
border-radius: 6rpx;
font-weight: 400;
}
}
.labelsd{color:#9D9FA6;}
.toprs2{
margin-top: 6rpx;
font-size: 24rpx;
height:33rpx;
line-height: 33rpx;
.l2{width:396rpx;}
.r2{
width:269rpx;
}
}
.toprs3{
margin-top: 6rpx;
font-size: 24rpx;
height:33rpx;
line-height: 33rpx;
.priceb{
text{
color:$uni-colorwarning;
&.p1{width:126rpx;margin-right: 14rpx;}
&.p2{width:160rpx;margin-right: 14rpx;}
}
}
}
}
}
}
\ No newline at end of file
assets/css/classp/map.scss
.mapPage{
padding-bottom: 100rpx;
padding-top:88rpx;
.maphead{
position: fixed;
......@@ -55,7 +54,7 @@
width:210rpx;
color:$uni-color666;
font-size: 24rpx;
margin-bottom: 12rpx;
margin-bottom: 24rpx;
}
}
}
......
components/nav.vue
......@@ -26,7 +26,7 @@ export default {
.h5-nav {
position: fixed;
top: 0;
le: 0;
left: 0;
right: 0;
width: 100%;
padding-left: 32rpx;
......@@ -44,7 +44,7 @@ export default {
font-size: 34rpx;
color: #292b33;
text-align: center;
font-weight: bold;
font-weight: 500;
}
.bar {
width: 33.3%;
......
manifest.json
......@@ -18,12 +18,12 @@
"^/apis": ""
}
},
"/es": {
"/esapi": {
"target": "http://so.liexin.net",
"changeOrigin": true,
"secure": true,
"pathRewrite": {
"/es": ""
"/esapi": ""
}
},
"/v3": {
......
pages/classp/list.vue
<template>
<view class="classlistpage">
<div class="lhead row verCenter">
<view class="back" v-back><text class="icon iconfont icon-arrleft"></text></view>
<view class="titlesi elep">分类列表分类列表分</view>
</div>
<view class="databox">
<view class="group">
<view class="toprs1 row bothSide">
<navigator url="#" class="row">
<view class="goodsName elep">LM358adsasd</view>
<view class="actag">95折</view>
</navigator>
<view class="addcar" style="display:none;" @click="addcarpopfunc('10001')">加入购物车</view>
<view class="kfbtns" @click="addcarpopfunc('10001')">联系客服</view>
</view>
<view class="toprs2 row bothSide">
<view class="l2 elep"><text class="labelsd">品牌：</text>ST</view>
<view class="r2 elep"><text class="labelsd">起订量：</text>600</view>
</view>
<view class="toprs2 row bothSide">
<view class="l2 elep"><text class="labelsd">供应商：</text>mouser</view>
<view class="r2 elep"><text class="labelsd">库存：</text>6000000</view>
</view>
<view class="toprs3 row bothSide">
<view class="row">
<text class="labelsd">价格：</text>
<view class="row priceb">
<text class="p1">660+</text>
<text class="p2">￥130.86</text>
<text class="p3">$130.86</text>
</view>
</view>
<text class="labelsd" @click="addcarpopfunc('10001')">更多阶梯价<text
class="icon iconfont icon-arrbot"></text></text>
</view>
</view>
<view class="group">
<view class="toprs1 row bothSide">
<navigator url="#" class="row">
<view class="goodsName elep">LM358adsasd</view>
<view class="actag">95折</view>
</navigator>
<view class="addcar" style="display:none;" @click="addcarpopfunc('10001')">加入购物车</view>
<view class="kfbtns" @click="addcarpopfunc('10001')">联系客服</view>
</view>
<view class="toprs2 row bothSide">
<view class="l2 elep"><text class="labelsd">品牌：</text>ST</view>
<view class="r2 elep"><text class="labelsd">起订量：</text>600</view>
</view>
<view class="toprs2 row bothSide">
<view class="l2 elep"><text class="labelsd">供应商：</text>mouser</view>
<view class="r2 elep"><text class="labelsd">库存：</text>6000000</view>
</view>
<view class="toprs3 row bothSide">
<view class="row">
<text class="labelsd">价格：</text>
<view class="row priceb">
<text class="p1">660+</text>
<text class="p2">￥130.86</text>
<text class="p3">$130.86</text>
</view>
</view>
<text class="labelsd" @click="addcarpopfunc('10001')">更多阶梯价<text
class="icon iconfont icon-arrbot"></text></text>
</view>
</view>
</view>
</view>
</template>
<script>
import {Ichunt_Api} from '@/util/api.js';
export default {
data() {
return {
obj:"",
};
},
onShow() {
this.getData();
},
methods: {
getData() {
this.request(Ichunt_Api + "/api/classify/getClassifyMap", 'GET', {}, ).then(res => {
if (res.err_code === 0) {
this.obj=res.data;
this.actId=res.data[0].bcat_id
}
});
}
},
components: {
}
};
</script>
<style>
<style scoped lang="scss">
@import '../../assets/css/classp/list.scss';
</style>
\ No newline at end of file
pages/classp/map.vue
......@@ -4,17 +4,17 @@
<div class="maphead row verCenter rowCenter">分类选型</div>
<div class="mapcons row bothSide">
<div class="c-lp" >
<view class="item " @click="tab(item.bcat_id)" v-for="(item,index) in obj" :key="index">{{item.bcat_name}}</view>
<view class="item " :class="{'act':actId==item.bcat_id}" @click="tab(item.bcat_id)" v-for="(item,index) in obj" :key="index">{{item.bcat_name}}</view>
</div>
<div class="c-rp">
<view v-for="(item,index) in obj" :key="index">
<view v-for="(item,index) in obj" :key="index" v-show="actId==item.bcat_id">
<view class="item" v-for="(item1,index1) in item.classify" :key="index1">
<navigator url="" class="row bothSide title">
<navigator :url="'/optimum?class_id1='+item1.class_id" class="row bothSide title">
<text>{{item1.class_name}}</text>
<text class="icon iconfont icon-jt"></text>
</navigator>
<view class="lastbox row bothSide">
<navigator url="" class="row bothSide lasttitle" v-for="(item2,index2) in item1.lower" :key="index2">{{item2.class_name}}</navigator>
<navigator :url="'/optimum?class_id1='+item1.class_id+'&class_id2='+item2.class_id" class="row bothSide lasttitle" v-for="(item2,index2) in item1.lower" :key="index2">{{item2.class_name}}</navigator>
</view>
</view>
</view>
......@@ -31,7 +31,7 @@
data() {
return {
obj:"",
actId:""
};
},
......@@ -43,12 +43,13 @@
methods: {
tab(id_){
this.actId=id_;
},
getData() {
this.request(Ichunt_Api + "/api/classify/getClassifyMap", 'GET', {}, ).then(res => {
if (res.err_code === 0) {
this.obj=res.data
this.obj=res.data;
this.actId=res.data[0].bcat_id
}
});
}
......
pages/index/index.vue
......@@ -9,10 +9,10 @@
<text class="icon iconfont icon-search seartext"></text>
<input />
</navigator>
<view class="newsbox">
<navigator class="newsbox" url="/user/msg">
<text class="icon iconfont icon-news"></text>
<text class="counts">{{newscount}}</text>
</view>
</navigator>
<view class="cdbox">
<text class="icon iconfont icon-candan"></text>
<text class="sj"></text>
......@@ -223,7 +223,7 @@
this.kfurl=this.pbobj.kfqq_xk.data
}
});
this.request(Api_Url + "/msg/allnum", 'POST', {}, ).then(res => {
this.request(Api_Url + "/msg/allnum", 'POST', {},false,true ).then(res => {
if (res.err_code === 0) {
this.newscount=res.data
}
......
util/api.js
......@@ -17,7 +17,7 @@ switch (window.location.hostname) {
//本地proxy配置参考vue.config.js
Ichunt_Api = '/v3'
Api_Url = '/apis';
Api_Es = "/es";
Api_Es = "/esapi";
Api_ES_Go = "http://192.168.1.237:9008";
Code_Url = "http://www.liexin.com/v3/public/verify";
}
......
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