Skip to content

P
purchase-landing
Commit 0eea3347 by 刘文文
Options

1

parents
Showing with 2760 additions and 0 deletions
.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/winter-load.iml" filepath="$PROJECT_DIR$/.idea/winter-load.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.idea/watcherTasks.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectTasksOptions">
<TaskOptions isEnabled="true">
<option name="arguments" value="--no-color $FileName$" />
<option name="checkSyntaxErrors" value="true" />
<option name="description" />
<option name="exitCodeBehavior" value="ERROR" />
<option name="fileExtension" value="less" />
<option name="immediateSync" value="true" />
<option name="name" value="Less" />
<option name="output" value="$FileNameWithoutExtension$.css" />
<option name="outputFilters">
<array>
<FilterInfo>
<option name="description" value="lessc error format" />
<option name="name" value="lessc" />
<option name="regExp" value="$MESSAGE$\Q in \E$FILE_PATH$\Q on line \E$LINE$\Q, column \E$COLUMN$" />
</FilterInfo>
</array>
</option>
<option name="outputFromStdout" value="true" />
<option name="program" value="$USER_HOME$/AppData/Roaming/npm/lessc.cmd" />
<option name="scopeName" value="Project Files" />
<option name="trackOnlyRoot" value="false" />
<option name="workingDir" value="$FileDir$" />
<envs />
</TaskOptions>
</component>
</project>
\ No newline at end of file
.idea/winter-load.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
audio/video.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
css/cards.css 0 → 100644
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
background: #f6f6f6;
}
html li,
body li {
list-style: none;
}
.marginleft {
margin-left: 0.13333333rem;
}
.marginright {
margin-right: 0.13333333rem;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.center {
text-align: center;
}
img {
width: 100%;
}
.container {
background: #f6f6f6;
}
.container ul {
background: #ffffff;
width: 9.46666667rem;
margin: 0 auto;
}
.container ul li {
height: 1.61333333rem;
font-size: 0.48rem;
color: #656565;
display: flex;
align-items: center;
margin: 0;
border-bottom: 1px solid #f6f6f6;
}
.container ul li span:nth-child(1) {
display: inline-block;
width: 0.70666667rem;
margin-right: 0.4rem;
margin-top: 0.13333333rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.container ul li span:nth-child(1) img {
width: 100%;
height: 100%;
}
.container ul li span:nth-child(2) {
width: 2rem;
margin-right: 0.4rem;
}
.container ul li span:nth-child(3) {
margin-right: 1.06666667rem;
}
.container ul li .freeCard {
color: #ff5a01;
}
.container ul li .payCard {
color: #ffb706;
}
.container .img-box p {
margin: auto;
color: #656565;
font-size: 0.48rem;
}
body {
background: #f6f6f6 !important;
}
css/cards.less 0 → 100644
* {
margin: 0;
padding: 0;
}
.px2rem(@name, @px) {
@{name}: @px / 75 * 1rem;
}
.px2px(@name, @px) {
@{name}: round(@px / 2) * 1px;
[data-dpr="2"] & {
@{name}: @px * 1px;
}
// for mx3
[data-dpr="2.5"] & {
@{name}: round(@px * 2.5 / 2) * 1px;
}
// for 小米note
[data-dpr="2.75"] & {
@{name}: round(@px * 2.75 / 2) * 1px;
}
[data-dpr="3"] & {
@{name}: round(@px / 2 * 3) * 1px
}
// for 三星note4
[data-dpr="4"] & {
@{name}: @px * 2px;
}
}
html,
body {
height: 100%;
background: #f6f6f6;
}
html li,
body li {
list-style: none;
}
.marginleft{
.px2rem(margin-left,10);
}
.marginright{
.px2rem(margin-right,10);
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.center{
text-align: center;
}
img{
width: 100%;
}
.container{
background: #f6f6f6;
ul{
background: #ffffff;
.px2rem(width,710);
margin: 0 auto;
li{
.px2rem(height,121);
.px2rem(font-size,36);
color: #656565;
display: flex;
align-items: center;
margin: 0;
border-bottom: 1px solid #f6f6f6;
span:nth-child(1){
display: inline-block;
.px2rem(width, 53);
.px2rem(margin-right,30);
.px2rem(margin-top,10);
white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;
img{
width: 100%;
height: 100%;
}
}
span:nth-child(2){
.px2rem(width, 150);
.px2rem(margin-right,30)
}
span:nth-child(3){
.px2rem(margin-right,80)
}
.freeCard{
color: #ff5a01;
}
.payCard{
color: #ffb706;
}
}
}
.img-box{
p{
margin: auto;
color: #656565;
.px2rem(font-size,36)
}
}
}
body{
background: #f6f6f6 !important;
}
\ No newline at end of file
css/detail.css 0 → 100644
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
background: #ebebeb;
}
html li,
body li {
list-style: none;
}
.marginleft {
margin-left: 0.13333333rem;
}
.marginright {
margin-right: 0.13333333rem;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.center {
text-align: center;
}
img {
width: 100%;
}
.container .myInfo {
height: 5.66666667rem;
background: url(../images/bgbig2.png) no-repeat;
background-size: 100%;
display: flex;
}
.container .myInfo .img-box {
width: 1.17333333rem;
height: 1.17333333rem;
border-width: 0.06666667rem;
margin-left: 0.25333333rem;
margin-top: 0.52rem;
border-radius: 50%;
box-shadow: 0px 0.0533rem 0.09333rem 0px rgba(145, 145, 145, 0.5);
border: solid 0.02666rem #e6e6e6;
overflow: hidden;
}
.container .myInfo .img-box img {
width: 100%;
}
.container .myInfo .userInfo {
margin-top: 0.72rem;
margin-left: 0.25333333rem;
}
.container .myInfo .userInfo li span {
display: inline-block;
}
.container .myInfo .userInfo li span:nth-child(1) {
width: 2.8rem;
height: 0.93333333rem;
line-height: 0.93333333rem;
color: #969696;
text-align: right;
}
.container .linkMan-box {
background: url(../images/bgerweima.png) no-repeat;
background-size: 100%;
width: 100%;
height: 9.33333333rem;
padding-top: 0.93333333rem;
}
.container .linkMan-box .linkManMa {
width: 7.24rem;
height: 7.24rem;
background: url(../images/yuan.png) no-repeat;
background-size: 100%;
margin: 0 auto;
padding-top: 1.53333333rem;
box-sizing: border-box;
}
.container .linkMan-box .linkManMa img {
display: block;
width: 4.14666667rem;
margin: 0 auto;
}
.container .linkMan-box .linkManMa p {
text-align: center;
color: #424242;
}
.container .linkMan-box a {
display: block;
width: 1.4rem;
margin: 0 auto;
color: #9b9b9b;
font-size: 0.32rem;
text-decoration: underline !important;
text-decoration: #9b9b9b;
}
css/detail.less 0 → 100644
* {
margin: 0;
padding: 0;
}
.px2rem(@name, @px) {
@{name}: @px / 75 * 1rem;
}
.px2px(@name, @px) {
@{name}: round(@px / 2) * 1px;
[data-dpr="2"] & {
@{name}: @px * 1px;
}
// for mx3
[data-dpr="2.5"] & {
@{name}: round(@px * 2.5 / 2) * 1px;
}
// for 小米note
[data-dpr="2.75"] & {
@{name}: round(@px * 2.75 / 2) * 1px;
}
[data-dpr="3"] & {
@{name}: round(@px / 2 * 3) * 1px
}
// for 三星note4
[data-dpr="4"] & {
@{name}: @px * 2px;
}
}
html,
body {
height: 100%;
background: #ebebeb;
}
html li,
body li {
list-style: none;
}
.marginleft{
.px2rem(margin-left,10);
}
.marginright{
.px2rem(margin-right,10);
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.center{
text-align: center;
}
img{
width: 100%;
}
.container{
.myInfo{
.px2rem(height, 425);
background: url(../images/bgbig2.png) no-repeat;
background-size: 100%;
display: flex;
.img-box{
.px2rem(width, 88);
.px2rem(height, 88);
.px2rem(border-width,5);
.px2rem(margin-left, 19);
.px2rem(margin-top, 39);
border-radius: 50%;
box-shadow: 0px 0.0533rem 0.09333rem 0px
rgba(145, 145, 145, 0.5);
border: solid 0.02666rem #e6e6e6;
overflow: hidden;
img{
width: 100%;
}
};
.userInfo{
.px2rem(margin-top, 54);
.px2rem(margin-left, 19);
li{
span{
display: inline-block;
}
span:nth-child(1){
.px2rem(width, 210);
.px2rem(height,70);
.px2rem(line-height,70);
color: #969696;
text-align: right;
}
}
}
}
.linkMan-box{
background: url(../images/bgerweima.png) no-repeat;
background-size: 100%;
width: 100%;
.px2rem(height, 700);
.px2rem(padding-top, 70);
.linkManMa{
.px2rem(width, 543);
.px2rem(height, 543);
background: url(../images/yuan.png) no-repeat;
background-size: 100%;
margin: 0 auto;
.px2rem(padding-top, 115);
box-sizing: border-box;
img{
display: block;
.px2rem(width, 311);
margin: 0 auto;
}
p{
text-align: center;
color: #424242;
}
}
a{
display: block;
.px2rem(width, 105);
margin: 0 auto;
color: #9b9b9b;
.px2rem(font-size, 24);
text-decoration: underline !important;
text-decoration:#9b9b9b;
}
}
}
\ No newline at end of file
css/flexible.css 0 → 100644
@charset "utf-8";
html {
color: #333;
background: #fff;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html * {
outline: none;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
width:100%;
margin: 0;
padding: 0;
font-size:16px;
background:#ffffff;
font-family: "苹方","方正俊黑简体","Helvetica","PingFang SC Medium","SimHei", "黑体","Microsoft YaHei","微软雅黑","Times New Roman";
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
}
input,
select,
textarea {
font-size: 100%;
}
/* 去掉各 Table cell 的边距并让其边重合 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 去除默认边框 */
fieldset,
img {
border: 0;
}
/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
border: 0;
font-variant: normal;
}
/* 一致的 del 样式 */
del {
text-decoration: line-through;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
font-style: normal;
font-weight: 500;
}
/* 去掉列表前的标识, li 会继承 */
ol,
ul {
list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,
th {
text-align: left;
}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 500;
}
q:before,
q:after {
content: '';
}
/* 统一上标和下标 */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {
text-decoration: underline;
}
/* 默认不显示下划线，保持页面简洁 */
ins,
a {
text-decoration: none;
}
.hidden{
display: none;
}
css/home.css 0 → 100644
.myInfo {
height: 1.49333333rem;
display: flex;
box-shadow: 0px 0px 0.26667rem 0px rgba(154, 154, 154, 0.5);
padding-left: 0.25333333rem;
padding-right: 0.25333333rem;
background: url(../images/bgsmall.png) no-repeat;
background-size: 100%;
justify-content: space-between;
align-items: center;
}
.myInfo .img-box {
width: 1.17333333rem;
height: 1.17333333rem;
border-width: 0.06666667rem;
margin-right: 0.37333333rem;
border-radius: 50%;
box-shadow: 0px 0.0533rem 0.09333rem 0px rgba(145, 145, 145, 0.5);
border: solid 0.02666rem #e6e6e6;
overflow: hidden;
box-shadow: 0.05333333rem;
}
.myInfo .img-box img {
width: 100%;
}
.myInfo .name-box {
width: 5.86666667rem;
}
.myInfo .name-box p:nth-child(1) {
line-height: 0.6rem;
}
.myInfo .name-box p:nth-child(2) {
line-height: 0.44rem;
}
.myInfo .btnCourse {
width: 2.08rem;
height: 0.8rem;
line-height: 0.8rem;
border-radius: 0.55333333rem;
text-align: center;
color: #ffffff;
background-image: linear-gradient(90deg, #ff6a6a 0%, #ff9e63 100%);
}
.fiexQuit-box {
position: fixed;
top: 0;
height: 100%;
width: 100%;
}
.fiexQuit-box .bg-box {
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
opacity: 0.8;
}
.fiexQuit-box .quit-box {
position: absolute;
top: 4.69333333rem;
left: 0.57333333rem;
width: 8.85333333rem;
height: 4.4rem;
border-radius: 0.24rem;
overflow: hidden;
background: #ffffff;
z-index: 9999;
}
.fiexQuit-box .quit-box .quitText {
line-height: 3.04rem;
font-size: 0.64rem;
text-align: center;
color: #555555;
}
.fiexQuit-box .quit-box .isQuit {
height: 1.36rem;
background: #efefef;
font-size: 0.42666667rem;
display: flex;
}
.fiexQuit-box .quit-box .isQuit span {
display: inline-block;
width: 50%;
text-align: center;
line-height: 1.36rem;
box-sizing: border-box;
}
.fiexQuit-box .quit-box .isQuit span:nth-child(1) {
border-right: 1px solid #cecece;
}
.fiexQuit-box .quit-box .isQuit span:hover {
color: #ff7169;
background-color: #d8d8d8;
}
css/home.less 0 → 100644
.px2rem(@name, @px) {
@{name}: @px / 75 * 1rem;
}
.px2px(@name, @px) {
@{name}: round(@px / 2) * 1px;
[data-dpr="2"] & {
@{name}: @px * 1px;
}
// for mx3
[data-dpr="2.5"] & {
@{name}: round(@px * 2.5 / 2) * 1px;
}
// for 小米note
[data-dpr="2.75"] & {
@{name}: round(@px * 2.75 / 2) * 1px;
}
[data-dpr="3"] & {
@{name}: round(@px / 2 * 3) * 1px
}
// for 三星note4
[data-dpr="4"] & {
@{name}: @px * 2px;
}
}
.myInfo{
.px2rem(height, 112);
display: flex;
box-shadow: 0px 0px 0.26667rem 0px
rgba(154, 154, 154, 0.5);
.px2rem(padding-left,19);
.px2rem(padding-right,19);
background: url(../images/bgsmall.png) no-repeat;
background-size: 100%;
justify-content: space-between;
align-items: center;
.img-box{
.px2rem(width, 88);
.px2rem(height, 88);
.px2rem(border-width,5);
.px2rem(margin-right, 28);
border-radius: 50%;
box-shadow: 0px 0.0533rem 0.09333rem 0px
rgba(145, 145, 145, 0.5);
border: solid 0.02666rem #e6e6e6;
overflow: hidden;
.px2rem(box-shadow,4);
img{
width: 100%;
}
};
.name-box{
.px2rem(width, 440);
p:nth-child(1){
.px2rem(line-height, 45)
}
p:nth-child(2){
.px2rem(line-height, 33)
}
}
.btnCourse{
.px2rem(width, 156);
.px2rem(height, 60);
.px2rem(line-height, 60);
.px2rem(border-radius,41.5);
text-align: center;
color: #ffffff;
background-image: linear-gradient(90deg,
#ff6a6a 0%,
#ff9e63 100%);
}
}
.fiexQuit-box {
position: fixed;
top: 0;
height: 100%;
width: 100%;
.bg-box{
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
opacity: 0.8;
}
.quit-box{
position: absolute;
.px2rem(top, 352);
.px2rem(left,43);
.px2rem(width,664);
.px2rem(height,330);
.px2rem(border-radius,18);
overflow: hidden;
background: #ffffff;
z-index: 9999;
.quitText{
.px2rem(line-height, 228);
.px2rem(font-size,48);
text-align: center;
color: #555555;
}
.isQuit{
.px2rem(height, 102);
background: #efefef;
.px2rem(font-size,32);
display: flex;
span{
display: inline-block;
width: 50%;
text-align: center;
.px2rem(line-height, 102);
box-sizing: border-box;
}
span:nth-child(1){
border-right: 1px solid #cecece;
}
span:hover{
color: #ff7169;
background-color: #d8d8d8;
}
}
}
}
\ No newline at end of file
css/index.css 0 → 100644
a {
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.hidden {
display: none;
}
.font-36 {
font-size: 0.48rem;
}
.font-30 {
font-size: 0.4rem;
}
.font-32 {
font-size: 0.42666667rem;
}
.font-24 {
font-size: 0.32rem;
}
.font-20 {
font-size: 0.26666667rem;
}
.font-18 {
font-size: 0.24rem;
}
.font-48 {
font-size: 0.64rem;
}
.font-bold {
font-weight: bold;
}
.relative {
position: relative;
}
* {
margin: 0;
padding: 0;
}
#toast {
width: 3.86666667rem;
height: 0.74666667rem;
line-height: 0.74666667rem;
text-align: center;
position: fixed;
left: 50%;
top: 7.33333333rem;
z-index: 1000000;
margin-left: -1.93333333rem;
border-radius: 0.10666667rem;
background: rgba(0, 0, 0, 0.7);
color: #ffffff;
}
.container .fixed-box1 {
position: fixed;
bottom: 0;
width: 100%;
height: 1.46666667rem;
background: url('../images/bgsmall.png') no-repeat;
background-size: 100%;
box-shadow: 0px 0px 20px 0px rgba(154, 154, 154, 0.5);
display: flex;
align-items: center;
justify-content: space-between;
}
.container .fixed-box1 .person {
height: 1.10666667rem;
margin-left: 0.18666667rem;
}
.container .fixed-box1 .person p {
font-family: PingFangSC-Regular;
color: #424242;
}
.container .fixed-box1 .person p b {
display: inline-block;
width: 0.4rem;
height: 0.6rem;
background: url(../images/bgfont.png) no-repeat;
background-size: 100%;
text-align: center;
color: #ffffff;
font-weight: normal;
}
.container .fixed-box1 .person p b:nth-child(1) {
margin-left: -0.2rem;
}
.container .fixed-box1 .person p b:nth-child(2) {
margin-right: 0.06666667rem;
margin-left: 0.06666667rem;
}
.container .fixed-box1 .person p b:nth-child(3) {
margin-left: -0.01333333rem;
margin-right: -0.02666667rem;
}
.container .fixed-box1 .money {
text-align: center;
width: 100%;
margin-left: 0.18666667rem;
height: 1.10666667rem;
line-height: 1.10666667rem;
margin-right: 0.18666667rem;
background-image: linear-gradient(90deg, #ff6a6a 0%, #ff9e63 100%);
border-radius: 0.10666667rem;
color: #ffffff;
}
.container .fixed-box1 .money span {
display: inline-block;
margin-left: 0.2rem;
}
.container .fixed-box2 {
position: fixed;
bottom: 1.6rem;
right: 0.14666667rem;
width: 1.65333333rem;
}
.container .fixed-box2 img {
width: 100%;
}
.images-box {
width: 100%;
}
.images-box img {
display: block;
width: 100%;
}
.login-container {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.69);
top: 0;
left: 0;
z-index: 999999;
}
.login-container p {
width: 100%;
color: #ffffff;
text-align: center;
position: absolute;
top: 2.04rem;
}
.content-box {
width: 100%;
height: 100%;
}
.content-box .content-bottom {
position: absolute;
top: 4.04rem;
left: 0.57333333rem;
width: 8.85333333rem;
padding-bottom: 0.26666667rem;
padding-top: 0.26666667rem;
background-color: #ffffff;
border-radius: 0.24rem;
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
}
.content-box .content-bottom .input-box {
margin-top: 1rem;
}
.content-box .content-bottom .input-box input {
width: 7.81333333rem;
height: 1.33333333rem;
box-sizing: border-box;
border: none;
font-size: 0.48rem;
padding-left: 0.76rem;
background-color: #f5f5f5;
box-shadow: inset 0px 1px 0.32rem 0px rgba(204, 204, 204, 0.5);
border-radius: 0.74666667rem;
}
.content-box .content-bottom .input-box .tipmes {
position: absolute;
top: 1.49333333rem;
text-align: left;
padding-left: 0.57333333rem;
color: #ff5b5b;
}
.content-box .content-bottom .input-box #get-message {
position: absolute;
right: 0;
top: 0;
border: none;
background-image: linear-gradient(90deg, #ff6a6a 0%, #ff9e63 100%);
width: 2.41333333rem;
height: 1.33333333rem;
border-top-right-radius: 0.74666667rem;
border-bottom-right-radius: 0.74666667rem;
color: #ffffff;
}
.content-box .content-bottom > a {
display: block;
width: 7.81333333rem;
height: 1.33333333rem;
line-height: 1.33333333rem;
border-radius: 0.74666667rem;
font-size: 0.48rem;
background: url(../images/next.png) no-repeat;
background-size: 100%;
margin: auto;
margin-top: 1.16rem;
text-align: center;
color: #ffffff;
text-decoration: none;
}
.content-box-1 {
width: 100%;
}
.content-box-1 .content-bottom {
position: absolute;
top: 4.04rem;
left: 0.57333333rem;
width: 8.85333333rem;
padding-bottom: 0.26666667rem;
padding-top: 0.26666667rem;
background-color: #ffffff;
border-radius: 0.24rem;
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
}
.content-box-1 .content-bottom .input-box {
margin-top: 0.66666667rem;
}
.content-box-1 .content-bottom .input-box input,
.content-box-1 .content-bottom .input-box #trigger1 {
width: 7.81333333rem;
height: 1.33333333rem;
line-height: 1.33333333rem;
box-sizing: border-box;
border: none;
font-size: 0.48rem;
color: #767676;
padding-left: 0.76rem;
background-color: #f5f5f5;
border-radius: 0.74666667rem;
}
.content-box-1 .content-bottom .input-box .tipmes {
position: absolute;
top: 1.49333333rem;
text-align: left;
padding-left: 0.57333333rem;
color: #ff5b5b;
}
.content-box-1 .content-bottom .input-box #trigger1 {
border: none;
}
.content-box-1 .content-bottom .input-box #trigger1 span {
display: inline-block;
width: 0;
height: 0;
position: absolute;
right: 0.69333333rem;
top: 0.56rem;
border-top: 0.2rem solid #ff635d;
border-left: 0.1866rem solid transparent;
border-right: 0.1866rem solid transparent;
}
.content-box-1 .content-bottom .input-box .rotate {
transform: rotate(180deg);
}
.content-box-1 .content-bottom .input-box ul {
width: 7.81333333rem;
border-radius: 0.37333333rem;
font-size: 0.4rem;
margin-top: 0.13333333rem;
padding-top: 0.26666667rem;
padding-bottom: 0.26666667rem;
position: absolute;
right: 0;
top: 1.26666667rem;
overflow: hidden;
background-color: #ffffff;
box-shadow: inset 0px 1px 24px 0px rgba(204, 204, 204, 0.5);
}
.content-box-1 .content-bottom .input-box ul li {
width: 7.81333333rem;
height: 0.93333333rem;
line-height: 0.93333333rem;
text-align: center;
margin-right: 10px;
position: relative;
cursor: pointer;
color: #8a8a8a;
font-size: 0.4rem;
}
.content-box-1 .content-bottom .input-box ul li b {
font-weight: bold;
color: #5b5b5b;
margin-right: 0.06666667rem;
}
.content-box-1 .content-bottom > a {
display: block;
width: 7.81333333rem;
height: 1.33333333rem;
line-height: 1.33333333rem;
border-radius: 0.74666667rem;
font-size: 0.48rem;
background: url(../images/next.png) no-repeat;
background-size: 100%;
margin: auto;
margin-top: 1.16rem;
text-align: center;
color: #ffffff;
text-decoration: none;
}
.content-box-2 {
width: 8.46666667rem;
top: 1.84rem;
margin: auto;
}
.content-box-2 .headimg {
display: flex;
margin-bottom: 0.4rem;
}
.content-box-2 .headimg img {
box-sizing: border-box;
background: #ffffff;
width: 1.77333333rem;
height: 1.77333333rem;
padding: 0.13333333rem;
margin-right: 0.50666667rem;
}
.content-box-2 .headimg div {
color: #ffffff;
font-family: SourceHanSansCN-Heavy;
}
.content-box-2 .headimg div p:nth-child(1) {
margin-top: 0.26666667rem;
font-size: 0.64rem;
margin-bottom: 0.26666667rem;
}
.content-box-2 .headimg div p:nth-child(2) {
font-size: 0.48rem;
}
.content-box-2 .headimg div p:nth-child(2) span:nth-child(1) {
display: inline-block;
margin-right: 0.26666667rem;
}
.content-box-2 .cards-box {
width: 8.34666667rem;
height: 5.17333333rem;
margin: auto;
}
.content-box-2 .cards-box img {
width: 100%;
}
.content-box-2 button {
display: block;
border: none;
border-radius: 0.26666667rem;
font-size: 0.48rem;
color: #ffffff;
font-family: SourceHanSansCN-Heavy;
width: 5.50666667rem;
height: 1.48rem;
margin: 0 auto;
margin-top: 1.34666667rem;
background-image: linear-gradient(12deg, #ff6a31 0%, #ff9916 100%);
}
css/index.less 0 → 100644
.px2rem(@name, @px) {
@{name}: @px / 75 * 1rem;
}
.px2px(@name, @px) {
@{name}: round(@px / 2) * 1px;
[data-dpr="2"] & {
@{name}: @px * 1px;
}
// for mx3
[data-dpr="2.5"] & {
@{name}: round(@px * 2.5 / 2) * 1px;
}
// for 小米note
[data-dpr="2.75"] & {
@{name}: round(@px * 2.75 / 2) * 1px;
}
[data-dpr="3"] & {
@{name}: round(@px / 2 * 3) * 1px
}
// for 三星note4
[data-dpr="4"] & {
@{name}: @px * 2px;
}
}
a{
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.hidden{
display: none;
}
.font-36{
.px2rem(font-size,36);
}
.font-30{
.px2rem(font-size,30);
}
.font-32{
.px2rem(font-size,32);
}
.font-24{
.px2rem(font-size,24);
}
.font-20{
.px2rem(font-size,20);
}
.font-18{
.px2rem(font-size,18);
}
.font-48{
.px2rem(font-size,48);
}
.font-bold{
font-weight: bold;
}
.relative{
position: relative;
}
*{
margin: 0;
padding: 0;
}
#toast {
width: 3.86666667rem;
height: 0.74666667rem;
line-height: 0.74666667rem;
text-align: center;
position: fixed;
left: 50%;
top: 7.33333333rem;
z-index: 1000000;
margin-left: -1.93333333rem;
border-radius: 0.10666667rem;
background: rgba(0, 0, 0, 0.7);
color: #ffffff;
}
.container{
.fixed-box1{
position: fixed;
bottom: 0;
width: 100%;
.px2rem(height, 110);
background: url('../images/bgsmall.png') no-repeat;
background-size: 100%;
box-shadow: 0px 0px 20px 0px
rgba(154, 154, 154, 0.5);
display: flex;
align-items: center;
justify-content: space-between;
.person{
.px2rem(height, 83);
.px2rem(margin-left, 14);
p{
font-family: PingFangSC-Regular;
color: #424242;
b{
display: inline-block;
.px2rem(width, 30);
.px2rem(height, 45);
background: url(../images/bgfont.png) no-repeat;
background-size: 100%;
text-align: center;
color: #ffffff;
font-weight: normal;
}
b:nth-child(1){
.px2rem(margin-left, -15);
}
b:nth-child(2){
.px2rem(margin-right, 5);
.px2rem(margin-left, 5);
}
b:nth-child(3){
.px2rem(margin-left, -1);
.px2rem(margin-right, -2);
}
}
}
.money{
text-align: center;
width: 100%;
.px2rem(margin-left, 14);
.px2rem(height, 83);
.px2rem(line-height, 83);
.px2rem(margin-right, 14);
background-image: linear-gradient(90deg,
#ff6a6a 0%,
#ff9e63 100%);
.px2rem(border-radius, 8);
color: #ffffff;
span{
display: inline-block;
.px2rem(margin-left, 15);
}
}
}
.fixed-box2{
position: fixed;
.px2rem(bottom, 120);
.px2rem(right,11);
.px2rem(width, 124);
img{
width: 100%;
}
}
}
.images-box{
width: 100%;
img{
display: block;
width: 100%;
}
}
.login-container{
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.69);
top: 0;
left: 0;
z-index: 999999;
p{
width: 100%;
color: #ffffff;
text-align: center;
position: absolute;
.px2rem(top,153);
}
}
.content-box{
width: 100%;
height: 100%;
.content-bottom{
position: absolute;
.px2rem(top,303);
.px2rem(left,43);
.px2rem(width,664);
.px2rem(padding-bottom,20);
.px2rem(padding-top,20);
background-color: #ffffff;
.px2rem( border-radius,18);
display: flex;
flex-direction: column;
align-items: center;
margin:auto;
.input-box{
.px2rem(margin-top,75);
input{
.px2rem(width,586);
.px2rem(height,100);
box-sizing: border-box;
border: none;
.px2rem(font-size,36);
.px2rem(padding-left,57);
background-color: #f5f5f5;
box-shadow: inset 0px 1px 0.32rem 0px
rgba(204, 204, 204, 0.5);
.px2rem( border-radius,56);
}
.tipmes{
position: absolute;
.px2rem(top,112);
text-align: left;
.px2rem(padding-left,43);
color: #ff5b5b;
}
#get-message{
position: absolute;
right: 0;
top: 0;
border: none;
background-image: linear-gradient(90deg,
#ff6a6a 0%,
#ff9e63 100%);
.px2rem(width,181);
.px2rem(height,100);
.px2rem( border-top-right-radius,56);
.px2rem( border-bottom-right-radius,56);
color: #ffffff;
}
}
>a{
display: block;
.px2rem(width,586);
.px2rem(height,100);
.px2rem(line-height,100);
.px2rem( border-radius,56);
.px2rem(font-size,36);
background: url(../images/next.png) no-repeat;
background-size: 100%;
margin: auto;
.px2rem(margin-top,87);
text-align: center;
color: #ffffff;
text-decoration: none;
}
}
}
.content-box-1{
width: 100%;
.content-bottom{
position: absolute;
.px2rem(top,303);
.px2rem(left,43);
.px2rem(width,664);
.px2rem(padding-bottom,20);
.px2rem(padding-top,20);
background-color: #ffffff;
.px2rem( border-radius,18);
display: flex;
flex-direction: column;
align-items: center;
margin:auto;
.input-box{
.px2rem(margin-top,50);
input,#trigger1{
.px2rem(width,586);
.px2rem(height,100);
.px2rem(line-height,100);
box-sizing: border-box;
border: none;
.px2rem(font-size,36);
color: #767676;
.px2rem(padding-left,57);
background-color: #f5f5f5;
.px2rem( border-radius,56);
}
.tipmes{
position: absolute;
.px2rem(top,112);
text-align: left;
.px2rem(padding-left,43);
color: #ff5b5b;
}
#trigger1{
border: none;
span{
display: inline-block;
width: 0;
height: 0;
position: absolute;
.px2rem(right,52);
.px2rem(top,42);
border-top: 0.2rem solid #ff635d;
border-left: 0.1866rem solid transparent;
border-right: 0.1866rem solid transparent;
}
}
.rotate{
transform:rotate(180deg);
}
ul{
.px2rem(width,586);
.px2rem(border-radius,28);
.px2rem(font-size,30);
.px2rem(margin-top,10);
.px2rem(padding-top,20);
.px2rem(padding-bottom,20);
position: absolute;
right:0;
.px2rem(top,95);
overflow: hidden;
background-color: #ffffff;
box-shadow: inset 0px 1px 24px 0px
rgba(204, 204, 204, 0.5);
li{
.px2rem(width,586);
.px2rem(height,70);
.px2rem(line-height,70);
text-align:center;
margin-right:10px;
position:relative;
cursor:pointer;
color: #8a8a8a;
.px2rem(font-size,30);
b{
font-weight: bold;
color: #5b5b5b;
.px2rem(margin-right,5);
}
}
}
}
>a{
display: block;
.px2rem(width,586);
.px2rem(height,100);
.px2rem(line-height,100);
.px2rem( border-radius,56);
.px2rem(font-size,36);
background: url(../images/next.png) no-repeat;
background-size: 100%;
margin: auto;
.px2rem(margin-top,87);
text-align: center;
color: #ffffff;
text-decoration: none;
}
}
}
.content-box-2{
.px2rem(width,635);
.px2rem(top,138);
margin: auto;
//background: #ff6930;
.headimg{
display: flex;
.px2rem(margin-bottom,30);
img{
box-sizing: border-box;
background: #ffffff;
.px2rem(width,133);
.px2rem(height,133);
.px2rem(padding,10);
.px2rem(margin-right,38)
}
div{
color: #ffffff;
font-family: SourceHanSansCN-Heavy;
p:nth-child(1){
.px2rem(margin-top,20);
.px2rem(font-size, 48);
.px2rem(margin-bottom,20);
}
p:nth-child(2){
.px2rem(font-size, 36);
span:nth-child(1){
display: inline-block;
.px2rem(margin-right,20);
}
}
}
}
.cards-box{
.px2rem(width,626);
.px2rem(height,388);
margin: auto;
img{
width: 100%;
}
}
button{
display: block;
border: none;
.px2rem(border-radius,20);
.px2rem(font-size, 36);
color: #ffffff;
font-family: SourceHanSansCN-Heavy;
.px2rem(width,413);
.px2rem(height,111);
margin: 0 auto;
.px2rem(margin-top,101);
background-image: linear-gradient(12deg,
#ff6a31 0%,
#ff9916 100%);
}
}
\ No newline at end of file
css/mobileSelect.css 0 → 100644
.mobileSelect {
position: relative;
z-index: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s, z-index 0.4s;
transition: opacity 0.4s, z-index 0.4s;
}
.mobileSelect * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mobileSelect .grayLayer {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #eee;
background: rgba(0, 0, 0, 0.7);
z-index: 888;
display: block;
}
.mobileSelect .content {
width: 100%;
display: block;
position: fixed;
z-index: 889;
color: black;
-webkit-transition: all 0.4s;
transition: all 0.4s;
bottom: -350px;
left: 0;
background: white;
}
.mobileSelect .content .fixWidth {
width: 90%;
margin: 0 auto;
position: relative;
}
.mobileSelect .content .fixWidth:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.mobileSelect .content .btnBar {
border-bottom: 1px solid #DCDCDC;
font-size: 15px;
height: 45px;
position: relative;
text-align: center;
line-height: 45px;
}
.mobileSelect .content .btnBar .cancel,
.mobileSelect .content .btnBar .ensure {
height: 45px;
width: 55px;
cursor: pointer;
position: absolute;
top: 0;
}
.mobileSelect .content .btnBar .cancel {
left: 0;
color: #666;
}
.mobileSelect .content .btnBar .ensure {
right: 0;
color: #1e83d3;
}
.mobileSelect .content .btnBar .title {
font-size: 15px;
padding: 0 15%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mobileSelect .content .panel:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.mobileSelect .content .panel .wheels {
width: 100%;
height: 200px;
overflow: hidden;
}
.mobileSelect .content .panel .wheel {
position: relative;
z-index: 0;
float: left;
width: 50%;
height: 200px;
overflow: hidden;
-webkit-transition: width 0.3s ease;
transition: width 0.3s ease;
}
.mobileSelect .content .panel .wheel .selectContainer {
display: block;
text-align: center;
-webkit-transition: -webkit-transform 0.18s ease-out;
transition: -webkit-transform 0.18s ease-out;
transition: transform 0.18s ease-out;
transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
}
.mobileSelect .content .panel .wheel .selectContainer li {
font-size: 15px;
display: block;
height: 40px;
line-height: 40px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mobileSelect .content .panel .selectLine {
height: 40px;
width: 100%;
position: absolute;
top: 80px;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}
.mobileSelect .content .panel .shadowMask {
position: absolute;
top: 0;
width: 100%;
height: 200px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
opacity: 0.9;
pointer-events: none;
}
.mobileSelect-show {
opacity: 1;
z-index: 10000;
visibility: visible;
}
.mobileSelect-show .content {
bottom: 0;
}
css/mobileSelect.less 0 → 100644
@color: #1e83d3;
.clearfix() {
&:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
}
.nowrap(){
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.mobileSelect{
position: relative;
z-index: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s, z-index 0.4s;
transition: opacity 0.4s, z-index 0.4s;
*{
margin:0;
padding:0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.grayLayer{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #eee;
background: rgba(0, 0, 0, 0.7);
z-index: 888;
display: block;
}
.content{
width: 100%;
display: block;
position: fixed;
z-index: 889;
color: black;
-webkit-transition: all 0.4s;
transition: all 0.4s;
bottom: -350px;
left:0;
background: white;
.fixWidth{
.clearfix();
width:90%;
margin: 0 auto;
position: relative;
}
.btnBar{
border-bottom: 1px solid #DCDCDC;
font-size: 15px;
height: 45px;
position: relative;
text-align: center;
line-height: 45px;
.cancel,.ensure{
height: 45px;
width: 55px;
cursor: pointer;
position: absolute;
top: 0;
}
.cancel{
left: 0;
color: #666;
}
.ensure{
right:0;
color:@color;
}
.title{
font-size: 15px;
padding:0 15%;
.nowrap();
}
}
.panel{
.clearfix();
.wheels{
width:100%;
height:200px;
overflow: hidden;
}
.wheel{
position: relative;
z-index: 0;
float: left;
width: 50%;
height: 200px;
overflow: hidden;
-webkit-transition: width 0.3s ease;
transition: width 0.3s ease;
.selectContainer{
display: block;
text-align: center;
-webkit-transition: -webkit-transform 0.18s ease-out;
transition: -webkit-transform 0.18s ease-out;
transition: transform 0.18s ease-out;
transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
li{
font-size: 15px;
display: block;
height: 40px;
line-height: 40px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
.selectLine{
height: 40px;
width: 100%;
position: absolute;
top: 80px;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}
.shadowMask{
position: absolute;
top: 0;
width: 100%;
height: 200px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
opacity: 0.9;
pointer-events: none;
}
}
}
}
.mobileSelect-show{
opacity: 1;
z-index: 10000;
visibility: visible;
.content{
bottom: 0;
}
}
\ No newline at end of file
css/success.css 0 → 100644
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
html li,
body li {
list-style: none;
}
.marginleft {
margin-left: 0.13333333rem;
}
.marginright {
margin-right: 0.13333333rem;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.center {
text-align: center;
}
img {
width: 100%;
}
.container {
height: 100%;
background: url(../images/bgbody.png) no-repeat;
background-size: cover;
padding-top: 3.8rem;
box-sizing: border-box;
}
.container .img-box {
width: 7.6rem;
margin: 0 auto;
}
.container .btn-box {
width: 4.44rem;
height: 1.10666667rem;
line-height: 1.10666667rem;
border-radius: 0.10666667rem;
font-size: 0.48rem;
color: #ffffff;
margin: 0 auto;
text-align: center;
margin-top: 3.28rem;
background-image: linear-gradient(90deg, #ff6a6a 0%, #ff9e63 100%);
}
.container .logo-box {
width: 100%;
position: absolute;
bottom: 0.8rem;
}
.container .logo-box img {
width: 2.8rem;
display: block;
margin: 0 auto;
}
css/success.less 0 → 100644
* {
margin: 0;
padding: 0;
}
.px2rem(@name, @px) {
@{name}: @px / 75 * 1rem;
}
.px2px(@name, @px) {
@{name}: round(@px / 2) * 1px;
[data-dpr="2"] & {
@{name}: @px * 1px;
}
// for mx3
[data-dpr="2.5"] & {
@{name}: round(@px * 2.5 / 2) * 1px;
}
// for 小米note
[data-dpr="2.75"] & {
@{name}: round(@px * 2.75 / 2) * 1px;
}
[data-dpr="3"] & {
@{name}: round(@px / 2 * 3) * 1px
}
// for 三星note4
[data-dpr="4"] & {
@{name}: @px * 2px;
}
}
html,
body {
height: 100%;
}
html li,
body li {
list-style: none;
}
.marginleft{
.px2rem(margin-left,10);
}
.marginright{
.px2rem(margin-right,10);
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.center{
text-align: center;
}
img{
width: 100%;
}
.container{
height: 100%;
background: url(../images/bgbody.png) no-repeat;
background-size: cover;
.px2rem(padding-top, 285);
box-sizing: border-box;
.img-box{
.px2rem(width, 570);
margin: 0 auto;
}
.btn-box{
.px2rem(width,333);
.px2rem(height,83);
.px2rem(line-height,83);
.px2rem(border-radius,8);
.px2rem(font-size,36);
color: #ffffff;
margin: 0 auto;
text-align: center;
.px2rem(margin-top,246);
background-image: linear-gradient(90deg,
#ff6a6a 0%,
#ff9e63 100%);
}
.logo-box{
width: 100%;
position: absolute;
.px2rem(bottom, 60);
img{
.px2rem(width,210);
display: block;
margin: 0 auto;
}
}
}
\ No newline at end of file
css/swiper.css 0 → 100644
This diff is collapsed. Click to expand it.
css/video.css 0 → 100644
.vjs-big-play-button {
display: none!important;
}
#video-cover{
position: absolute;
left:0;
top:0;
z-index:1;
display:none;
width: 100%;
}
\ No newline at end of file
index.html 0 → 100644
This diff is collapsed. Click to expand it.
js/bscroll.js 0 → 100644
This diff is collapsed. Click to expand it.
js/fastclick.js 0 → 100644
This diff is collapsed. Click to expand it.
js/flexible.js 0 → 100644
(function(win,tcf){
var doc = win.document;
var docEl = doc.documentElement;
var metaEl = doc.querySelector('meta[name="viewport"]');
var dpr = 0;
var scale = 0;
var handler = null;
var flexible = tcf.flexible || (tcf.flexible = {});
//将根据已有的meta标签来设置缩放比例
if (metaEl) {
var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
if (match) {
scale = parseFloat(match[1]);
dpr = parseInt(1 / scale);
}
}
//如果没有设置，那么会自动添加meta viewport的设置
if (!dpr && !scale) {
var isAndroid = win.navigator.appVersion.match(/android/gi);
var isIPhone = win.navigator.appVersion.match(/iphone/gi);
var isLiebao = win.navigator.appVersion.match(/LieBao/gi);
var isSogou = win.navigator.appVersion.match(/Sogou/gi);
var clsName = String(isIPhone||isLiebao||isSogou||isAndroid||'').toLowerCase();
var devicePixelRatio = Math.floor(win.devicePixelRatio)||1;
if (isIPhone) {
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
dpr = 3;
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
dpr = 2;
} else {
dpr = 1;
}
}else if(isLiebao || isSogou){
dpr = 1;
}else {
dpr = devicePixelRatio;
}
doc.body.classList.add(clsName);
scale = 1 / dpr;
}
if (!metaEl) {
metaEl = doc.createElement('meta');
metaEl.setAttribute('name', 'viewport');
metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale +',user-scalable=no');
if (docEl.firstElementChild) {
docEl.firstElementChild.appendChild(metaEl);
} else {
var wrap = doc.createElement('div');
wrap.appendChild(metaEl);
doc.write(wrap.innerHTML);
}
}
docEl.setAttribute('data-dpr', dpr);
var setFontSize = function(){
var width = docEl.getBoundingClientRect().width;
if (width / dpr > 540) {
width = 540 * dpr;
}
var rem = width / 10;
rem = Math.max(rem,32);
docEl.style.fontSize = rem+'px';
flexible.width = width;
flexible.rem = win.rem = rem;
};
['resize','orientationchange'].forEach(function(item){
win.addEventListener(item, function(e) {
clearTimeout(handler);
handler = setTimeout(setFontSize, 300);
}, false);
})
win.addEventListener('pageshow', function(e) {
if (e.persisted) {
clearTimeout(handler);
handler = setTimeout(setFontSize, 300);
}
}, false);
if (doc.readyState === 'complete') {
doc.body.style.fontSize = 12 * dpr + 'px';
} else {
doc.addEventListener('DOMContentLoaded', function(e) {
doc.body.style.fontSize = 12 * dpr + 'px';
}, false);
}
setFontSize();
flexible.dpr = win.dpr = dpr;
flexible.setFontSize = setFontSize;
flexible.rem2px = function(d) {
var val = parseFloat(d) * this.rem;
if (typeof d === 'string' && d.match(/rem$/)) {
val += 'px';
}
return val;
}
flexible.px2rem = function(d) {
var val = parseFloat(d) / this.rem;
if (typeof d === 'string' && d.match(/px$/)) {
val += 'rem';
}
return val;
}
}(window,window['tcf'] || (window['tcf'] = {})))
\ No newline at end of file
js/swiper.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
js/test.js 0 → 100644
//禁用手机默认的触屏滚动行为
document.addEventListener('touchmove', function(event) {
//event.preventDefault();
bindEvent();
}, false);
//touchstart事件
function touchSatrtFunc(evt) {
try {
//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
fixedShow();
var touch = evt.touches[0]; //获取第一个触点
var x = Number(touch.pageX); //页面触点X坐标
var y = Number(touch.pageY); //页面触点Y坐标
//记录触点初始位置
startX = x;
startY = y;
//console.log(startY)
} catch (e) {
//alert('touchSatrtFunc：' + e.message);
}
}
//touchmove事件，这个事件无法获取坐标
function touchMoveFunc(evt) {
try {
//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
fixedShow();
/*var touch = evt.touches[0]; //获取第一个触点
var x = Number(touch.pageX); //页面触点X坐标
var y = Number(touch.pageY); //页面触点Y坐标
//document.getElementById("version").innerHTML = "原:"+startY+" "+"现:"+y;
//判断滑动方向 上下
if (y - startY > -200) {
} else if(y - startY < -100){
}*/
} catch (e) {
//alert('touchMoveFunc：' + e.message);
}
}
//touchend事件
function touchEndFunc(evt) {
try {
//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
//var xyz = $('body').offset().top
var i=0;
var scrollTime = setTimeout(function () {
fixedShow();
if(i>300){
clearTimeout(scrollTime);
return;
}else {
i++;
}
},10);
} catch (e) {
//alert('touchEndFunc：' + e.message);
}
}
//绑定事件
function bindEvent() {
document.addEventListener('touchstart', touchSatrtFunc, false);
document.addEventListener('touchmove', touchMoveFunc, false);
document.addEventListener('touchend', touchEndFunc, false);
}
//判断是否支持触摸事件
function isTouchDevice() {
//document.getElementById("version").innerHTML = navigator.appVersion;
try {
document.createEvent("TouchEvent");
//alert("支持TouchEvent事件！");
bindEvent(); //绑定事件
} catch (e) {
alert("不支持TouchEvent事件！" + e.message);
}
}
function fixedShow() {
var xyz = $(document).scrollTop();
console.log(xyz)
if(xyz>50){
$('.point-top').hide();
$('.button-clock,.register-foot').addClass('fix-button');
}else {
$('.point-top').show();
$('.button-clock,.register-foot').removeClass('fix-button');
}
}
\ No newline at end of file
js/winter.js 0 → 100644
var proudkidsInter = 'http://192.1.1.101/';
var phoneText, buttonCode = 0;
//页面滚动
function isPassive() {
var supportsPassiveOption = false;
try {
addEventListener("test", null, Object.defineProperty({}, 'passive', {
get: function () {
supportsPassiveOption = true;
}
}));
} catch(e) {}
return supportsPassiveOption;
}
//轮播变数
function shuffLing(arg) {
if(arg ==3 || arg ==6) {
$('#shuff-num').html('0&emsp;&nbsp;1');
}else if(arg == 4){
$('#shuff-num').html('0&emsp;&nbsp;7');
}else {
$('#shuff-num').html('1&emsp;&nbsp;1');
}
}
//登录注册..............................................................................................................
//实时监控电话号码格式
function checkPhone(e) {
phoneText = $(e.target).val();
console.log(phoneText)
if(phoneText.length == 11 && (/^1[3|4|5|7|8][0-9]\d{4,8}$/.test(phoneText))){
$(e.target).siblings('p').addClass('hidden');
//填写号码成功，自动获取验证码
getSms();
}else {
$(e.target).siblings('p').removeClass('hidden');
}
}
//获取验证码
function getSms() {
console.log('获取验证码')
changeText()
$.ajax({
//url : proudkidsInter+'ruser/v1/sendSMS/'+phoneText,
type : 'get',
async : false,
cache : false,
dataType : 'json',
success : function(data) {
console.log(data)
//验证码发送成功，倒计时
changeText()
},
error : function() {
console.log('提交失败')
}
})
}
function changeText() {
if(buttonCode==1){
alert('验证码已发送，请稍后再次获取')
return false
}else {
var rightTime = 60;
$('.button-code').html('60秒');
countdown = setInterval(function () {
if(rightTime>0){
buttonCode = 1;
rightTime --;
$('#get-message').html(rightTime+'秒');
}else {
clearInterval(countdown);
buttonCode = 0;
$('#get-message').html('点击获取');
}
},1000);
}
}
//验证码正确错误
function checkSms() {
//接口回掉成功新用户
console.log('123s')
$('.form-1').hide();
$('.form-2').show();
/* var codeTex = $('#message').val();
if((/^\d{6}$/.test(codeTex))){
$.ajax({
//url : proudkidsInter+'ruser/v1/register',
data : JSON.stringify({
'phone':phoneText,
'usertype':'1',
'code':codeTex
}),
type : 'post',
async : false,
cache : false,
/!*dataType : 'json',*!/
contentType:'application/json;charset=UTF-8',
success : function(data) {
console.log(data)
//接口回掉成功新用户
$('.form-1').hide();
$('.form-2').show();
},
error : function(data) {
console.log(data)
}
});
}else {
console.log('no')
}*/
}
//领取课程
function getLesson() {
}
//我得奖励。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
function getPeopleNum() {
$.ajax({
url : proudkidsInter+'winShareController.do?shareInfo',
type : 'post',
async : false,
cache : false,
dataType : 'json',
success : function(data) {
console.log(data)
//获取数据后添加数据
},
error : function() {
console.log('提交失败')
}
})
}
//假数据
var data1 = [
/*{name:'小黄鸡1',status:'已报名'},
{name:'小黄鸡2',status:'未报名'},
{name:'小黄鸡3',status:'未报名'},
{name:'小黄鸡4',status:'已报名'},
{name:'小黄鸡5',status:'已报名'},
{name:'小黄鸡6',status:'未报名'},
{name:'小黄鸡7',status:'未报名'},
{name:'小黄鸡8',status:'已报名'},
{name:'小黄鸡9',status:'未报名'},
{name:'小黄鸡10',status:'已报名'},
{name:'小黄鸡11',status:'未报名'},
{name:'小黄鸡12',status:'未报名'},
{name:'小黄鸡13',status:'未报名'},
{name:'小黄鸡14',status:'已报名'},
{name:'小黄鸡1',status:'未报名'},
{name:'小黄鸡1',status:'已报名'},*/
];
$(document).ready(function () {
if(data1.length == 0){
$('.have-prizes').hide();
$('.no-prize').show();
}else {
$('.have-prize').show();
$('.no-prize').hide();
for(var i=0;i<data1.length;i++){
$('.invited-person tbody').append('<tr><td></td><td></td></tr>');
$('.invited-person tbody tr').eq(i).children('td:nth-child(1)').html(data1[i].name);
$('.invited-person tbody tr').eq(i).children('td:nth-child(2)').html(data1[i].status);
}
};
//年级选择
$('.grade-box').hide();
$('.grade-click').click(function () {
console.log('258')
$('.grade-box').toggle();
})
$('.grade-box li').click(function () {
console.log($(this).index());
var gradeText = $(this).html();
$('#grade').val(gradeText);
$('.grade-box').toggle();
});
//kaishi yincang
$('.register-foot,.foot-space').hide();
});
var gradeNum;
/*/!*班级选择*!/
function chooseGrade(o) {
$(o).addClass('active').siblings().removeClass('active');
console.log(o.innerHTML)
$('.grade').val($(o).html());
$('.grade-box').slideUp();
gradeNum = $(o).index();
//alert(gradeNum);
grade = $("#grade").val();
}*/
/*//下拉班级
function changeGrade(o) {
$('.grade-box').toggle();
}*/
/*领取课程*/
function endSubmit() {
stuName = $("#name").val();
grade = $(".ul ul").children("li").eq(gradeNum).attr('value');
phone = $("#phone").val();
if (stuName == "") {
tipBai("请输入孩子名字");
return false;
} else if (grade == "" ||grade == undefined) {
tipBai("请选择阶段");
return false;
} else {
oldUser = getCookie("oldUser");
var params = new Array();
params.push({ name: "phone", value: phone});
params.push({ name: "type", value: oldUser});
params.push({ name: "name", value: stuName});
params.push({ name: "level", value: grade});
post(hostpath + "/picBooksController.do?enrollSubmit", params);
}
}
\ No newline at end of file
success.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>PriudKids</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link type="text/css" rel="stylesheet" href="swiper/swiper.min.css" />
<link type="text/css" rel="stylesheet" href="css/success.css" />
<link rel="stylesheet" href="css/flexible.css">
<script src="./js/jquery-1.8.3.min.js"></script>
<script src="js/flexible.js"></script>
</head>
<body>
<div class="container">
<div class="img-box">
<img src="./images/success.png" alt="">
</div>
<div class="btn-box ">
关闭
</div>
<div class="logo-box">
<img src="./images/logo.png" alt="">
</div>
</div>
</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
var cid;
cid = localStorage.getItem('cid');
$('.btn-box').click(function() {
WeixinJSBridge.call('closeWindow');
})
//微信分享
$(document).ready(function() {
$.ajax({
type: 'get',
url: 'https://wechat.proudkids.cn/winShareController.do?shareView&route=' + encodeURIComponent(window.location.href.split("#")[0]),
async: false,
cache: false,
dataType: 'json',
success: function(res) {
wxConfig = res.obj
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wxff0504465ffbaacd', // 必填，公众号的唯一标识
timestamp: wxConfig.timestamp, // 必填，生成签名的时间戳
nonceStr: wxConfig.nonceStr, // 必填，生成签名的随机串
signature: wxConfig.signature, // 必填，签名
jsApiList: ['chooseWXPay', 'onMenuShareTimeline',
'onMenuShareAppMessage', 'onMenuShareQQ',
'onMenuShareWeibo', 'onMenuShareQZone'
] // 必填，需要使用的JS接口列表
});
}
})
});
wx.ready(function() {
wx.checkJsApi({
jsApiList: ['onMenuShareTimeline',
'onMenuShareAppMessage', 'onMenuShareQQ',
'onMenuShareWeibo', 'onMenuShareQZone'
], // 需要检测的JS接口列表，所有JS接口列表见附录2,
success: function(res) {
// 以键值对的形式返回，可用的api值true，不可用为false
// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
return {
"checkResult": {
"onMenuShareTimeline": true
},
"errMsg": "checkJsApi:ok"
};
}
});
// 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
title: 'Proud Kids 1V4小班体验课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/landing/index.html?cid=" + cid,
imgUrl: "https://files.proudkids.cn/default/tiyanbao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
// 获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
title: 'Proud Kids 1V4小班体验课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/landing/index.html?cid=" + cid,
imgUrl: "https://files.proudkids.cn/default/tiyanbao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
//获取“分享到QQ”按钮点击状态及自定义分享内容接口
wx.onMenuShareQQ({
title: 'Proud Kids 1V4小班体验课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/landing/index.html?cid=" + cid,
imgUrl: "https://files.proudkids.cn/default/tiyanbao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
//获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
// wx.onMenuShareWeibo({
// title: '阅读打卡14天 实体绘本免费送', // 分享标题
// desc: '14天Raz绘本阅读训练营', // 分享描述
// link: "https://wechat.proudkids.cn/picBooksController.do?myIndex&invitedOpenId=" +
// wxConfig.openId,
// imgUrl: "https://wechat.proudkids.cn/webpage/winter/images/wechat.jpg", // 分享图标
// success: function() {
// alert("分享成功!");
// },
// cancel: function() {
// alert("取消分享！");
// }
// });
//获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
wx.onMenuShareQZone({
title: 'Proud Kids 1V4小班体验课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/landing/index.html?cid=" + cid,
imgUrl: "https://files.proudkids.cn/default/tiyanbao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
});
</script>
</html>
\ No newline at end of file
swiper/swiper.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
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 to comment