Skip to content

梁建民 / h5

Go to a project
Commit b92cf7a9 by 梁建民
Options

smt

parent 1903ab0d
Expand all
Inline Side-by-side
Showing with 543 additions and 28 deletions
src/assets/css/global.scss
......@@ -204,4 +204,5 @@ $imgUrl: '../images/';
}
}
}
}
\ No newline at end of file
}
src/assets/css/smt/index.min.css
.smt { width: 100%; }
.smt .head { width: 100%; height: 7.693rem; background: url("../../images/smt/bg.jpg") no-repeat center; background-size: cover; }
.smt .head { position: relative; width: 100%; height: 7.693rem; background: url("../../images/smt/bg.jpg") no-repeat center; background-size: cover; }
.smt .head .head-form { position: absolute; bottom: -1.6rem; left: 0; right: 0; margin: 0 0.467rem; padding: 0 0 0.373rem 0; background-color: #ffffff; box-shadow: 3.5px 6.1px 7px 0px rgba(198, 211, 233, 0.75); border-radius: 2px; }
.smt .head .head-form .inp-wrap { border-bottom: 1px solid #dcdcdc; margin: 0 0.667rem; }
.smt .head .head-form .inp-wrap em { font-size: 15px; color: #73a0e2; }
.smt .head .head-form .inp-wrap input.inp { height: 50px; line-height: 50px; color: #333333; font-size: 14px; text-indent: 1em; }
.smt .head .head-form .inp-wrap input.inp.w1 { width: 68%; }
.smt .head .head-form .inp-wrap .code-text { font-size: 14px; background: none; color: #1080d0; }
.smt .head .head-form .inp-wrap .code-text.code-text-disabled { color: #999999; }
.smt .head .head-form .error { font-size: 13px; color: #ff6600; position: absolute; left: 1rem; bottom: 58px; }
.smt .head .head-form .btn { margin: 0.707rem 0.667rem 0 0.667rem; height: 39px; line-height: 39px; text-align: center; background-color: #4e8eee; border-radius: 2px; font-size: 14px; color: #ffffff; display: block; }
.smt .section { border-top: 2rem solid #dfe5ee; background: #fff; padding-bottom: 1rem; }
.smt .section .section-wrap { padding: 0 0.467rem; }
.smt .section .section-wrap .tit { padding: 0.387rem 0 0.4rem 0; }
.smt .section .section-wrap .tit .ico-1 { width: 16px; height: 17px; background: url("../../images/smt/i1.png") no-repeat center top; background-size: cover; }
.smt .section .section-wrap .tit .t1 { font-size: 17px; color: #2e2e2e; margin-left: 0.293rem; margin-right: 0.267rem; }
.smt .section .section-wrap .tit .t2 { font-size: 13px; color: #adacac; }
.smt .section .section-wrap.wrap-1 ul { display: flex; justify-content: space-between; }
.smt .section .section-wrap.wrap-1 ul li { position: relative; height: 80px; width: 49%; }
.smt .section .section-wrap.wrap-1 ul li.i1 { background: url("../../images/smt/i2.png") no-repeat center; background-size: cover; }
.smt .section .section-wrap.wrap-1 ul li.i2 { background: url("../../images/smt/i3.png") no-repeat center; background-size: cover; }
.smt .section .section-wrap.wrap-1 ul li .t1 { position: absolute; left: 0; right: 0; top: 26px; font-size: 15px; color: #ffffff; z-index: 1; text-align: center; }
.smt .section .section-wrap.wrap-1 ul li a { position: absolute; left: 50%; bottom: 6px; font-size: 13px; color: #ffffff; z-index: 1; text-decoration: underline; margin-left: 10px; }
.smt .section .section-wrap.wrap-2 ul li { margin-bottom: 0.373rem; }
.smt .section .section-wrap.wrap-2 ul li img { width: 100%; }
.smt .section .section-wrap.wrap-3 ul li img, .smt .section .section-wrap.wrap-4 ul li img { width: 100%; }
.smt .section .section-wrap.wrap-5 .tab { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e5e5e5; }
.smt .section .section-wrap.wrap-5 .tab li { position: relative; font-size: 15px; color: #2e2e2e; flex: 1; text-align: center; padding: 0.28rem 0; transition: all 0.4s ease; }
.smt .section .section-wrap.wrap-5 .tab li.curr { color: #4e8eee; }
.smt .section .section-wrap.wrap-5 .tab li.curr:after { position: absolute; bottom: 0; width: 100%; left: 0; right: 0; margin: 0 auto; height: 5px; background-color: #4e8eee; display: block; content: ""; }
.smt .section .section-wrap.wrap-5 .tab-wrap { margin-top: 0.667rem; }
.smt .section .section-wrap.wrap-5 .tab-wrap li { white-space: nowrap; margin-bottom: 0.15rem; }
.smt .section .section-wrap.wrap-5 .tab-wrap li em { width: 16px; height: 16px; text-align: center; line-height: 16px; background-color: #64cf6e; font-size: 14px; color: #ffffff; border-radius: 50%; }
.smt .section .section-wrap.wrap-5 .tab-wrap li p { white-space: normal; font-size: 14px; color: #666666; margin-left: 0.4rem; width: 90%; text-align: justify; }
.smt .section .section-wrap.wrap-6 { background-color: #dfe5ee; padding: 0; }
.smt .section .section-wrap.wrap-6 .tit { padding: 0.387rem 0.467rem 0.4rem 0.467rem; background: #fff; }
.smt .section .section-wrap.wrap-6 .text { padding: 0.267rem 0.467rem 0.387rem 0.467rem; }
.smt .section .section-wrap.wrap-6 .text .pic { width: 100%; }
.smt .section .section-wrap.wrap-6 .text .pic img { width: 100%; }
.smt .section .section-wrap.wrap-6 .text p { margin-top: 0.3rem; font-size: 13px; color: #666666; line-height: 21px; }
.smt .section .section-wrap.wrap-7 .tab { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e5e5e5; }
.smt .section .section-wrap.wrap-7 .tab li { position: relative; font-size: 15px; color: #2e2e2e; flex: 1; text-align: center; padding: 0.28rem 0; transition: all 0.4s ease; }
.smt .section .section-wrap.wrap-7 .tab li.curr { color: #4e8eee; }
.smt .section .section-wrap.wrap-7 .tab li.curr:after { position: absolute; bottom: 0; width: 100%; left: 0; right: 0; margin: 0 auto; height: 5px; background-color: #4e8eee; display: block; content: ""; }
.smt .section .section-wrap.wrap-7 .tab-wrap { margin-top: 0.667rem; }
.smt .section .section-wrap.wrap-7 .tab-wrap li { position: relative; }
.smt .section .section-wrap.wrap-7 .tab-wrap li p.t1 { font-size: 14px; color: #666666; line-height: 22px; white-space: nowrap; }
.smt .section .section-wrap.wrap-7 .tab-wrap li p.t1 span { white-space: normal; width: 80%; text-align: justify; }
.smt .section .section-wrap.wrap-7 .tab-wrap li .t2 { margin-top: 1rem; margin-bottom: 1rem; font-size: 14px; color: #666666; }
.smt .section .section-wrap.wrap-7 .tab-wrap li .t2 i { width: 20px; height: 15px; background: url("../../images/smt/i10.png") no-repeat center; background-size: cover; margin-right: 0.2rem; }
.smt .section .section-wrap.wrap-7 .tab-wrap li .qq { position: absolute; top: 0; right: -12px; width: 40px; height: 40px; background: url("../../images/smt/i9.png") no-repeat center; background-size: cover; display: block; z-index: 1; }
.smt .apply { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; width: 100%; height: 54px; background-color: #4e8eee; font-size: 17px; color: #ffffff; text-align: center; line-height: 54px; display: block; }
.smt .smt-arr { width: 15px; height: 6px; background: #4e8eee; border-radius: 3px; display: block; margin-bottom: 0.2rem; }
.smt .smt-layer { font-size: 14px; color: #666666; text-align: left; }
.smt .smt-layer-text { white-space: nowrap; font-size: 14px; color: #666666; line-height: 24px; }
.smt .smt-layer-text span { white-space: normal; width: 96%; text-align: justify; }
/*# sourceMappingURL=index.min.css.map */
src/assets/css/smt/index.min.css.map
{
"version": 3,
"mappings": "AAAA,IAAI,GACF,KAAK,EAAE,IAAI;AACX,UAAK,GACH,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,QAAQ,EAChB,UAAU,EAAE,+CAA+C,EAC3D,eAAe,EAAE,KAAK",
"mappings": "AAAA,IAAK,GACH,KAAK,EAAE,IAAI;AACX,UAAM,GACJ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,QAAQ,EAChB,UAAU,EAAE,+CAA+C,EAC3D,eAAe,EAAE,KAAK;AACtB,qBAAW,GACT,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,OAAO,EACf,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,cAAc,EACvB,gBAAgB,EAAE,OAAO,EACzB,UAAU,EAAE,6CAA6C,EACzD,aAAa,EAAE,GAAG;AAClB,+BAAU,GACR,aAAa,EAAE,iBAAiB,EAChC,MAAM,EAAE,UAAU;AAClB,kCAAG,GACD,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO;AAEhB,yCAAU,GACR,MAAM,EAAE,IAAI,EACZ,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,GAAG;AAChB,4CAAK,GACH,KAAK,EAAE,GAAG;AAGd,0CAAW,GACT,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,OAAiB;AACxB,6DAAqB,GACnB,KAAK,EAAE,OAAkB;AAI/B,4BAAO,GACL,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI;AAEd,0BAAK,GACH,MAAM,EAAE,4BAA4B,EACpC,MAAM,EAAE,IAAI,EACZ,WAAW,EAAE,IAAI,EACjB,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,OAAO,EACzB,aAAa,EAAE,GAAG,EAClB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,KAAK;AAIpB,aAAS,GACP,UAAU,EAAE,kBAAkB,EAC9B,UAAU,EAAE,IAAI,EAChB,cAAc,EAAE,IAAI;AACpB,2BAAc,GACZ,OAAO,EAAE,UAAU;AACnB,gCAAK,GACH,OAAO,EAAE,mBAAmB;AAC5B,uCAAO,GACL,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,mDAAmD,EAC/D,eAAe,EAAE,KAAK;AAExB,oCAAI,GACF,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,QAAQ,EACrB,YAAY,EAAE,QAAQ;AAExB,oCAAI,GACF,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO;AAIhB,qCAAG,GACD,OAAO,EAAE,IAAI,EACb,eAAe,EAAE,aAAa;AAC9B,wCAAG,GACD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,GAAG;AACV,2CAAK,GACH,UAAU,EAAE,+CAA+C,EAC3D,eAAe,EAAE,KAAK;AAExB,2CAAK,GACH,UAAU,EAAE,+CAA+C,EAC3D,eAAe,EAAE,KAAK;AAExB,4CAAI,GACF,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,CAAC,EACV,UAAU,EAAE,MAAM;AAEpB,0CAAE,GACA,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,CAAC,EACV,eAAe,EAAE,SAAS,EAC1B,WAAW,EAAE,IAAI;AAOrB,wCAAG,GACD,aAAa,EAAE,QAAQ;AACvB,4CAAI,GACF,KAAK,EAAE,IAAI;AAQb,0FAAI,GACF,KAAK,EAAE,IAAI;AAMjB,uCAAK,GACH,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,MAAM,EACvB,aAAa,EAAE,iBAAiB;AAChC,0CAAG,GACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,CAAC,EACP,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,aAAa;AACzB,+CAAO,GACL,KAAK,EAAE,OAAO;AACd,qDAAQ,GACN,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,GAAG,EACX,gBAAgB,EAAE,OAAO,EACzB,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE;AAKnB,4CAAU,GACR,UAAU,EAAE,QAAQ;AACpB,+CAAG,GACD,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,OAAO;AACtB,kDAAG,GACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,IAAI,EACjB,gBAAgB,EAAE,OAAO,EACzB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,aAAa,EAAE,GAAG;AAEpB,iDAAE,GACA,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,GAAG,EACV,UAAU,EAAE,OAAO;AAK3B,kCAAS,GACP,gBAAgB,EAAE,OAAO,EACzB,OAAO,EAAE,CAAC;AACV,uCAAK,GACH,OAAO,EAAE,iCAAiC,EAC1C,UAAU,EAAE,IAAI;AAElB,wCAAM,GACJ,OAAO,EAAE,mCAAmC;AAC5C,6CAAK,GACH,KAAK,EAAE,IAAI;AACX,iDAAI,GACF,KAAK,EAAE,IAAI;AAGf,0CAAE,GACA,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,IAAI;AAKrB,uCAAK,GACH,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,MAAM,EACvB,aAAa,EAAE,iBAAiB;AAChC,0CAAG,GACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,CAAC,EACP,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,aAAa;AACzB,+CAAO,GACL,KAAK,EAAE,OAAO;AACd,qDAAQ,GACN,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,GAAG,EACX,gBAAgB,EAAE,OAAO,EACzB,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE;AAKnB,4CAAU,GACR,UAAU,EAAE,QAAQ;AACpB,+CAAG,GACD,QAAQ,EAAE,QAAQ;AAClB,oDAAK,GACH,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM;AACnB,yDAAK,GACH,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,GAAG,EACV,UAAU,EAAE,OAAO;AAGvB,mDAAI,GACF,UAAU,EAAE,IAAI,EAChB,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO;AACd,qDAAE,GACA,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,gDAAgD,EAC5D,eAAe,EAAE,KAAK,EACtB,YAAY,EAAE,MAAM;AAGxB,mDAAI,GACF,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,+CAA+C,EAC3D,eAAe,EAAE,KAAK,EACtB,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,CAAC;AAOtB,WAAO,GACL,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,gBAAgB,EAAE,OAAO,EACzB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,KAAK;AAEhB,aAAS,GACP,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,GAAG,EACX,UAAU,EAAE,OAAO,EACnB,aAAa,EAAE,GAAG,EAClB,OAAO,EAAE,KAAK,EACd,aAAa,EAAE,MAAM;AAEvB,eAAW,GACT,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,UAAU,EAAE,IAAI;AAElB,oBAAgB,GACd,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,IAAI;AAGjB,yBAAK,GACH,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,GAAG,EACV,UAAU,EAAE,OAAO",
"sources": ["index.scss"],
"names": [],
"file": "index.min.css"
......
src/assets/css/smt/index.scss
.smt{
.smt {
width: 100%;
.head{
.head {
position: relative;
width: 100%;
height: 7.693rem;
background: url("../../images/smt/bg.jpg") no-repeat center;
background-size: cover;
.head-form {
position: absolute;
bottom: -1.6rem;
left: 0;
right: 0;
margin: 0 0.467rem;
padding: 0 0 0.373rem 0;
background-color: #ffffff;
box-shadow: 3.5px 6.1px 7px 0px rgba(198, 211, 233, 0.75);
border-radius: 2px;
.inp-wrap {
border-bottom: 1px solid #dcdcdc;
margin: 0 0.667rem;
em {
font-size: 15px;
color: #73a0e2;
}
input.inp {
height: 50px;
line-height: 50px;
color: #333333;
font-size: 14px;
text-indent: 1em;
&.w1 {
width: 68%;
}
}
.code-text {
font-size: 14px;
background: none;
color: rgb(16, 128, 208);
&.code-text-disabled {
color: rgb(153, 153, 153);
}
}
}
.error {
font-size: 13px;
color: #ff6600;
position: absolute;
left: 1rem;
bottom: 58px;
}
.btn {
margin: 0.707rem 0.667rem 0 0.667rem;
height: 39px;
line-height: 39px;
text-align: center;
background-color: #4e8eee;
border-radius: 2px;
font-size: 14px;
color: #ffffff;
display: block;
}
}
}
.section {
border-top: 2rem solid #dfe5ee;
background: #fff;
padding-bottom: 1rem;
.section-wrap {
padding: 0 0.467rem;
.tit {
padding: 0.387rem 0 0.4rem 0;
.ico-1 {
width: 16px;
height: 17px;
background: url("../../images/smt/i1.png") no-repeat center top;
background-size: cover;
}
.t1 {
font-size: 17px;
color: #2e2e2e;
margin-left: 0.293rem;
margin-right: 0.267rem;
}
.t2 {
font-size: 13px;
color: #adacac;
}
}
&.wrap-1 {
ul {
display: flex;
justify-content: space-between;
li {
position: relative;
height: 80px;
width: 49%;
&.i1 {
background: url("../../images/smt/i2.png") no-repeat center;
background-size: cover;
}
&.i2 {
background: url("../../images/smt/i3.png") no-repeat center;
background-size: cover;
}
.t1 {
position: absolute;
left: 0;
right: 0;
top: 26px;
font-size: 15px;
color: #ffffff;
z-index: 1;
text-align: center;
}
a {
position: absolute;
left: 50%;
bottom: 6px;
font-size: 13px;
color: #ffffff;
z-index: 1;
text-decoration: underline;
margin-left: 10px;
}
}
}
}
&.wrap-2 {
ul {
li {
margin-bottom: 0.373rem;
img {
width: 100%;
}
}
}
}
&.wrap-3, &.wrap-4 {
ul {
li {
img {
width: 100%;
}
}
}
}
&.wrap-5 {
.tab {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #e5e5e5;
li {
position: relative;
font-size: 15px;
color: #2e2e2e;
flex: 1;
text-align: center;
padding: 0.28rem 0;
transition: all 0.4s ease;
&.curr {
color: #4e8eee;
&:after {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
height: 5px;
background-color: #4e8eee;
display: block;
content: "";
}
}
}
}
.tab-wrap {
margin-top: 0.667rem;
li {
white-space: nowrap;
margin-bottom: 0.15rem;
em {
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
background-color: #64cf6e;
font-size: 14px;
color: #ffffff;
border-radius: 50%;
}
p {
white-space: normal;
font-size: 14px;
color: #666666;
margin-left: 0.4rem;
width: 90%;
text-align: justify;
}
}
}
}
&.wrap-6 {
background-color: #dfe5ee;
padding: 0;
.tit {
padding: 0.387rem 0.467rem 0.4rem 0.467rem;
background: #fff;
}
.text {
padding: 0.267rem 0.467rem 0.387rem 0.467rem;
.pic {
width: 100%;
img {
width: 100%;
}
}
p {
margin-top: 0.3rem;
font-size: 13px;
color: #666666;
line-height: 21px;
}
}
}
&.wrap-7 {
.tab {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #e5e5e5;
li {
position: relative;
font-size: 15px;
color: #2e2e2e;
flex: 1;
text-align: center;
padding: 0.28rem 0;
transition: all 0.4s ease;
&.curr {
color: #4e8eee;
&:after {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
height: 5px;
background-color: #4e8eee;
display: block;
content: "";
}
}
}
}
.tab-wrap {
margin-top: 0.667rem;
li {
position: relative;
p.t1 {
font-size: 14px;
color: #666666;
line-height: 22px;
white-space: nowrap;
span {
white-space: normal;
width: 80%;
text-align: justify;
}
}
.t2 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 14px;
color: #666666;
i {
width: 20px;
height: 15px;
background: url("../../images/smt/i10.png") no-repeat center;
background-size: cover;
margin-right: 0.2rem;
}
}
.qq {
position: absolute;
top: 0;
right: -12px;
width: 40px;
height: 40px;
background: url("../../images/smt/i9.png") no-repeat center;
background-size: cover;
display: block;
z-index: 1;
}
}
}
}
}
}
.apply {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
width: 100%;
height: 54px;
background-color: #4e8eee;
font-size: 17px;
color: #ffffff;
text-align: center;
line-height: 54px;
display: block;
}
.smt-arr {
width: 15px;
height: 6px;
background: #4e8eee;
border-radius: 3px;
display: block;
margin-bottom: 0.2rem;
}
.smt-layer {
font-size: 14px;
color: #666666;
text-align: left;
}
.smt-layer-text {
white-space: nowrap;
font-size: 14px;
color: #666666;
line-height: 24px;
em {
}
span {
white-space: normal;
width: 96%;
text-align: justify;
}
}
}
\ No newline at end of file
src/router.js
......@@ -16,13 +16,6 @@ const routes = [
}
},
{
path: '/',
component: Home,
meta: {
title: '猎芯网'
}
},
{
path: '/smt',
component: Smt,
meta: {
......
src/store/modules/smt/index.js
import Vue from 'vue'
import {Toast} from 'vant';
import {services as Services} from '../../../api/index'
import Util from '../../../util/index'
var qs = require('qs');
......@@ -67,14 +66,27 @@ const actions = {
},
chainFind({commit}, payload) {
state.loading = true;
var params = {
type: 1,
mobile: payload.mobile,
linkName: payload.linkName,
verifyCode: payload.verifyCode,
com_name: payload.com_name,
main_brand: payload.main_brand,
supplier_type: payload.supplier_type
/**
* 1 平台入驻
* 3 smt
*/
if (payload.types == 1) {
var params = {
type: 1,
mobile: payload.mobile,
linkName: payload.linkName,
verifyCode: payload.verifyCode,
com_name: payload.com_name,
main_brand: payload.main_brand,
supplier_type: payload.supplier_type
}
} else if (payload.types == 3) {
var params = {
type: 3,
mobile: payload.mobile,
linkName: payload.linkName,
verifyCode: payload.verifyCode,
}
}
Services.chainFind(qs.stringify(params)).then((res) => {
......@@ -90,7 +102,7 @@ const actions = {
message: '已为您自动创建的猎芯网登录账号为' + payload.mobile + '请使用免密码登录',
duration: 3000
});
}else{
} else {
Toast({
message: '您已经提交成功,我们将会在2个工作日内联系您',
duration: 3000
......
src/views/common/Menu.vue 0 → 100644
<template>
<div>
<div class="menu-fade" v-if="flag" @click="flag=false"></div>
<div class="menu clr">
<b class="iconfont icon-liedanbiao fr" @click="flag=!flag" :style="{color:color}"></b>
<div v-if="flag">
<i class="popover-arrow"></i>
<ul class="menu-view">
<li>
<a href="/v3?ptag=selfshop-topnav"><i class="icon iconfont icon-shouye"></i>首页</a></li>
<li>
<a href="/v3/lxshop?ptag=selfshop-topnav"><i class="icon iconfont icon-lianying"></i>联营商城</a>
</li>
<li>
<a href="/v3/xianhuo?ptag=selfshop-topnav"><i class="icon iconfont icon-liexinziying"></i>自营现货</a>
</li>
<li>
<a href="/v3/brand/map?ptag=selfshop-topnav"><i class="icon iconfont icon-pinpai"></i>品牌之家</a>
</li>
<li class="mui-table-view-cell ">
<a class="zytabgo" href="/v3/joincart?ptag=selfshop-topnav"><i class="icon iconfont icon-gouwuche1"></i>购物车</a>
</li>
<li>
<a href="/v3/user?ptag=selfshop-topnav"><i class="icon iconfont icon-huiyuanzhongxin"></i>会员中心</a>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'menus',
props: {
color: {
type: String,
default: ''
},
},
data() {
return {
flag: false
}
}
}
</script>
<style lang="scss">
.menu-fade {
position: fixed;
z-index: 998;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3);
}
.menu {
position: fixed;
right: 10px;
top: 10px;
z-index: 999;
b {
font-size: 18px;
color: #666;
}
.popover-arrow {
position: absolute;
z-index: 1000;
top: 11px;
right: 0px;
overflow: hidden;
width: 26px;
height: 26px;
&:after {
position: absolute;
top: 19px;
left: 0;
width: 26px;
height: 26px;
content: ' ';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 3px;
background: #333;
}
}
.menu-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;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/supplier/Index.vue
......@@ -83,9 +83,7 @@
<span>选择适合的入驻方式 </span>
</p>
<ul class="tab boxsiz">
<li @click="tab(index)" :class="{'curr':active==index}" v-for="(item,index) in itemtext" :key="index">
{{item}}
</li>
<li @click="tab(index)" :class="{'curr':active==index}" v-for="(item,index) in itemtext" :key="index">{{item}}</li>
</ul>
<ul class="tab-wrap boxsiz" :style="{'display':isAvisible}">
<li class="boxsiz">
......@@ -201,6 +199,7 @@
</div>
</div>
<van-loading type="spinner" color="#000" class="loading-background" v-if="loading"/>
<Menu :color="color"></Menu>
</section>
</template>
......@@ -209,6 +208,7 @@
import Vue from 'vue';
import {mapState} from 'vuex'
import {Swipe, SwipeItem, Loading} from 'vant';
import Menu from '@/views/common/Menu.vue';
Vue.use(Swipe).use(SwipeItem).use(Loading);
......@@ -216,6 +216,7 @@
name: 'supplier',
data() {
return {
color:'#fff',
active: 0,
supplierActive: 0,
itemtext: ['自营供应商', '联营供应商'],
......@@ -354,12 +355,13 @@
//提交
this.$store.dispatch({
type: 'chainFind',
types:1,
mobile: this.form.mobile,
linkName: this.form.linkName,
verifyCode: this.form.verifyCode,
com_name: this.form.com_name,
main_brand: this.form.main_brand,
supplier_type: parseInt(this.supplierActive) + 1,
supplier_type: parseInt(this.supplierActive) + 1
})
},
......@@ -404,6 +406,9 @@
document.documentElement.scrollTop = document.body.scrollTop = 0;
}
}
},
components: {
Menu
}
}
</script>
......
view/0.js
This diff could not be displayed because it is too large.
view/2.js
This diff could not be displayed because it is too large.
view/3.js
This diff could not be displayed because it is too large.
view/4.js 0 → 100644
This diff is collapsed. Click to expand it.
view/index.html
......@@ -27,7 +27,7 @@
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js" type="text/javascript" charset="utf-8"></script>
<script src="//szh5static.ichunt.com/static/js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//szh5static.ichunt.com/static/js/shence.min.js" type="text/javascript" charset="utf-8"></script>
<link href="//szh5static.ichunt.com/0.js" rel="prefetch"><link href="//szh5static.ichunt.com/1.js" rel="prefetch"><link href="//szh5static.ichunt.com/2.js" rel="prefetch"><link href="//szh5static.ichunt.com/3.js" rel="prefetch"><link href="//szh5static.ichunt.com/app.js" rel="preload" as="script"></head>
<link href="//szh5static.ichunt.com/0.js" rel="prefetch"><link href="//szh5static.ichunt.com/1.js" rel="prefetch"><link href="//szh5static.ichunt.com/2.js" rel="prefetch"><link href="//szh5static.ichunt.com/3.js" rel="prefetch"><link href="//szh5static.ichunt.com/4.js" rel="prefetch"><link href="//szh5static.ichunt.com/app.js" rel="preload" as="script"></head>
<body>
<noscript>
<strong>网站出现了一点小问题，正在紧急修复中.......</strong>
......
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