Skip to content

梁建民 / h5

Go to a project
Commit c7ba8fa2 by 肖康
Options

Merge branch 'XK_AD_PAGE_UPDATE20191118' into Development 

# Conflicts:
#	view/10.js
#	view/13.js
#	view/14.js
#	view/15.js
#	view/16.js
#	view/18.js
#	view/19.js
#	view/20.js
#	view/21.js
#	view/22.js
#	view/23.js
#	view/3.js
#	view/38.js
#	view/39.js
#	view/48.js
#	view/7.js
#	view/8.js
#	view/9.js
#	view/app.js
#	view/index.html
parents 14415d2d 9d2f8754
Expand all
Inline Side-by-side
Showing with 2673 additions and 315 deletions
public/index.html
......@@ -2,7 +2,7 @@
<html lang="zh-CN">
<head>
<title></title>
<title>猎芯网 - 电子元器件_ic交易网_电子元件/元器件批发采购网上商城平台</title>
<meta name="author" content="www.ichunt.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
......@@ -16,8 +16,8 @@
<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采购网,电子元器件寄售,电子元件,元器件商城,元器件采购,电子商城,">
<meta name="keywords" content="电子元器件,ic交易网,电子元件,元器件,电子元件商城,IC芯片,猎芯网">
<meta name="description" content="猎芯网（www.Ichunt.com）是国内外知名的买电子元器件、电子元件、元器件采购商城平台，IC交易网站。为客户提供电子元器件现货批发采购，IC采购，进口报关，元器件寄售，供应链金融等一站式电子元器件采购服务">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="stylesheet" href="<%= NODE_ENV_H5 %>v3/dist/res/m/css/font/iconfont.css">
<script type="text/javascript" src="<%= NODE_ENV_H5 %>h5/view/get_time.php"></script>
......
src/App.vue
<template>
<div id="app">
<keep-alive exclude="newsDetail,pointchange,wallet,walletRetrieve,walletDetail,walletRecord,walletStatus,walletWithdraw,walletRecharge,xianhuo,lxshop,brand,brandList,sampleapply">
<keep-alive exclude="newsDetail,pointchange,wallet,walletRetrieve,walletDetail,walletRecord,walletStatus,walletWithdraw,walletRecharge,xianhuo,lxshop,brand,brandList,sampleapply,risk,risksuccess">
<router-view class="router-view"></router-view>
</keep-alive>
</div>
......
src/assets/css/news/down.css 0 → 100644
.news .borderBottom {
border-bottom: 1px solid #e5e5e5;
}
.news .navList {
border-bottom: 1px solid #e5e5e5;
padding: 0 10px;
clear: both;
height: 40px;
line-height: 40px;
font-size: 14px;
background: #fff;
overflow: hidden;
}
.news .navList p {
text-align: center;
width: 33.33%;
color: #333;
float: left;
cursor: pointer;
height: 40px;
line-height: 40px;
}
.news .navList p.act {
color: #e10601;
border-bottom: 2px solid #e10601;
}
.news .navListfixed {
border-bottom: 1px solid #e5e5e5;
padding: 0 10px;
clear: both;
height: 40px;
line-height: 40px;
font-size: 14px;
background: #fff;
overflow: hidden;
position: fixed;
top: 39px;
left: 0;
right: 0px;
}
.news .navListfixed p {
text-align: center;
width: 33.33%;
color: #333;
float: left;
cursor: pointer;
height: 40px;
line-height: 40px;
}
.news .navListfixed p.act {
color: #e10601;
border-bottom: 2px solid #e10601;
}
.news .navList44 p {
width: 25%;
}
.news .listBox li {
padding: 10px;
height: 100px;
border-bottom: 1px solid #e5e5e5;
box-sizing: border-box;
}
.news .listBox li img {
height: 75px;
width: 27%;
float: left;
border: 0px;
outline: none;
}
.news .listBox li .boxgrt {
height: 75px;
width: 66%;
float: right;
}
.news .listBox li .boxgrt .title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #333;
font-size: 0.32rem;
font-weight: bold;
height: 50px;
line-height: 25px;
}
.news .listBox li .boxgrt .titleLook {
font-size: 14px;
color: #999;
margin-top: 5px;
}
.news .a {
margin-bottom: 0.5rem;
}
.news .new-head {
height: 49px;
background: #f3f3f3;
padding: 0 0.4rem;
display: flex;
flex-direction: row;
align-items: center;
}
.news .new-head .logo {
width: 30px;
height: 30px;
display: block;
}
.news .new-head .logo img {
width: 30px;
height: 30px;
display: block;
}
.news .new-head .t1 {
font-size: 16px;
color: #1080d0;
font-weight: 500;
margin-left: 0.267rem;
}
.news .down-list ul {
padding: 0 0.4rem;
}
.news .down-list ul li {
padding: 0.4rem 0;
border-bottom: 1px solid #e5e5e5;
}
.news .down-list ul li:last-child {
border-bottom: none;
}
.news .down-list ul li .t1 {
font-size: 16px;
color: #333333;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news .down-list ul li .bar {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.387rem;
align-items: flex-end;
}
.news .down-list ul li .bar .t2 {
font-size: 14px;
color: #999999;
}
.news .down-list ul li .bar .btn {
width: 85px;
height: 30px;
border-radius: 3px;
border: solid 1px #1080d0;
display: block;
font-size: 14px;
color: #1080d0;
text-align: center;
line-height: 30px;
}
.news .islogin {
height: 50px;
background: #f3f3f3;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.news .islogin img {
width: 20px;
height: 20px;
}
.news .islogin a {
margin-left: 0.28rem;
font-size: 12px;
color: #333333;
}
/*# sourceMappingURL=down.css.map */
\ No newline at end of file
src/assets/css/news/down.css.map 0 → 100644
{"version":3,"sources":["down.less"],"names":[],"mappings":"AAAA,KAEE;EACE,gCAAA;;AAHJ,KAME;EACE,gCAAA;EACA,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;;AAdJ,KAME,SAUE;EACE,kBAAA;EACA,aAAA;EACA,WAAA;EACA,WAAA;EACA,eAAA;EACA,YAAA;EACA,iBAAA;;AAvBN,KAME,SAoBE,EAAC;EACC,cAAA;EACA,gCAAA;;AA5BN,KAgCE;EAzBE,gCAAA;EACA,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EAoBA,eAAA;EACA,SAAA;EACA,OAAA;EACA,UAAA;;AArCJ,KAgCE,cAhBE;EACE,kBAAA;EACA,aAAA;EACA,WAAA;EACA,WAAA;EACA,eAAA;EACA,YAAA;EACA,iBAAA;;AAvBN,KAgCE,cANE,EAAC;EACC,cAAA;EACA,gCAAA;;AA5BN,KAwCE,WACE;EACE,UAAA;;AA1CN,KA8CE,SACE;EACE,aAAA;EACA,aAAA;EA9CF,gCAAA;EAgDE,sBAAA;;AAnDN,KA8CE,SACE,GAME;EACE,YAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;EACA,aAAA;;AA1DR,KA8CE,SACE,GAcE;EACE,YAAA;EACA,UAAA;EACA,YAAA;;AAhER,KA8CE,SACE,GAcE,QAKE;EACE,gBAAA;EACA,uBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,YAAA;EACA,iBAAA;;AA5EV,KA8CE,SACE,GAcE,QAkBE;EACE,eAAA;EACA,WAAA;EACA,eAAA;;AAlFV,KAwFE;EACE,qBAAA;;AAzFJ,KA4FE;EACE,YAAA;EACA,mBAAA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;;AAlGJ,KA4FE,UAOE;EACE,WAAA;EACA,YAAA;EACA,cAAA;;AAtGN,KA4FE,UAOE,MAIE;EACE,WAAA;EACA,YAAA;EACA,cAAA;;AA1GR,KA4FE,UAkBE;EACE,eAAA;EACA,cAAA;EACA,gBAAA;EACA,qBAAA;;AAlHN,KAsHE,WACE;EACE,iBAAA;;AAxHN,KAsHE,WACE,GAGE;EACE,iBAAA;EACA,gCAAA;;AAEA,KARN,WACE,GAGE,GAIG;EACC,mBAAA;;AA/HV,KAsHE,WACE,GAGE,GAQE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;;AA3IV,KAsHE,WACE,GAGE,GAoBE;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,oBAAA;EACA,qBAAA;;AAnJV,KAsHE,WACE,GAGE,GAoBE,KAOE;EACE,eAAA;EACA,cAAA;;AAvJZ,KAsHE,WACE,GAGE,GAoBE,KAYE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,iBAAA;;AAnKZ,KA0KE;EACE,YAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;;AAhLJ,KA0KE,SAOE;EACE,WAAA;EACA,YAAA;;AAnLN,KA0KE,SAWE;EACE,oBAAA;EACA,eAAA;EACA,cAAA","file":"down.css"}
\ No newline at end of file
src/assets/css/news/down.less 0 → 100644
.news { .borderBottom { border-bottom: 1px solid #e5e5e5; } .navList { border-bottom: 1px solid #e5e5e5; padding: 0 10px; clear: both; height: 40px; line-height: 40px; font-size: 14px; background: #fff; overflow: hidden; p { text-align: center; width: 33.33%; color: #333; float: left; cursor: pointer; height: 40px; line-height: 40px; } p.act { color: #e10601; border-bottom: 2px solid #e10601; } } .navListfixed { .navList; position: fixed; top: 39px; left: 0; right: 0px; } .navList44 { p { width: 25%; } } .listBox { li { padding: 10px; height: 100px; .borderBottom; box-sizing: border-box; img { height: 75px; width: 27%; float: left; border: 0px; outline: none; } .boxgrt { height: 75px; width: 66%; float: right; .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333; font-size: 0.32rem; font-weight: bold; height: 50px; line-height: 25px; } .titleLook { font-size: 14px; color: #999; margin-top: 5px; } } } } .a{ margin-bottom: 0.5rem; } .new-head { height: 49px; background: #f3f3f3; padding: 0 0.4rem; display: flex; flex-direction: row; align-items: center; .logo { width: 30px; height: 30px; display: block; img { width: 30px; height: 30px; display: block; } } .t1 { font-size: 16px; color: #1080d0; font-weight: 500; margin-left: 0.267rem; } } .down-list { ul { padding: 0 0.4rem; li { padding: 0.4rem 0; border-bottom: 1px solid #e5e5e5; &:last-child { border-bottom: none; } .t1 { font-size: 16px; color: #333333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .bar { display: flex; flex-direction: row; justify-content: space-between; margin-top: 0.387rem; align-items: flex-end; .t2 { font-size: 14px; color: #999999; } .btn { width: 85px; height: 30px; border-radius: 3px; border: solid 1px #1080d0; display: block; font-size: 14px; color: #1080d0; text-align: center; line-height: 30px; } } } } } .islogin{ height: 50px; background: #f3f3f3; display: flex; flex-direction: row; align-items: center; justify-content: center; img{ width: 20px; height: 20px; } a{ margin-left: 0.28rem; font-size: 12px; color: #333333; } } }
\ No newline at end of file
src/assets/css/news/down.min.css 0 → 100644
.news .borderBottom{border-bottom:1px solid #e5e5e5}.news .navList{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden}.news .navList p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navList p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navListfixed{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden;position:fixed;top:39px;left:0;right:0px}.news .navListfixed p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navListfixed p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navList44 p{width:25%}.news .listBox li{padding:10px;height:100px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}.news .listBox li img{height:75px;width:27%;float:left;border:0px;outline:none}.news .listBox li .boxgrt{height:75px;width:66%;float:right}.news .listBox li .boxgrt .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;font-size:.32rem;font-weight:bold;height:50px;line-height:25px}.news .listBox li .boxgrt .titleLook{font-size:14px;color:#999;margin-top:5px}.news .a{margin-bottom:.5rem}.news .new-head{height:49px;background:#f3f3f3;padding:0 .4rem;display:flex;flex-direction:row;align-items:center}.news .new-head .logo{width:30px;height:30px;display:block}.news .new-head .logo img{width:30px;height:30px;display:block}.news .new-head .t1{font-size:16px;color:#1080d0;font-weight:500;margin-left:.267rem}.news .down-list ul{padding:0 .4rem}.news .down-list ul li{padding:.4rem 0;border-bottom:1px solid #e5e5e5}.news .down-list ul li:last-child{border-bottom:none}.news .down-list ul li .t1{font-size:16px;color:#333333;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news .down-list ul li .bar{display:flex;flex-direction:row;justify-content:space-between;margin-top:.387rem;align-items:flex-end}.news .down-list ul li .bar .t2{font-size:14px;color:#999999}.news .down-list ul li .bar .btn{width:85px;height:30px;border-radius:3px;border:solid 1px #1080d0;display:block;font-size:14px;color:#1080d0;text-align:center;line-height:30px}.news .islogin{height:50px;background:#f3f3f3;display:flex;flex-direction:row;align-items:center;justify-content:center}.news .islogin img{width:20px;height:20px}.news .islogin a{margin-left:.28rem;font-size:12px;color:#333333}
\ No newline at end of file
src/assets/css/rank/ranking.less
......@@ -43,7 +43,7 @@
cursor: pointer;
background: url("../../images/rank/lijichong.png") no-repeat;background-size: 100% 100%;
}
.cp5{background: url("../../images/rank/p5.jpg") no-repeat ;height:576px;width:100%;background-size: 100% 100%; }
.cp5{background: url("../../images/rank/p5.jpg") no-repeat ;height:725px;width:100%;background-size: 100% 100%; }
}
......
src/assets/css/rank/ranking.min.css
.ranking-content{background:#885bfe}.ranking-content *{padding:0px;margin:0px}.ranking-content .cp1{background:url("../../images/rank/p1.jpg") no-repeat;height:227px;width:100%;background-size:100% 100%}.ranking-content .cp2{background:url("../../images/rank/p2.jpg") no-repeat;height:662px;width:100%;background-size:100% 100%}.ranking-content .cp3{background:url("../../images/rank/p3.jpg") no-repeat;height:799px;width:100%;background-size:100% 100%}.ranking-content .cp4{background:url("../../images/rank/p4.jpg") no-repeat;height:471px;width:100%;background-size:100% 100%}.ranking-content .cp4 .content{width:93%;height:280px;margin:0 auto;position:relative;top:172px}.ranking-content .cp4 .content p{height:25px;line-height:25px;text-align:center;color:#fff;font-size:14px}.ranking-content .cp4 .content p span{overflow-x:hidden;text-overflow:ellipsis;width:33.33%}.ranking-content .cp4 .content p span.l-z font{position:relative;left:4%}.ranking-content .cp4 .content p span.r-z font{position:relative;left:-8%}.ranking-content .cpbtn{width:196px;height:53px;text-align:center;margin:20px auto;display:block;cursor:pointer;background:url("../../images/rank/lijichong.png") no-repeat;background-size:100% 100%}.ranking-content .cp5{background:url("../../images/rank/p5.jpg") no-repeat;height:576px;width:100%;background-size:100% 100%}
\ No newline at end of file
.ranking-content{background:#885bfe}.ranking-content *{padding:0px;margin:0px}.ranking-content .cp1{background:url("../../images/rank/p1.jpg") no-repeat;height:227px;width:100%;background-size:100% 100%}.ranking-content .cp2{background:url("../../images/rank/p2.jpg") no-repeat;height:662px;width:100%;background-size:100% 100%}.ranking-content .cp3{background:url("../../images/rank/p3.jpg") no-repeat;height:799px;width:100%;background-size:100% 100%}.ranking-content .cp4{background:url("../../images/rank/p4.jpg") no-repeat;height:471px;width:100%;background-size:100% 100%}.ranking-content .cp4 .content{width:93%;height:280px;margin:0 auto;position:relative;top:172px}.ranking-content .cp4 .content p{height:25px;line-height:25px;text-align:center;color:#fff;font-size:14px}.ranking-content .cp4 .content p span{overflow-x:hidden;text-overflow:ellipsis;width:33.33%}.ranking-content .cp4 .content p span.l-z font{position:relative;left:4%}.ranking-content .cp4 .content p span.r-z font{position:relative;left:-8%}.ranking-content .cpbtn{width:196px;height:53px;text-align:center;margin:20px auto;display:block;cursor:pointer;background:url("../../images/rank/lijichong.png") no-repeat;background-size:100% 100%}.ranking-content .cp5{background:url("../../images/rank/p5.jpg") no-repeat;height:725px;width:100%;background-size:100% 100%}
\ No newline at end of file
src/assets/css/risk/index.css 0 → 100644
.risk {
width: 100%;
padding-bottom: 1rem; }
.risk .banner {
width: 100%;
height: 297px;
background: url("../../images/risk/bg.png") no-repeat top;
background-size: cover; }
.risk .content {
position: relative;
top: -21px; }
.risk .content .t1 {
text-align: center;
font-size: 20px;
color: #666666;
margin-bottom: 0.293rem; }
.risk .content .t2 {
text-align: center;
font-size: 13px;
color: #666666; }
.risk .content .form-box {
width: 8.8rem;
background-color: #f6f6f6;
border-radius: 2px;
margin: 0.453rem auto 0;
padding: 0.413rem 0.653rem 0.52rem 0.653rem; }
.risk .content .form-box .fx {
display: flex;
flex-direction: row;
justify-content: space-between; }
.risk .content .form-box .inpt-wrap {
margin-bottom: 0.4rem; }
.risk .content .form-box .inpt-wrap .inp {
width: 100%;
height: 25px;
padding: 10px 0;
background-color: #ffffff;
border-radius: 2px;
border: solid 1px #37d1a0;
font-size: 14px;
color: #999999;
text-indent: 1em; }
.risk .content .form-box .inpt-wrap .inps {
width: 54%;
height: 25px;
padding: 10px 0;
background-color: #ffffff;
border-radius: 2px;
border: solid 1px #37d1a0;
font-size: 14px;
color: #999999;
text-indent: 1em; }
.risk .content .form-box .inpt-wrap .imgcode {
width: 100px;
height: 45px; }
.risk .content .form-box .inpt-wrap .imgcode img {
width: 100px;
height: 45px; }
.risk .content .form-box .inpt-wrap .codebtn {
width: 100px;
height: 45px;
line-height: 45px;
background-color: #1080d0;
font-size: 14px;
color: #fefeff; }
.risk .content .form-box .inpt-wrap .codebtn.codebtndisabled {
background-color: #c2c2c2; }
.risk .content .form-box .btn {
height: 38px;
line-height: 38px;
text-align: center;
background-color: #1080d0;
border-radius: 2px;
display: block;
font-size: 17px;
color: #fefeff;
margin-top: 0.707rem; }
.risk .content .form-box .txt {
margin-top: 0.413rem;
text-align: center;
font-size: 12px;
color: #0e8f66; }
.risk-success {
width: 100%; }
.risk-success .head {
height: 6.693rem;
background-color: #37d1a0; }
.risk-success .head .tit {
width: 7.933rem;
height: 1.893rem;
background-color: #ffffff;
box-shadow: 0px 3px 9px 0px rgba(17, 166, 119, 0.55);
border-radius: 2px;
font-size: 30px;
color: #f3b717;
line-height: 1.893rem;
margin: 0 auto;
text-align: center;
font-weight: 500; }
.risk-success .head .level {
text-align: center;
color: #ffffff;
font-size: 51px;
margin-top: 0.5rem;
margin-bottom: 0.64rem; }
.risk-success .head .txt {
text-align: center;
font-size: 25px;
color: #ffffff; }
.risk-success .content {
padding-bottom: 3rem; }
.risk-success .content .list {
padding-top: 0.56rem; }
.risk-success .content .list li {
padding: 0 0 0.973rem 0; }
.risk-success .content .list li img {
width: 328px;
height: 45px;
margin: 0 auto;
display: block; }
.risk-success .content .list li .t1 {
text-align: center;
font-size: 18px;
color: #1080d0;
margin-top: 0.387rem;
margin-bottom: 0.613rem;
font-weight: bold; }
.risk-success .content .list li .t2 {
width: 84%;
margin: 0 auto;
font-size: 15px;
color: #333333;
text-align: justify; }
.risk-success .share {
position: fixed;
left: 0;
right: 0;
bottom: 10px;
margin: 0 auto;
width: 98%;
height: 59px;
background: url("../../images/risk/1.gif") no-repeat center;
background-size: cover;
display: block; }
.risk-success .shade {
position: fixed;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
z-index: 99;
background: rgba(38, 38, 38, 0.95); }
.risk-success .shade .im {
position: absolute;
right: 7px;
top: 0;
width: 248px;
height: 281px;
background: url("../../images/risk/share.png") no-repeat;
background-size: cover;
z-index: 100; }
/*# sourceMappingURL=index.css.map */
src/assets/css/risk/index.css.map 0 → 100644
{
"version": 3,
"mappings": "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",
"sources": ["index.scss"],
"names": [],
"file": "index.css"
}
src/assets/css/risk/index.scss 0 → 100644
.risk {
width: 100%;
padding-bottom: 1rem;
.banner {
width: 100%;
height: 297px;
background: url("../../images/risk/bg.png") no-repeat top;
background-size: cover;
}
.content {
position: relative;
top: -21px;
.t1 {
text-align: center;
font-size: 20px;
color: #666666;
margin-bottom: 0.293rem;
}
.t2 {
text-align: center;
font-size: 13px;
color: #666666;
}
.form-box {
width: 8.8rem;
background-color: #f6f6f6;
border-radius: 2px;
margin: 0.453rem auto 0;
padding: 0.413rem 0.653rem 0.52rem 0.653rem;
.fx {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.inpt-wrap {
margin-bottom: 0.4rem;
.inp {
width: 100%;
height: 25px;
padding: 10px 0;
background-color: #ffffff;
border-radius: 2px;
border: solid 1px #37d1a0;
font-size: 14px;
color: #999999;
text-indent: 1em;
}
.inps {
width: 54%;
height: 25px;
padding: 10px 0;
background-color: #ffffff;
border-radius: 2px;
border: solid 1px #37d1a0;
font-size: 14px;
color: #999999;
text-indent: 1em;
}
.imgcode{
width: 100px;
height: 45px;
img{
width: 100px;
height: 45px;
}
}
.codebtn {
width: 100px;
height: 45px;
line-height: 45px;
background-color: #1080d0;
font-size: 14px;
color: #fefeff;
&.codebtndisabled {
background-color: #c2c2c2;
}
}
}
.btn {
height: 38px;
line-height: 38px;
text-align: center;
background-color: #1080d0;
border-radius: 2px;
display: block;
font-size: 17px;
color: #fefeff;
margin-top: 0.707rem;
}
.txt {
margin-top: 0.413rem;
text-align: center;
font-size: 12px;
color: #0e8f66;
}
}
}
}
.risk-success {
width: 100%;
.head {
height: 6.693rem;
background-color: #37d1a0;
.tit {
width: 7.933rem;
height: 1.893rem;
background-color: #ffffff;
box-shadow: 0px 3px 9px 0px rgba(17, 166, 119, 0.55);
border-radius: 2px;
font-size: 30px;
color: #f3b717;
line-height: 1.893rem;
margin: 0 auto;
text-align: center;
font-weight: 500;
}
.level {
text-align: center;
color: #ffffff;
font-size: 51px;
margin-top: 0.5rem;
margin-bottom: 0.64rem;
}
.txt {
text-align: center;
font-size: 25px;
color: #ffffff;
}
}
.content {
padding-bottom: 3rem;
.list {
padding-top: 0.56rem;
li {
padding: 0 0 0.973rem 0;
img {
width: 328px;
height: 45px;
margin: 0 auto;
display: block;
}
.t1 {
text-align: center;
font-size: 18px;
color: #1080d0;
margin-top: 0.387rem;
margin-bottom: 0.613rem;
font-weight: bold;
}
.t2 {
width: 84%;
margin: 0 auto;
font-size: 15px;
color: #333333;
text-align: justify;
}
}
}
}
.share {
position: fixed;
left: 0;
right: 0;
bottom: 10px;
margin: 0 auto;
width: 98%;
height: 59px;
background: url("../../images/risk/1.gif") no-repeat center;
background-size: cover;
display: block;
}
.shade{
position: fixed;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
z-index: 99;
background: rgba(38,38,38,0.95);
.im{
position: absolute;
right: 7px;
top: 0;
width: 248px;
height: 281px;
background: url("../../images/risk/share.png") no-repeat;
background-size: cover;
z-index: 100;
}
}
}
\ No newline at end of file
src/assets/css/sample/sample.min.css
.sample {padding-bottom: 50px;}.sample .ele{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sample .banner{height:173px;width:100%;background:url("../../images/sample/samplebanner.png") no-repeat;background-size:100% 100%}.sample .zititle{padding:15px}.sample .zititle span{color:#333;font-size:16px}.sample .zititle font{font-size:12px;color:#999;margin-left:10px;height:20px;line-height:20px}.sample .nav{padding:0 15px }.sample .nav .van-hairline--top-bottom::after{border-width:0 0 1px 0}.sample .con .con-group{padding:15px;padding-bottom:0px}.sample .con .con-group .img-box{width:2.933rem;height:2.933rem}.sample .con .con-group .img-box img{width:100%;height:100%}.sample .con .con-group .cb-box{width:6rem;height:2.933rem;padding-bottom:15px}.sample .con .con-group .cb-box .title{color:#333;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:.15rem}.sample .con .con-group .cb-box p{color:#333;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:.45rem;line-height:.45rem}.sample .con .con-group .cb-box p span{color:#666}.sample .con .con-group .cb-box .btnx{width:3.5rem;height:.7rem;line-height:.7rem;border-radius:4px;background:#1080d0;color:#fff;text-align:center;cursor:pointer;margin-top:.2rem}@media screen and (max-width:320px){.sample .con .con-group .cb-box{width:5.8rem;height:2.933rem}.sample .con .con-group .cb-box .title{margin-bottom:.05rem}}.sample .fix-btns{position:fixed;left:0;bottom:0;right:0;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;background:#1080d0;box-shadow:0 0 10px #000;cursor:pointer}.sample .get-user-pop .get-user-con{background:#fff;width:8.667rem;height:5.52rem;border-radius:3px;position:fixed;top:50%;left:50%;margin-left:-4.3335rem;margin-top:-2.76rem;box-shadow:0 0 20px #e5e5e5;z-index:99999}.sample .get-user-pop .get-user-con h3{color:#ffa200;font-size:16px;height:2.027rem;line-height:2.027rem;text-align:center}.sample .get-user-pop .get-user-con h3 i{position:relative;float:right;top:-1.4rem;color:#fff;font-size:20px}.sample .get-user-pop .get-user-con h2{color:#000;font-size:14px;text-align:center;width:60%;margin:0 auto}.sample .get-user-pop .get-user-con span{display:block;cursor:pointer;height:30px;line-height:30px;width:150px;text-align:center;background:#1080d0;color:#fff;font-size:14px;border-radius:30px;margin:0 auto;margin-top:50px}.sample .get-user-pop .mask{position:fixed;bottom:0;top:0;left:0;right:0;background:rgba(0,0,0,0.3);z-index:999}
\ No newline at end of file
.sample{padding-bottom:50px}.sample .ele{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sample .banner{height:173px;width:100%;background:url("../../images/sample/samplebanner.png") no-repeat;background-size:100% 100%}.sample .zititle{padding:15px}.sample .zititle span{color:#333;font-size:16px}.sample .zititle font{font-size:12px;color:#999;margin-left:10px;height:20px;line-height:20px}.sample .fx_text{color:#999;text-align:right}.sample .fx_text div{padding:0 15px 10px}.sample .fx_text span{color:#ffa200}.sample .nav{padding:0 15px }.sample .nav .van-hairline--top-bottom::after{border-width:0 0 1px 0}.sample .con .con-group{padding:15px;padding-bottom:0px}.sample .con .con-group .img-box{width:2.933rem;height:2.933rem}.sample .con .con-group .img-box img{width:100%;height:100%}.sample .con .con-group .cb-box{width:6rem;height:2.933rem;padding-bottom:15px}.sample .con .con-group .cb-box .title{color:#333;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:.15rem}.sample .con .con-group .cb-box p{color:#333;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:.45rem;line-height:.45rem}.sample .con .con-group .cb-box p span{color:#666}.sample .con .con-group .cb-box .btnx{width:3.5rem;height:.7rem;line-height:.7rem;border-radius:4px;background:#1080d0;color:#fff;text-align:center;cursor:pointer;margin-top:.2rem}@media screen and (max-width:320px){.sample .con .con-group .cb-box{width:5.8rem;height:2.933rem}.sample .con .con-group .cb-box .title{margin-bottom:.05rem}}.sample .fix-btns{position:fixed;left:0;bottom:0;right:0;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;background:#1080d0;box-shadow:0 0 10px #000;cursor:pointer}.sample .get-user-pop .get-user-con{background:#fff;width:8.667rem;height:5.52rem;border-radius:3px;position:fixed;top:50%;left:50%;margin-left:-4.3335rem;margin-top:-2.76rem;box-shadow:0 0 20px #e5e5e5;z-index:99999}.sample .get-user-pop .get-user-con h3{color:#ffa200;font-size:16px;height:2.027rem;line-height:2.027rem;text-align:center}.sample .get-user-pop .get-user-con h3 i{position:relative;float:right;top:-1.4rem;color:#fff;font-size:20px}.sample .get-user-pop .get-user-con h2{color:#000;font-size:14px;text-align:center;width:60%;margin:0 auto}.sample .get-user-pop .get-user-con span{display:block;cursor:pointer;height:30px;line-height:30px;width:150px;text-align:center;background:#1080d0;color:#fff;font-size:14px;border-radius:30px;margin:0 auto;margin-top:50px}.sample .get-user-pop .mask{position:fixed;bottom:0;top:0;left:0;right:0;background:rgba(0,0,0,0.3);z-index:999}
\ No newline at end of file
src/assets/css/smt/index.scss
......@@ -19,6 +19,28 @@
&.head-form-mt{
bottom: -3rem;
}
dl {
border-bottom: 1px solid #dcdcdc;
margin: 0 0.667rem;
height: 40px; background: #fff; border-top: none;
dt { font-size: 14px; width:27%; text-align: right; float: left; height:40px; line-height:40px; color: #666; }
dd {
font-size: 14px; width: 73%; float: left; height: 40px; line-height: 40px;
input,textarea{width: 96%; height: 20px; line-height:20px; margin: 10px 0; padding: 0; font-size: 14px; float: left; border: 0; color: #333; border-radius: 0;}
.verifyCode{ width: 38%; }
.codeButton{
background: none; color:#1080d0;width: 80px;padding: 0; text-align: center; height: 20px; line-height: 20px; margin-left: 25px;float:right;margin-right: 15px;
&.dis{color: #999;}
}
}
}
.updateCodeImg{
.code-text{width:55%!important;}
.code{
width:45%!important;
img{width:100%;height:40px;}
}
}
.inp-wrap {
border-bottom: 1px solid #dcdcdc;
margin: 0 0.667rem;
......@@ -38,7 +60,7 @@
color: #333333;
font-size: 14px;
&.w1 {
width: 44%;
width: 39%;
}
}
.code-text {
......
src/assets/css/special/index.css 0 → 100644
.special {
width: 100%;
background: #fd4e40;
padding-bottom: 1.143rem; }
.special .header {
width: 100%;
height: 15rem;
background: url("../../images/special/banner.jpg") no-repeat top;
background-size: cover; }
.special .header .wrap {
position: absolute;
bottom: 3.6rem;
left: 0;
right: 0;
margin: 0 auto;
width: 9.2rem;
background-color: #ffffff;
border-radius: 4px;
padding-top: 0.693rem;
padding-bottom: 0.667rem; }
.special .header .wrap .inp {
width: 7.333rem;
height: 40px;
background: rgba(189, 188, 187, 0.1);
margin: 0 auto 0.253rem;
display: flex;
flex-direction: row;
align-items: center; }
.special .header .wrap .inp .ico {
width: 12px;
height: 20px;
background: url("../../images/special/mobile.png") no-repeat center;
background-size: cover;
margin-left: 0.4rem;
margin-right: 0.3rem; }
.special .header .wrap .inp .line {
width: 1px;
height: 16px;
background: rgba(189, 188, 187, 0.6); }
.special .header .wrap .inp .inpt {
background: none;
margin: 10px 0;
color: #bdbcbb;
padding-left: 0.3rem; }
.special .header .wrap .inp .inpt::-webkit-input-placeholder {
color: #bdbcbb;
opacity: 0.6; }
.special .header .wrap .code {
width: 7.467rem;
height: 40px;
margin: 0 auto 0.253rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between; }
.special .header .wrap .code .l {
background: rgba(189, 188, 187, 0.1);
white-space: nowrap;
width: 4.667rem;
height: 40px; }
.special .header .wrap .code .l .ico {
width: 17px;
height: 17px;
background: url("../../images/special/msg.png") no-repeat center;
background-size: cover;
margin-left: 0.4rem;
margin-right: 0.2rem; }
.special .header .wrap .code .l .line {
width: 1px;
height: 16px;
background: rgba(189, 188, 187, 0.6); }
.special .header .wrap .code .l .inpt {
background: none;
margin: 10px 0;
color: #bdbcbb;
padding-left: 0.3rem; }
.special .header .wrap .code .l .inpt::-webkit-input-placeholder {
color: #bdbcbb;
opacity: 0.6; }
.special .header .wrap .code .imgcode {
height: 40px; }
.special .header .wrap .code .imgcode img {
width: 2.573rem;
height: 40px; }
.special .header .wrap .code .codebtn {
width: 2.573rem;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ff8f1b;
border-radius: 2px;
display: inline-block;
font-size: 13px;
color: #ffffff; }
.special .header .wrap .code .codebtn.codebtndisabled {
background-color: #c2c2c2; }
.special .header .wrap .btn {
margin-top: 0.48rem;
width: 7.333rem;
height: 40px;
line-height: 40px;
text-align: center;
background-image: linear-gradient(90deg, #ff3b00 0%, #ff901b 100%);
border-radius: 2px;
display: block;
font-size: 15px;
color: #fff; }
.special .list-a {
margin: 0 0.4rem 0.4rem 0.4rem;
background-color: #ffffff;
border-radius: 4px;
padding: 0.693rem 0 0.45rem 0; }
.special .list-a .tit {
width: 241px;
height: 13px;
background: url("../../images/special/bb.png") no-repeat center;
background-size: cover;
margin: 0 auto 0.747rem; }
.special .list-a ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap; }
.special .list-a ul li {
width: 2.813rem;
height: 4.813rem;
background-color: #ffffff;
margin-bottom: 0.12rem;
margin-right: 0.093rem; }
.special .list-a ul li:nth-of-type(3n) {
margin-right: 0; }
.special .list-a ul li a {
display: block; }
.special .list-a ul li a img {
width: 100%;
height: 100%; }
.special .list-b {
margin: 0 0.4rem;
background-color: #ffffff;
border-radius: 4px;
padding: 0.693rem 0 0.45rem 0; }
.special .list-b .tit {
width: 241px;
height: 13px;
background: url("../../images/special/cc.png") no-repeat center;
background-size: cover;
margin: 0 auto 0.747rem; }
.special .list-b ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap; }
.special .list-b ul li {
width: 2.667rem;
height: 1.067rem;
background-color: #ffffff;
margin-bottom: 0.2rem;
margin-right: 0.2rem;
border: 1px solid #e5e5e5; }
.special .list-b ul li:nth-of-type(3n) {
margin-right: 0; }
.special .list-b ul li a {
display: block; }
.special .list-b ul li a img {
width: 100%;
height: 100%; }
.special .foot {
padding: 0 .747rem;
margin-top: 1.093rem;
margin-bottom: 1.147rem; }
.special .foot ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 0.28rem; }
.special .foot li {
display: flex;
flex-direction: row;
align-items: center; }
.special .foot li img {
width: 0.933rem;
height: 0.933rem; }
.special .foot li .text {
margin-left: 0.3rem;
width: 3rem; }
.special .foot li .text p {
color: #ffffff;
font-size: 11px;
opacity: 0.8; }
.special .btn {
width: 7.62rem;
height: 1.24rem;
background: url("../../images/special/btn.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto; }
/*# sourceMappingURL=index.css.map */
src/assets/css/special/index.css.map 0 → 100644
{
"version": 3,
"mappings": "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",
"sources": ["index.scss"],
"names": [],
"file": "index.css"
}
src/assets/css/special/index.scss 0 → 100644
.special {
width: 100%;
background: #fd4e40;
padding-bottom: 1.143rem;
.header {
width: 100%;
height: 15rem;
background: url("../../images/special/banner.jpg") no-repeat top;
background-size: cover;
.wrap{
position: absolute;
bottom: 3.6rem;
left: 0;
right: 0;
margin: 0 auto;
width: 9.2rem;
background-color: #ffffff;
border-radius: 4px;
padding-top: 0.693rem;
padding-bottom: 0.667rem;
.inp{
width: 7.333rem;
height: 40px;
background: rgba(189,188,187,0.1);
margin: 0 auto 0.253rem;
display: flex;
flex-direction: row;
align-items: center;
.ico{
width: 12px;
height: 20px;
background: url("../../images/special/mobile.png") no-repeat center;
background-size: cover;
margin-left: 0.4rem;
margin-right: 0.3rem;
}
.line{
width: 1px;
height: 16px;
background: rgba(189,188,187,0.6);
}
.inpt{
background: none;
margin: 10px 0;
color: #bdbcbb;
padding-left: 0.3rem;
&::-webkit-input-placeholder {
color: #bdbcbb;
opacity: 0.6;
}
}
}
.code{
width: 7.467rem;
height: 40px;
margin: 0 auto 0.253rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.l{
background: rgba(189,188,187,0.1);
white-space: nowrap;
width: 4.667rem;
height: 40px;
.ico{
width: 17px;
height: 17px;
background: url("../../images/special/msg.png") no-repeat center;
background-size: cover;
margin-left: 0.4rem;
margin-right: 0.2rem;
}
.line{
width: 1px;
height: 16px;
background: rgba(189,188,187,0.6);
}
.inpt{
background: none;
margin: 10px 0;
color: #bdbcbb;
padding-left: 0.3rem;
&::-webkit-input-placeholder {
color: #bdbcbb;
opacity: 0.6;
}
}
}
.imgcode{
height: 40px;
img{
width: 2.573rem;
height: 40px;
}
}
.codebtn{
width: 2.573rem;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ff8f1b;
border-radius: 2px;
display: inline-block;
font-size: 13px;
color: #ffffff;
&.codebtndisabled{
background-color: #c2c2c2;
}
}
}
.btn{
margin-top: 0.48rem;
width: 7.333rem;
height: 40px;
line-height: 40px;
text-align: center;
background-image: linear-gradient(90deg, #ff3b00 0%, #ff901b 100%);
border-radius: 2px;
display: block;
font-size: 15px;
color: #fff;
}
}
}
.list-a {
margin: 0 0.4rem 0.4rem 0.4rem;
background-color: #ffffff;
border-radius: 4px;
padding: 0.693rem 0 0.45rem 0;
.tit {
width: 241px;
height: 13px;
background: url("../../images/special/bb.png") no-repeat center;
background-size: cover;
margin: 0 auto 0.747rem;
}
ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
li {
width: 2.813rem;
height: 4.813rem;
background-color: #ffffff;
margin-bottom: 0.12rem;
margin-right: 0.093rem;
&:nth-of-type(3n) {
margin-right: 0;
}
a {
display: block;
img {
width: 100%;
height: 100%;
}
}
}
}
}
.list-b {
margin: 0 0.4rem;
background-color: #ffffff;
border-radius: 4px;
padding: 0.693rem 0 0.45rem 0;
.tit {
width: 241px;
height: 13px;
background: url("../../images/special/cc.png") no-repeat center;
background-size: cover;
margin: 0 auto 0.747rem;
}
ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
li {
width: 2.667rem;
height: 1.067rem;
background-color: #ffffff;
margin-bottom: 0.2rem;
margin-right: 0.2rem;
border: 1px solid #e5e5e5;
&:nth-of-type(3n) {
margin-right: 0;
}
a {
display: block;
img {
width: 100%;
height: 100%;
}
}
}
}
}
.foot {
padding: 0 .747rem;
margin-top: 1.093rem;
margin-bottom: 1.147rem;
ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 0.28rem;
}
li {
display: flex;
flex-direction: row;
align-items: center;
img {
width: 0.933rem;
height: 0.933rem;
}
.text {
margin-left: 0.3rem;
width: 3rem;
p {
color: #ffffff;
font-size: 11px;
opacity: 0.8;
}
}
}
}
.btn{
width: 7.62rem;
height: 1.24rem;
background: url("../../images/special/btn.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto;
}
}
src/assets/css/supplier/index.scss
......@@ -22,6 +22,28 @@
background-color: #ffffff;
border-radius: 3px;
align-items: center;
dl.updateCodeImg{
border-bottom: 1px solid #3a4455;
height: 40px; background: #fff; border-top: none;
dt { font-size: 14px; width:27%; text-align: right; float: left; height:40px; line-height:40px; color: #666; }
dd {
font-size: 14px; width: 73%; float: left; height: 40px; line-height: 40px;
input,textarea{width: 96%; height: 20px; line-height:20px; margin: 10px 0; padding: 0; font-size: 14px; float: left; border: 0; color: #333; border-radius: 0;}
.verifyCode{ width: 38%; }
.codeButton{
background: none; color:#1080d0;width: 80px;padding: 0; text-align: center; height: 20px; line-height: 20px; margin-left: 25px;float:right;margin-right: 15px;
&.dis{color: #999;}
}
}
}
.updateCodeImg{
.code-text{width:55%!important;}
.code{
width:45%!important;
img{width:100%;height:40px;}
}
}
dd.inp-wrap {
position: relative;
width: 100%;
......
src/assets/images/rank/p2.jpg
src/assets/images/rank/p2.jpg

431 KB | W: | H:

src/assets/images/rank/p2.jpg

441 KB | W: | H:

src/assets/images/rank/p2.jpg
src/assets/images/rank/p2.jpg
src/assets/images/rank/p2.jpg
src/assets/images/rank/p2.jpg
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/rank/p5.jpg
src/assets/images/rank/p5.jpg

462 KB | W: | H:

src/assets/images/rank/p5.jpg

615 KB | W: | H:

src/assets/images/rank/p5.jpg
src/assets/images/rank/p5.jpg
src/assets/images/rank/p5.jpg
src/assets/images/rank/p5.jpg
  • 2-up
  • Swipe
  • Onion skin
src/router.js
......@@ -40,17 +40,23 @@ const userAddress = resolve => require(['@/views/user/address'], resolve);
const brand = resolve => require(['@/views/brand/brand'], resolve);
const brandList = resolve => require(['@/views/brand/brandList'], resolve);
const ranking = resolve => require(['@/views/rank/ranking'], resolve);
const Download = resolve => require(['@/views/download/Index'], resolve);
const sample = resolve => require(['@/views/sample/sample'], resolve);
const sampleapply = resolve => require(['@/views/sample/sampleapply'], resolve);
const Special = resolve => require(['@/views/special/Index'], resolve);
const Risk = resolve => require(['@/views/risk/Index'], resolve);
const RiskSuccess = resolve => require(['@/views/risk/Success'], resolve);
Vue.use(Router);
const routes = [{
path: '/',
component: Home,
meta: {
title: '猎芯网'
}
},
path: '/',
component: Home,
meta: {
title: '猎芯网 - 电子元器件_ic交易网_电子元件/元器件批发采购网上商城平台'
}
},
{
path: '/smt',
component: Smt,
......@@ -114,7 +120,7 @@ const routes = [{
back: true
}
},
{
path: '/exchange',
component: Exchange,
......@@ -334,6 +340,13 @@ const routes = [{
}
},
{
path: '/downoad',
component: Download,
meta: {
title: '资料下载'
}
},
{
path: '/sample',
component: sample,
meta: {
......@@ -342,7 +355,7 @@ const routes = [{
},
{
path: '/sampleapply',
name:"sampleapply",
name: "sampleapply",
component: sampleapply,
meta: {
title: '样片申请',
......@@ -350,6 +363,28 @@ const routes = [{
}
},
{
path: '/creditest',
component: Risk,
meta: {
title: 'IC信用贷',
}
},
{
path: '/creditestsuccess',
component: RiskSuccess,
meta: {
title: 'IC信用贷',
}
},
{
path: '/special',
name: "special",
component: Special,
meta: {
title: '',
}
},
{
path: '*',
redirect: '/'
}
......
src/store/modules/chain/chain.js
......@@ -20,7 +20,8 @@ const actions = {
state.formCodeStatus=false;
var params = {
verify: payload.verify,
mobile: payload.mobile
mobile: payload.mobile,
channel:0
}
Services.smsVerify(qs.stringify(params)).then((res) => {
state.loading=false;
......
src/store/modules/download/index.js 0 → 100644
import Vue from 'vue'
import {Toast} from 'vant';
import {services as Services} from '../../../api/index'
import Util from '../../../util/index'
Vue.use(Toast);
const state = {
loading: false,
getfileuploadbanner: [],
articleShowData: [],
}
const mutations = {
getfileuploadbanner(state, payload) {
state.getfileuploadbanner = payload.data;
},
articleShowData(state, payload) {
state.articleShowData = payload.data;
}
}
const actions = {
getfileuploadbanner({commit}, payload) {
var params = Util.getParams();
Services.getfileuploadbanner(params).then((res) => {
let data = res.data;
if (data.err_code == 0) {
commit({
type: 'getfileuploadbanner',
data: data.data.data
});
}
}).catch(function (err) {
});
},
downloadFile: function ({commit}, payload) {
var param = {
data_id: payload.id
}
var params = Util.getParams(param);
Services.downloadFile(params).then((res) => {
let data = res.data;
if (data.err_code == 0) {
let platform = Util.isUerAgent();
if (platform == 'ios') {
Toast({
message: '该文件只能在safari浏览器中下载保存，请在safari中打开页面并下载\n',
duration: 2000
});
setTimeout(() => {
window.location.href = data.data[0].file_url;
}, 2000)
} else {
window.location.href = data.data[0].file_url;
}
} else if (data.err_code == 1) {
Toast({
message: data.err_msg,
duration: 2000
});
setTimeout(function () {
window.location.href = '/v3/login?referer=%2fh5%2fview%2f%23%2fdownoad&from=download'
}, 2000);
} else {
Toast({
message: data.err_msg,
duration: 2000
});
}
}).catch(function (err) {
});
},
articleShowData({commit}, payload) {
var params = Util.getParams();
Services.articleShowData(params).then((res) => {
let data = res.data;
if (data.err_code == 0) {
commit({
type: 'articleShowData',
data: data.data
});
} else {
Toast({
message: data.err_msg,
duration: 2000
});
}
}).catch(function (err) {
});
}
}
const getters = {}
export default {
state,
mutations,
actions,
getters
}
\ No newline at end of file
src/store/modules/smt/index.js
......@@ -7,7 +7,9 @@ var qs = require('qs');
Vue.use(Toast);
const state = {
loading: false
loading: false,
formCodeStatus:false,//短信是否发送成功
formImgShow:false,//图片验证码是否显示
}
const mutations = {
......@@ -40,9 +42,10 @@ const actions = {
},
customSmsVerify({commit}, payload) {
state.loading = true;
state.formCodeStatus=false;
var params = {
verify: '',
channel:0,
verify: payload.verify,
mobile: payload.mobile
}
......@@ -50,10 +53,17 @@ const actions = {
let data = res.data;
state.loading = false;
if (data.err_code == 0) {
state.formCodeStatus=true;
Toast({
message: data.err_msg,
duration: 2000
});
}else if(data.err_code==10001||data.err_code==10002){
Toast({
message: data.err_msg,
duration: 2000
});
state['formImgShow']=true;
} else {
Toast({
message: data.err_msg,
......
src/store/modules/special/index.js 0 → 100644
import Vue from 'vue'
import {Toast} from 'vant';
import {services as Services} from '../../../api/index'
var qs = require('qs');
Vue.use(Toast);
const state = {
formImgShow: false,
countDown: false
}
const mutations = {
getfileuploadbanner(state, payload) {
state.getfileuploadbanner = payload.data;
},
articleShowData(state, payload) {
state.articleShowData = payload.data;
}
}
const actions = {
actionLogins({commit}, payload) {
const toast = Toast.loading({
forbidClick: true
});
//IC信用贷
if (payload.from == 'risk') {
var params = {
com_name: payload.com_name,
user_name: payload.user_name,
account: payload.account,
sms_verify: payload.sms_verify,
"ptag": 'edcp'
}
} else {
var params = {
account: payload.account,
sms_verify: payload.sms_verify
}
}
Services.actionLogins(qs.stringify(params)).then((res) => {
let data = res.data;
if (data.err_code == 0) {
setTimeout(function () {
toast.clear();
if (payload.from == 'risk') {
window.location.href = "/h5/view/#/creditestsuccess";
} else {
window.location.href = "/";
}
}, 1000)
} else {
toast.clear();
Toast({
message: data.err_msg,
duration: 3000
});
}
}).catch(function (err) {
state.loading = false;
});
},
smsVerifys({commit}, payload) {
var params = {
mobile: payload.mobile,
verify: payload.verify,
channel: 1
};
Services.smsVerifys(qs.stringify(params)).then((res) => {
let data = res.data;
if (data.err_code == 0) {
state.formImgShow = false;
state.countDown = true;
} else if (data.err_code == 10001 || data.err_code == 10002) {
state.formImgShow = true;
state.countDown = false;
Toast({
message: data.err_msg,
duration: 2000
});
} else {
Toast({
message: data.err_msg,
duration: 3000
});
}
}).catch(function (err) {
});
},
countDownflag({commit}, payload) {
state.countDown = false;
}
}
const getters = {}
export default {
state,
mutations,
actions,
getters
}
\ No newline at end of file
src/store/store.js
......@@ -26,10 +26,12 @@ import userInfo from './modules/user/userInfo'
import address from './modules/user/address'
import brand from './modules/brand/brand'
import rank from './modules/rank/index'
import download from './modules/download/index'
import sample from './modules/sample/index'
import sampleapply from './modules/sample/sampleapply'
Vue.use(Vuex)
import special from './modules/special/index'
Vue.use(Vuex)
export default new Vuex.Store({
......@@ -60,7 +62,9 @@ export default new Vuex.Store({
address,
brand,
rank,
download,
sample,
sampleapply
sampleapply,
special
}
})
src/util/index.js
......@@ -104,12 +104,12 @@ export default {
* *
* /
*/
isLogin(){
var state_=0;
if(this.getCookie("Yo4teW_uid")){
state_= 2;//强弱登录态
if(this.getCookie("Yo4teW_skey")){
state_=1;//强登录态
isLogin() {
var state_ = 0;
if (this.getCookie("Yo4teW_uid")) {
state_ = 2;//强弱登录态
if (this.getCookie("Yo4teW_skey")) {
state_ = 1;//强登录态
}
}
return state_
......@@ -120,8 +120,8 @@ export default {
* *
* /
*/
loginBack:function(){
loginBack: function () {
},
/**
* *
......@@ -129,13 +129,13 @@ export default {
* *
* /
*/
compare(property,state){
return function(a,b){
compare(property, state) {
return function (a, b) {
var value1 = a[property];
var value2 = b[property];
if(state){
if (state) {
return value1 - value2;
}else{
} else {
return value2 - value1;
}
}
......@@ -146,12 +146,12 @@ export default {
* *
* /
*/
distinct(array){
distinct(array) {
var arr = array,
result = [],i,j,len = arr.length;
for(i = 0; i < len; i++){
for(j = i + 1; j < len; j++){
if(arr[i] === arr[j]){
result = [], i, j, len = arr.length;
for (i = 0; i < len; i++) {
for (j = i + 1; j < len; j++) {
if (arr[i] === arr[j]) {
j = ++i;
}
}
......@@ -160,13 +160,29 @@ export default {
return result;
},
/**
* 判断终端
* @param
*/
isUerAgent() {
var u = navigator.userAgent;
var platform = '';
if (u.indexOf('Android') > -1 || u.indexOf('Adr') > -1) {
platform = 'android'
} else if (!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
platform = 'ios'
} else {
platform = 'pc'
}
return platform;
},
/**
* *
* 数字解密
* *
* /
*/
aggxde(str){
var str=String(str);
aggxde(str) {
var str = String(str);
if (str && str.indexOf("font") != -1) {
var sff = (str.split('class="'));
sff.shift();
......@@ -192,9 +208,9 @@ export default {
}
}
return Number(numb)
}else{
} else {
return Number(str)
}
}
}
src/views/brand/brand.vue
......@@ -2,7 +2,7 @@
<section class="brand">
<Header :title="title" :meaushow='meaushow' v-show="xiding"></Header>
<van-tabs @change="getData" v-show="xiding">
<van-tab v-for="item in tabs" :title="item.text" :brand_area="title.brand_area" >
<van-tab v-for="item in tabs" :key="item" :title="item.text" :brand_area="title.brand_area" >
</van-tab>
</van-tabs>
<!--索引分类-->
......
src/views/common/Header.vue
<template>
<section class="head-dom">
<div class="header-page clr" :style="{'background':bgcolor,'borderBottom':borderBottom}">
<i v-if="historyb" class="icon iconfont icon-xiangzuo fl" @click="toSomeThing"></i>
<i v-else class="icon iconfont icon-xiangzuo fl" @click="historyback"></i>
<div v-if="isCar">
<div class="car-title clr">
<span class="fl" :class="{'act':(type==1)}" @click="listTab(1)" v-back-top-window>联营(<font>{{ly1Length+ly2Length}}</font>)</span>
<span class="fl" :class="{'act':(type==2)}" @click="listTab(2)" v-back-top-window>自营(<font>{{zy1Length}}</font>)</span>
<section class="head-dom">
<div class="header-page clr" :style="{'background':bgcolor,'borderBottom':borderBottom}">
<i v-if="historyb" class="icon iconfont icon-xiangzuo fl" @click="toSomeThing"></i>
<i v-else class="icon iconfont icon-xiangzuo fl" @click="historyback"></i>
<div v-if="isCar">
<div class="car-title clr">
<span class="fl" :class="{'act':(type==1)}" @click="listTab(1)" v-back-top-window>联营(<font>{{ly1Length+ly2Length}}</font>)</span>
<span class="fl" :class="{'act':(type==2)}" @click="listTab(2)" v-back-top-window>自营(<font>{{zy1Length}}</font>)</span>
</div>
</div>
<div class="search" v-else-if="inputShow">
<van-icon name="search" size="18px" color="#666"/>
<van-field placeholder="请输入元器件型号、参数，查找全站库存数据" @focus="toSearch"/>
</div>
<h3 class="title fl" v-else>{{title}}</h3>
<Menu :download="download" v-if="meaushow" :color="color"></Menu>
</div>
</div>
<div class="search" v-else-if="inputShow">
<van-icon name="search" size="18px" color="#666"/>
<van-field placeholder="请输入元器件型号、参数，查找全站库存数据" @focus="toSearch"/>
</div>
<h3 class="title fl" v-else>{{title}}</h3>
<Menu v-if="meaushow" :color="color"></Menu>
</div>
</section>
</section>
</template>
<script>
import Menu from "@/views/common/Menu.vue";
import { Icon, Field } from "vant";
export default {
name: "header-page",
props: {
color: {
type: String,
default: ""
},
historyb: {
type: Boolean,
default: false
},
import Menu from "@/views/common/Menu.vue";
import {Icon, Field} from "vant";
zy1Length: {
type: Number,
default:0
},
ly1Length: {
type: Number,
default: 0
},
ly2Length: {
type: Number,
default:0
},
bgcolor:{
type: String,
default: "#f3f3f3"
},
isCar:{
type: Boolean,
default: false
},
inputShow: {
type: Boolean,
default: false
export default {
name: "header-page",
props: {
color: {
type: String,
default: ""
},
historyb: {
type: Boolean,
default: false
},
download: {
type: Boolean,
default: true
},
zy1Length: {
type: Number,
default: 0
},
ly1Length: {
type: Number,
default: 0
},
ly2Length: {
type: Number,
default: 0
},
bgcolor: {
type: String,
default: "#f3f3f3"
},
isCar: {
type: Boolean,
default: false
},
inputShow: {
type: Boolean,
default: false
},
title: {
type: String,
default: "猎芯网"
},
meaushow: {
type: Boolean,
default: false
}
},
title: {
type: String,
default: "猎芯网"
data() {
return {
type: 1,//自营2 //联营1,
borderBottom: "0px"
};
},
meaushow: {
type: Boolean,
default: false
}
},
data() {
return {
type:1,//自营2 //联营1,
borderBottom:"0px"
};
},
mounted() {},
created(){
if(this.bgcolor=="#fff"){
this.borderBottom="1px solid #d6d7dc"
}
},
methods: {
historyback: function() {
history.go(-1);
mounted() {
},
toSearch(){
this.$emit('toSearch')
created() {
if (this.bgcolor == "#fff") {
this.borderBottom = "1px solid #d6d7dc"
}
},
toSomeThing(){
this.$emit('toSomeThing')
methods: {
historyback: function () {
history.go(-1);
},
toSearch() {
this.$emit('toSearch')
},
toSomeThing() {
this.$emit('toSomeThing')
},
listTab(type) {
this.type = type;
this.$emit('listTab', type)
}
},
listTab(type){
this.type=type;
this.$emit('listTab',type)
components: {
"van-field": Field,
"van-icon": Icon,
Menu
}
},
components: {
"van-field": Field,
"van-icon": Icon,
Menu
}
};
};
</script>
<style lang="scss" scoped>
.head-dom {
padding-top: 44px;
.head-dom {
padding-top: 44px;
.header-page {
border-bottom:1px solid #d6d7dc;
height: 44px;
width: 100%;
padding: 0 0.2rem;
position: fixed;
z-index: 3;
top: 0;
box-sizing: border-box;
.car-title{
width:170px;
position: fixed;
top:0px;
left:50%;
margin-left:-85px;
span{
cursor: pointer;
width:80px;
height:44px;
line-height: 44px;
text-align: center;
font-size: 18px;
&.act{
color:#1080d0;
border-bottom:2px solid #1080d0;
height:42px;
}
font{color:#1080d0;}
}
}
i {
font-size: 18px;
margin-top: 13px;
color: #666;
}
.header-page {
border-bottom: 1px solid #d6d7dc;
height: 44px;
width: 100%;
padding: 0 0.2rem;
position: fixed;
z-index: 3;
top: 0;
box-sizing: border-box;
h3 {
font-size: 16px;
color: #333;
width: 68%;
line-height: 44px;
text-align: center;
height: 44px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px 10% !important;
}
.search {
position: absolute;
left: 40px;
right: 60px;
background: #fff;
height: 30px;
margin: 7px 0;
border-radius: 15px;
padding: 5px 10px 5px 30px;
box-sizing: border-box;
.van-icon {
position: absolute;
left: 10px;
height: 20px;
line-height: 21px;
margin-top: 0;
}
.van-cell {
display: inline-flex;
padding: 0;
line-height: 21px;
font-size: 12px;
color: #333;
}
.car-title {
width: 170px;
position: fixed;
top: 0px;
left: 50%;
margin-left: -85px;
span {
cursor: pointer;
width: 80px;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 18px;
&.act {
color: #1080d0;
border-bottom: 2px solid #1080d0;
height: 42px;
}
font {
color: #1080d0;
}
}
}
i {
font-size: 18px;
margin-top: 13px;
color: #666;
}
h3 {
font-size: 16px;
color: #333;
width: 68%;
line-height: 44px;
text-align: center;
height: 44px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px 10% !important;
}
.search {
position: absolute;
left: 40px;
right: 60px;
background: #fff;
height: 30px;
margin: 7px 0;
border-radius: 15px;
padding: 5px 10px 5px 30px;
box-sizing: border-box;
.van-icon {
position: absolute;
left: 10px;
height: 20px;
line-height: 21px;
margin-top: 0;
}
.van-cell {
display: inline-flex;
padding: 0;
line-height: 21px;
font-size: 12px;
color: #333;
}
}
}
}
}
}
</style>
src/views/common/Menu.vue
......@@ -7,21 +7,52 @@
<i class="popover-arrow"></i>
<ul class="menu-view">
<li>
<a href="/v3"><i class="icon iconfont icon-shouye"></i>首页</a></li>
<template v-if="download">
<a href="/v3"><i class="icon iconfont icon-shouye"></i>首页</a>
</template>
<template v-else>
<a href="/v3/login?referer=%2fh5%2fview%2f%23%2fdownoad&from=download"><i class="icon iconfont icon-shouye"></i>首页</a>
</template>
</li>
<li>
<a href="/v3/lxshop"><i class="icon iconfont icon-lianying"></i>联营商城</a>
<template v-if="download">
<a href="/v3/lxshop"><i class="icon iconfont icon-lianying"></i>联营商城</a>
</template>
<template v-else>
<a href="/v3/login?referer=%2fh5%2fview%2f%23%2fdownoad&from=download"><i class="icon iconfont icon-lianying"></i>联营商城</a>
</template>
</li>
<li>
<a href="/product"><i class="icon iconfont icon-liexinziying"></i>自营现货</a>
<template v-if="download">
<a href="/product"><i class="icon iconfont icon-liexinziying"></i>自营现货</a>
</template>
<template v-else>
<a href="/v3/login?referer=%2fh5%2fview%2f%23%2fdownoad&from=download"><i class="icon iconfont icon-liexinziying"></i>自营现货</a>
</template>
</li>
<li>
<a href="/v3/brand/map"><i class="icon iconfont icon-pinpai"></i>品牌之家</a>
<template v-if="download">
<a href="/v3/brand/map"><i class="icon iconfont icon-pinpai"></i>品牌之家</a>
</template>
<template v-else>
<a href="/v3/login?referer=%2fh5%2fview%2f%23%2fdownoad&from=download"><i class="icon iconfont icon-pinpai"></i>品牌之家</a>
</template>
</li>
<li class="mui-table-view-cell ">
<a class="zytabgo" href="/v3/joincart"><i class="icon iconfont icon-gouwuche1"></i>购物车</a>
<li class="mui-table-view-cell">
<template v-if="download">
<a class="zytabgo" href="/v3/joincart"><i class="icon iconfont icon-gouwuche1"></i>购物车</a>
</template>
<template v-else>
<a class="zytabgo" href="/v3/login?referer=%2fh5%2fview%2f%23%2fdownoad&from=download"><i class="icon iconfont icon-gouwuche1"></i>购物车</a>
</template>
</li>
<li>
<a href="/v3/user"><i class="icon iconfont icon-huiyuanzhongxin"></i>会员中心</a>
<template v-if="download">
<a href="/v3/user"><i class="icon iconfont icon-huiyuanzhongxin"></i>会员中心</a>
</template>
<template v-else>
<a href="/v3/login?referer=%2fh5%2fview%2f%23%2fdownoad&from=download"><i class="icon iconfont icon-huiyuanzhongxin"></i>会员中心</a>
</template>
</li>
</ul>
</div>
......@@ -38,6 +69,10 @@
type: String,
default: '#666'
},
download: {
type: Boolean,
default: true
}
},
data() {
return {
......@@ -66,10 +101,12 @@
right: 10px;
top: 13px;
z-index: 999;
b {
font-size: 18px;
color: #666;
}
.popover-arrow {
position: absolute;
z-index: 1000;
......@@ -78,6 +115,7 @@
overflow: hidden;
width: 26px;
height: 26px;
&:after {
position: absolute;
top: 19px;
......@@ -91,19 +129,23 @@
background: #333;
}
}
.menu-view {
margin-top: 36px;
background: #333;
font-size: 15px;
border-radius: 2px;
max-height: 300px;
li {
position: relative;
overflow: hidden;
padding: 11px 15px;
transform-style: preserve-3d;
a {
color: #fff;
i {
margin-right: .1rem;
}
......
src/views/common/wxShare.vue
<template>
</template>
<script>
import Vue from 'vue'
import {mapState} from 'vuex'
import util from "../../util/index"
let wxjs = require('weixin-js-sdk');
export default {
name: 'wxShare',
props: {
url: {
type: String,
default: window.location.href
}
import Vue from 'vue'
import {mapState} from 'vuex'
import util from "../../util/index"
let wxjs = require('weixin-js-sdk');
},
data() {
return {
shareObj:{
title: "好物分享给你，帮我助力，我们一起免费拿样品", // 分享标题
desc: "在吗？拜托帮我点一下，你也能免费申请元器件样品~帮我助力 你拿样品", // 分享描述
// link:this.url,
link: window.location.origin+"/v3/samplereg?uid="+util.getCookie("Yo4teW_uid"), // 分享链接
imgUrl: "http://img.ichunt.com/images/ichunt/self_sample/apply.png", // 分享图标
success: function (resp) {
},
error:function(){
export default {
name: 'wxShare',
props: {
url: {
type: String,
default: window.location.href
},
title: {
type: String,
default: '好物分享给你，帮我助力，我们一起免费拿样品'
},
desc: {
type: String,
default: '在吗？拜托帮我点一下，你也能免费申请元器件样品~帮我助力 你拿样品'
},
link: {
type: String,
default: window.location.origin + "/v3/samplereg?uid=" + util.getCookie("Yo4teW_uid")
},
imgUrl: {
type: String,
default: 'http://img.ichunt.com/images/ichunt/self_sample/apply.png'
}
},
data() {
return {
shareObj: {
title: this.title, // 分享标题
desc: this.desc, // 分享描述
link: this.link, // 分享链接
imgUrl: this.imgUrl, // 分享图标
success: function (resp) {
}
}
}
},
computed:{
...mapState({
wxShareInfo:state => state.common.wxShareInfo,
wxShareState:state => state.common.wxShareState,
}),
},
watch:{
wxShareState(val){
if(val&&util.getCookie("Yo4teW_uid")){
this.share();
}
}
},
created() {
if(util.getCookie("Yo4teW_uid")){
this.$store.dispatch({
type: "wxShare",
current_url:window.location.href
});
}
},
methods: {
share(){
var self=this;
// 微信配置
wx.config({
debug: false,
appId: self.wxShareInfo.appId,
timestamp: self.wxShareInfo.timestamp,
nonceStr: self.wxShareInfo.nonceStr,
signature:self.wxShareInfo.signature,
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 功能列表，我们要使用JS-SDK的什么功能
});
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在 页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready 函数中。
wx.ready(function(){
wx.checkJsApi({
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
success: function(res) {
// console.log(res);
// 以键值对的形式返回，可用的api值true，不可用为false
// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
}
});
// 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline(self.shareObj);
// 获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage(self.shareObj);
//获取“分享到QQ”按钮点击状态及自定义分享内容接口
wx.onMenuShareQQ(self.shareObj);
//获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
wx.onMenuShareWeibo(self.shareObj);
//获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
wx.onMenuShareQZone(self.shareObj);
});
},
error: function () {
}
}
}
},
computed: {
...mapState({
wxShareInfo: state => state.common.wxShareInfo,
wxShareState: state => state.common.wxShareState,
})
},
watch: {
wxShareState(val) {
if (val && util.getCookie("Yo4teW_uid")) {
this.share();
}
}
},
created() {
if (util.getCookie("Yo4teW_uid")) {
this.$store.dispatch({
type: "wxShare",
current_url: window.location.href
});
}
},
methods: {
share() {
var self = this;
wx.config({
debug: false,
appId: self.wxShareInfo.appId,
timestamp: self.wxShareInfo.timestamp,
nonceStr: self.wxShareInfo.nonceStr,
signature: self.wxShareInfo.signature,
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone']
});
wx.ready(function () {
wx.checkJsApi({
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone'], //需要检测的JS接口列表，所有JS接口列表见附录2,
success: function (res) {
console.log(res);
}
},
}
});
// 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline(self.shareObj);
// 获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage(self.shareObj);
//获取“分享到QQ”按钮点击状态及自定义分享内容接口
wx.onMenuShareQQ(self.shareObj);
//获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
wx.onMenuShareWeibo(self.shareObj);
//获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
wx.onMenuShareQZone(self.shareObj);
});
}
},
}
</script>
src/views/download/Index.vue 0 → 100644
<template>
<section class="news">
<Header bgcolor="#fff" :title="title" :meaushow="meaushow" :download="loginCheck"></Header>
<div class="new-head boxsiz">
<a class="logo" href="/">
<img src="../../assets/images/download/logo.png" alt="猎芯网">
</a>
<span class="t1">猎芯网</span>
</div>
<template v-if="getfileuploadbanner.length > 0">
<van-swipe :autoplay="3000" :height="bannerHeight" class="a">
<van-swipe-item v-for="(item, index) in getfileuploadbanner" :key="index">
<a :href="item.url" :target="item.window_open > 0 ?'_blank':'_self'">
<img :src="item.images" height="100%" width="100%"/>
</a>
</van-swipe-item>
</van-swipe>
</template>
<div class="down-list">
<ul class="boxsiz">
<li class="boxsiz" v-for="(item, index) in articleShowData" :key="index">
<p class="t1">{{item.title}}</p>
<div class="bar">
<p class="t2">已下载{{item.download_num}}次</p>
<template v-if="loginCheck">
<a class="btn" @click="download(item.data_id)">下载</a>
</template>
<template v-else>
<a class="btn" @click="toUrl">下载</a>
</template>
</div>
</li>
</ul>
</div>
<template v-if="!loginCheck">
<div class="islogin" @click="toUrl">
<img src="../../assets/images/download/loading.png" alt="">
<a href="javascript:;">登录查看更多哦</a>
</div>
</template>
<div class="slide-bar" v-backTopWindow style="cursor: pointer;">
<div class="backtop" v-if="navListfixed">
<i class="iconfont icon-xiangshang1"></i>
</div>
</div>
</section>
</template>
<script>
import Vue from "vue";
import {mapState} from "vuex";
import {Swipe, SwipeItem, Toast} from "vant";
import Header from "@/views/common/Header.vue";
Vue.use(Swipe).use(SwipeItem).use(Toast);
export default {
name: "news",
data() {
return {
title: "资料下载",
p: 1,
meaushow: true,
bannerHeight: 200,
navListfixed: false
};
},
computed: {
...mapState({
getfileuploadbanner: state => state.download.getfileuploadbanner,
articleShowData: state => state.download.articleShowData,
loginCheck: state => state.common.loginCheck
})
},
created() {
this.getData();
},
mounted() {
this.scrollFns();
},
methods: {
getData() {
this.$store.dispatch({
type: "getfileuploadbanner"
});
this.$store.dispatch({
type: "articleShowData"
});
this.$store.dispatch({
type: "loginCheck",
is_jump: false
});
},
download(id) {
this.$store.dispatch({
type: "downloadFile",
id: id
});
},
toUrl() {
Toast({
message: "请登录后下载",
duration: 1000
});
setTimeout(() => {
window.location.href = '/v3/login?referer=%2fh5%2fview%2f%23%2fdownoad&from=download'
}, 1000)
},
scrollFns() {
var self = this;
window.onscroll = function () {
var t = document.documentElement.scrollTop || document.body.scrollTop;
if (t >= 300) {
self.navListfixed = true;
} else {
self.navListfixed = false;
}
};
}
},
components: {
Header
}
};
</script>
<style scoped>
@import "../../assets/css/news/down.css";
</style>
\ No newline at end of file
src/views/risk/Index.vue 0 → 100644
<template>
<section class="risk">
<div class="banner"></div>
<div class="content">
<p class="t1">贷款额度在线测评系统</p>
<p class="t2">Online loan quota evaluation system</p>
<div class="form-box boxsiz">
<div class="inpt-wrap">
<input type="text" placeholder="请输入公司名称" class="inp" v-model="com_name"/>
</div>
<div class="inpt-wrap">
<input type="text" placeholder="怎么称呼您" class="inp" v-model="user_name"/>
</div>
<div class="inpt-wrap">
<input type="number" placeholder="请输入手机号" class="inp" v-model="account"/>
</div>
<div class="inpt-wrap fx" v-if="formImgShow">
<input type="text" placeholder="请输入图形验证码" class="inps" v-model="verify"/>
<a href="javascript:;" class="imgcode" @click="updateCode">
<img :src="imgSrc" alt="">
</a>
</div>
<div class="inpt-wrap fx" v-if="codeshow">
<input type="number" placeholder="输入验证码" class="inps" v-model="sms_verify"/>
<input type="button" :value="codetext" :class="{'codebtndisabled':codeactive}" :disabled="disabled" @click="codeFn" class="codebtn lineBlock">
</div>
<a href="javascript:;" class="btn" @click="submit">立即获取测评结果</a>
<p class="txt">详细的测评结果会通过手机号传达</p>
</div>
</div>
</section>
</template>
<script>
import Vue from 'vue';
import {mapState} from 'vuex'
import {Toast} from 'vant';
import {productionUrlPc} from '../../api/index'
import Util from '../../util/index'
export default {
name: 'risk',
computed: {
...mapState({
formImgShow: state => state.special.formImgShow,
countDown: state => state.special.countDown
})
},
data() {
return {
com_name: '',
user_name: '',
imgSrc: '',
account: '',
verify: '',
sms_verify: '',
codetext: '发送验证码',
disabled: false,
codeactive: false,
codeshow: false
}
},
created() {
if (Util.isUerAgent() == 'pc') {
window.location.href = productionUrlPc + '/v3/home/risk';
}
this.imgSrc = productionUrlPc + 'public/verify';
},
watch: {
account(val) {
var reg_mobile = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/;
if (reg_mobile.test(val)) {
this.codeshow = true;
}
},
countDown(val) {
if (val) {
this.timeNum();
}
}
},
methods: {
updateCode() {
this.imgSrc = productionUrlPc + 'public/verify?' + new Date().getTime();
},
timeNum() {
var me = this;
var wait = 60;
me.disabled = true;
me.codeactive = true;
me.codetext = wait + '秒后获取';
var clock = setInterval(doLoop, 1000);
function doLoop() {
wait--;
if (wait > 0) {
me.codetext = wait + '秒后获取';
me.codeactive = true;
} else {
clearInterval(clock);
me.disabled = false;
me.codeactive = false;
me.codetext = '重新获取';
wait = 60;
}
}
},
submit() {
if (!this.com_name) {
Toast({
message: '请输入公司名称',
duration: 2000
});
return false;
}
if (!isNaN(this.com_name)) {
Toast({
message: '公司名称不允许输入纯数字',
duration: 2000
});
return false;
}
if (this.com_name.length > 50) {
Toast({
message: '公司名称长度不能超过50',
duration: 2000
});
return false;
}
if (!this.user_name) {
Toast({
message: '怎么称呼您',
duration: 2000
});
return false;
}
if (!isNaN(this.user_name)) {
Toast({
message: '不允许输入纯数字',
duration: 2000
});
return false;
}
if (this.user_name.length > 50) {
Toast({
message: '称呼长度不能超过50',
duration: 2000
});
return false;
}
if (!this.account) {
Toast({
message: '请输入手机号',
duration: 2000
});
return false;
}
if (!this.sms_verify) {
Toast({
message: '请输入验证码',
duration: 2000
});
return false;
}
this.$store.dispatch({
type: 'actionLogins',
account: this.account,
from: 'risk',
sms_verify: this.sms_verify,
com_name: this.com_name,
user_name: this.user_name
})
},
codeFn() {
if (!this.account) {
Toast({
message: '请输入手机号',
duration: 2000
});
return false;
}
this.$store.dispatch({
type: 'smsVerifys',
mobile: this.account,
verify: this.verify
})
}
}
}
</script>
<style scoped>
@import "../../assets/css/risk/index.css";
</style>
\ No newline at end of file
src/views/risk/Success.vue 0 → 100644
<template>
<section class="risk-success">
<div class="head">
<p class="tit">你的公司评级</p>
<p class="level">{{level}}级</p>
<p class="txt">IC信用贷额度{{quota}}万！</p>
</div>
<div class="content">
<ul class="list">
<li v-for="(item,index) in text" :key="index">
<img :src="item.text_3" alt="">
<p class="t1">{{item.text_1}}</p>
<p class="t2">{{item.text_2}}</p>
</li>
</ul>
</div>
<a href="javascript:;" class="share" @click="share"></a>
<div class="shade" v-if="shade" @click="shade=false">
<b class="im"></b>
</div>
<wxShare :link="link" :title="title" :desc="desc" :imgUrl="imgUrl"></wxShare>
</section>
</template>
<script>
import Vue from "vue";
import wxShare from "@/views/common/wxShare.vue";
export default {
name: 'risksuccess',
data() {
return {
shade: false,
level: '',
quota: '',
text: [],
link: window.location.origin + '/h5/view/#/creditest',
title: '内容过于刺激！邀你偷偷看看你的公司评分',
desc: '我们公司综合评级......',
imgUrl: 'http://img.ichunt.com/images/ichunt/minProgram/07afe4ceb4c5226f310c0e2832428cfb.jpg',
account: ''
}
},
created() {
var num = Math.floor(Math.random() * 4);
this.getData(num);
},
methods: {
getData: function (num) {
var level = ['SSS', 'SS', 'S', 'A+'];
var quota = ['500', '300', '100', '20'];
var desc = ['的公司综合评级SSS，“老板说赚多少亿无所谓，做人重要是开心！', '的公司综合评级SS，“问：‘你的超能力是什么？答：‘Rich’”', '的公司综合评级S，“先定一个能达到的小目标，比如我先赚他一个亿”', '的公司综合评级A+，“别的我不敢说，就算骗自己我也不会骗我的客（父）户（母）！']
var text = [
[
{
'text_1': '巨无霸型公司',
'text_2': '订单接到手软，数钱数到抽筋。真不是我服务不努力，谁叫我客户多只能雨露均沾呢！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/61565cb8f1ed21365366297300e546e8.png'
},
{
'text_1': '财大气粗本粗',
'text_2': '此路是我开，此树是我栽，要想从此过，留下买路财！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/8fc978fdd1c6f6b986a22f29c6b70935.png'
},
{
'text_1': '一诺千金就是你',
'text_2': '靠兄弟行走江湖，靠口碑扬名立万说的就是我！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/3663a7c8e978057c69943614f1b567c8.png'
},
{
'text_1': '蒸蒸日上很开心',
'text_2': '老板说赚多少亿无所谓，做人重要是开心！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/b600f7291689e1c107edefd828eb43ad.png'
}
],
[
{
'text_1': '传说型大公司',
'text_2': '他人贪婪我恐惧，他人恐惧我贪婪！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/61565cb8f1ed21365366297300e546e8.png'
},
{
'text_1': '豪气满满',
'text_2': '你的超能力是什么？”答：“Rich！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/8fc978fdd1c6f6b986a22f29c6b70935.png'
},
{
'text_1': '颂声遍野就是你',
'text_2': '跟我谈信用！看看华强北有多少兄弟给我点赞！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/3663a7c8e978057c69943614f1b567c8.png'
},
{
'text_1': '日高日上很开心',
'text_2': '老板说赚多少亿无所谓，做人重要是开心！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/b600f7291689e1c107edefd828eb43ad.png'
}
],
[
{
'text_1': '大公司就是你，你就是大公司',
'text_2': '稳扎稳打，一步一个脚印！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/61565cb8f1ed21365366297300e546e8.png'
},
{
'text_1': '人间难寻的真土豪',
'text_2': '钱会有的，女朋（基）友也会有的！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/8fc978fdd1c6f6b986a22f29c6b70935.png'
},
{
'text_1': '童叟无欺就是你',
'text_2': '跟我谈信用！看看华强北有多少兄弟给我点赞！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/3663a7c8e978057c69943614f1b567c8.png'
},
{
'text_1': '欣欣向荣很开心',
'text_2': '先定一个能达到的小目标，比如我先赚他一个亿！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/b600f7291689e1c107edefd828eb43ad.png'
}
],
[
{
'text_1': '史诗型巨',
'text_2': '客户虐我千百遍，我待客户如初恋！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/61565cb8f1ed21365366297300e546e8.png'
},
{
'text_1': '·真· 腰缠万贯',
'text_2': '钱会有的，女朋（基）友也会有的！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/8fc978fdd1c6f6b986a22f29c6b70935.png'
},
{
'text_1': '言而有信就是你',
'text_2': '别的我不敢说，就算骗自己我也不会骗我的客（父）户（母）！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/3663a7c8e978057c69943614f1b567c8.png'
},
{
'text_1': '势如破竹很开心',
'text_2': '我是一只潜力股，不管你信不信，反正我是不信的！',
'text_3': 'http://img.ichunt.com/images/ichunt/minProgram/b600f7291689e1c107edefd828eb43ad.png'
}
]
]
this.text = text[num];
this.level = level[num];
this.quota = quota[num];
},
share: function () {
this.shade = true;
}
},
components: {
wxShare
}
}
</script>
<style scoped>
@import "../../assets/css/risk/index.css";
</style>
\ No newline at end of file
src/views/sample/sample.vue
......@@ -31,7 +31,7 @@
:title-inactive-color="defaultcolor"
@change="changeTab"
>
<van-tab v-for="(v,k) in classList" :title="v.class_name" :name="v.id"></van-tab>
<van-tab v-for="(v,k) in classList" :key="v" :title="v.class_name" :name="v.id"></van-tab>
</van-tabs>
</div>
<div class="con">
......
src/views/smt/Index.vue
......@@ -10,6 +10,14 @@
<label class="lineBlock va-m"><em>*</em>联系方式</label>
<input type="number" placeholder="" v-model="form.mobile" class="inp va-m">
</div>
<!-- 重新发送3次短信验证码才会显示 -->
<dl class="updateCodeImg " v-show="imgcodestatus">
<dt>图片验证</dt>
<dd>
<p class="code-text fl"><input type="text" id="imgCode" v-model="imgcodeval" ></p>
<a href="javascript:void(0);" class="code fr"><img v-imgCode ></a>
</dd>
</dl>
<div class="inp-wrap boxsiz" v-if="verifyCodeFlag">
<label class="lineBlock va-m"><em>*</em>短信验证</label>
<input type="text" placeholder="" v-model="form.verifyCode" class="inp w1 va-m">
......@@ -239,7 +247,7 @@
<script>
import Vue from 'vue';
import {mapState} from 'vuex'
import {Loading, Dialog} from 'vant';
import {Loading, Dialog,Toast} from 'vant';
import Menu from '@/views/common/Menu.vue';
Vue.use(Loading).use(Dialog);
......@@ -268,6 +276,8 @@
layer_2: false,
layer_3: false,
closeOnClickOverlay: true,
imgcodestatus:false,
imgcodeval:"",
firmNum: 0,
form: {
mobile: '',
......@@ -278,7 +288,9 @@
},
computed: {
...mapState({
loading: state => state.smt.loading
loading: state => state.smt.loading,
formImgShow: state => state.smt.formImgShow,
formCodeStatus:state => state.smt.formCodeStatus,
}),
linkName(){
return this.form.linkName;
......@@ -288,6 +300,14 @@
}
},
watch: {
formImgShow(val){
this.imgcodestatus=val;
},
formCodeStatus(val){
if(val){
this.timeNum();
}
},
linkName(val){
var reg= /^[\u0391-\uFFE5A-Za-z]+$/;
if( !reg.test(val) ){
......@@ -332,10 +352,22 @@
}
},
getCode() {
this.timeNum();
if(this['imgcodestatus']){
if(!this['imgcodeval']){
Toast({
message: "请确认图片验证码",
duration: 3000
});
return;
}
}
if(this.codeactive){
return
}
this.$store.dispatch({
type: 'customSmsVerify',
mobile: this.form.mobile
mobile: this.form.mobile,
verify:this['imgcodeval']
})
},
timeNum() {
......
src/views/supplier/Index.vue
......@@ -17,6 +17,14 @@
<label class="lineBlock va-m"><em>*</em>联系方式：</label>
<input type="number" placeholder="请输入手机或电话号码" class="va-m inp" v-model="form.mobile" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')">
</dd>
<!-- 重新发送3次短信验证码才会显示 -->
<dl class="updateCodeImg " v-show="imgcodestatus">
<dt>图片验证</dt>
<dd>
<p class="code-text fl"><input type="text" id="imgCode" v-model="imgcodeval" ></p>
<a href="javascript:void(0);" class="code fr"><img v-imgCode ></a>
</dd>
</dl>
<dd class="inp-wrap boxsiz" v-if="verifyCodeFlag">
<label class="lineBlock va-m"><em>*</em>短信验证：</label>
<input type="number" placeholder="请输入验证码" class="va-m inp w1" v-model="form.verifyCode">
......@@ -243,7 +251,7 @@
import Vue from 'vue';
import {mapState} from 'vuex'
import {Swipe, SwipeItem, Loading} from 'vant';
import {Swipe, SwipeItem, Loading,Toast} from 'vant';
import Menu from '@/views/common/Menu.vue';
Vue.use(Swipe).use(SwipeItem).use(Loading);
......@@ -268,6 +276,8 @@
max: 50,
formMsg: '',
formError: false,
imgcodestatus:false,
imgcodeval:"",
form: {
com_name: '',
linkName: '',
......@@ -280,7 +290,10 @@
},
computed: {
...mapState({
loading: state => state.smt.loading
loading: state => state.smt.loading,
formImgShow: state => state.smt.formImgShow,
formCodeStatus:state => state.smt.formCodeStatus,
}),
comName() {
return this.form.com_name;
......@@ -299,6 +312,14 @@
}
},
watch: {
formImgShow(val){
this.imgcodestatus=val;
},
formCodeStatus(val){
if(val){
this.timeNum();
}
},
mainBrand(val) {
if (val.length > this.max) {
this.secondNum = this.max;
......@@ -407,11 +428,23 @@
},
getCode() {
this.timeNum();
this.$store.dispatch({
type: 'customSmsVerify',
mobile: this.form.mobile
})
if(this['imgcodestatus']){
if(!this['imgcodeval']){
Toast({
message: "请确认图片验证码",
duration: 3000
});
return;
}
}
if(this.codeactive){
return
}
this.$store.dispatch({
type: 'customSmsVerify',
mobile: this.form.mobile,
verify:this['imgcodeval']
})
},
timeNum() {
var me = this;
......
view/10.js
This diff could not be displayed because it is too large.
view/11.js
This diff could not be displayed because it is too large.
view/12.js
This diff could not be displayed because it is too large.
view/13.js
This diff could not be displayed because it is too large.
view/14.js
This diff could not be displayed because it is too large.
view/15.js
This diff could not be displayed because it is too large.
view/17.js
This diff could not be displayed because it is too large.
view/18.js
This diff could not be displayed because it is too large.
view/19.js
This diff could not be displayed because it is too large.
view/20.js
This diff could not be displayed because it is too large.
view/23.js
This diff could not be displayed because it is too large.
view/27.js
This diff could not be displayed because it is too large.
view/34.js
This diff could not be displayed because it is too large.
view/36.js
This diff could not be displayed because it is too large.
view/38.js
This diff could not be displayed because it is too large.
view/39.js
This diff could not be displayed because it is too large.
view/43.js
This diff could not be displayed because it is too large.
view/49.js 0 → 100644
This diff is collapsed. Click to expand it.
view/50.js 0 → 100644
This diff is collapsed. Click to expand it.
view/51.js 0 → 100644
This diff is collapsed. Click to expand it.
view/6.js
This diff could not be displayed because it is too large.
view/7.js
This diff could not be displayed because it is too large.
view/8.js
This diff could not be displayed because it is too large.
view/9.js
This diff could not be displayed because it is too large.
view/app.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