日任务中心install
This commit is contained in:
chenruiye
329
view/molistar/modules/taskCenter/css/index.css
Normal file
329
view/molistar/modules/taskCenter/css/index.css
Normal file
@@ -0,0 +1,329 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
background: #F2F3F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding-top: 1.4666666667rem;
|
||||||
|
padding-bottom: 0.2933333333rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 0.5066666667rem;
|
||||||
|
font-weight: bold;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.back img {
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 0.24rem;
|
||||||
|
}
|
||||||
|
.back p {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.4266666667rem;
|
||||||
|
color: #313131;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
background-image: url("../images/header.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
width: 100%;
|
||||||
|
height: 6.9333333333rem;
|
||||||
|
}
|
||||||
|
.top .info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 2.4rem;
|
||||||
|
margin: 0 0.4rem;
|
||||||
|
}
|
||||||
|
.top .info .goldBean_info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.top .info .goldBean_info .goldBean_img {
|
||||||
|
width: 0.6133333333rem;
|
||||||
|
height: 0.6133333333rem;
|
||||||
|
}
|
||||||
|
.top .info .goldBean_info .goldBean {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.5866666667rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.8266666667rem;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 0.0533333333rem;
|
||||||
|
}
|
||||||
|
.top .info .Mall_box {
|
||||||
|
background: #FF8C03;
|
||||||
|
border-radius: 9.6266666667rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.1066666667rem 0.2933333333rem;
|
||||||
|
margin: 0 0.3466666667rem;
|
||||||
|
}
|
||||||
|
.top .info .Mall_box .mall_img {
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
}
|
||||||
|
.top .info .Mall_box .Mall {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-left: 0.24rem;
|
||||||
|
}
|
||||||
|
.top .check_List {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 0.2666666667rem;
|
||||||
|
padding: 0.32rem;
|
||||||
|
margin: 0.4533333333rem 0.32rem;
|
||||||
|
}
|
||||||
|
.top .check_List .title {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.3733333333rem;
|
||||||
|
color: #313131;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 0.5333333333rem;
|
||||||
|
}
|
||||||
|
.top .check_List .txt {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
color: #AFB1B3;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 0.4533333333rem;
|
||||||
|
margin-top: 0.08rem;
|
||||||
|
}
|
||||||
|
.top .check_List .signDayList {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.1333333333rem;
|
||||||
|
margin-top: 0.2666666667rem;
|
||||||
|
}
|
||||||
|
.top .check_List .signDayList .signDay_box .reward_signed {
|
||||||
|
background: linear-gradient(180deg, #FFF8E2 26%, #FFECB0 100%) !important;
|
||||||
|
}
|
||||||
|
.top .check_List .signDayList .signDay_box .reward_active {
|
||||||
|
background: linear-gradient(180deg, #FFF8E2 26%, #FFECB0 100%) !important;
|
||||||
|
border: 0.0266666667rem solid #FFD555;
|
||||||
|
}
|
||||||
|
.top .check_List .signDayList .signDay_box .reward_unsigned_active {
|
||||||
|
border: 0.0266666667rem solid #DCDCDC;
|
||||||
|
}
|
||||||
|
.top .check_List .signDayList .signDay_box .img_box {
|
||||||
|
background: #F2F3F7;
|
||||||
|
border-radius: 9.52rem;
|
||||||
|
width: 1.12rem;
|
||||||
|
height: 1.68rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.top .check_List .signDayList .signDay_box .img_box img {
|
||||||
|
width: 0.7466666667rem;
|
||||||
|
height: 0.7466666667rem;
|
||||||
|
margin-top: 0.1066666667rem;
|
||||||
|
}
|
||||||
|
.top .check_List .signDayList .signDay_box .img_box .reward_name {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
color: #313131;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-top: 0.1333333333rem;
|
||||||
|
}
|
||||||
|
.top .check_List .signDayList .signDay_box .day_txt {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.2933333333rem;
|
||||||
|
color: #7B7B7D;
|
||||||
|
line-height: 0.4rem;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-top: 0.2133333333rem;
|
||||||
|
}
|
||||||
|
.top .check_List .reward_info {
|
||||||
|
display: none;
|
||||||
|
margin-top: 0.2666666667rem;
|
||||||
|
}
|
||||||
|
.top .check_List .reward_info .flex_box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.top .check_List .reward_info .reward_box {
|
||||||
|
background: linear-gradient(180deg, #FFF8E2 26%, #FFECB0 100%);
|
||||||
|
border-radius: 0.2133333333rem;
|
||||||
|
border: 0.0266666667rem solid #FFD555;
|
||||||
|
padding: 0.1333333333rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.top .check_List .reward_info .reward_box img {
|
||||||
|
width: 0.7466666667rem;
|
||||||
|
height: 0.7466666667rem;
|
||||||
|
}
|
||||||
|
.top .check_List .reward_info .reward_box .num {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.4533333333rem;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-left: 0.1333333333rem;
|
||||||
|
}
|
||||||
|
.top .check_List .reward_info .reward_txt {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.4533333333rem;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 0.1866666667rem;
|
||||||
|
}
|
||||||
|
.top .check_List .Sign_btn {
|
||||||
|
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: 0.6666666667rem;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.3733333333rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 0.5333333333rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.2133333333rem;
|
||||||
|
margin: 0.2666666667rem 0 0;
|
||||||
|
}
|
||||||
|
.top .check_List .sign_btn_active {
|
||||||
|
background: #F2F3F7;
|
||||||
|
color: #AFB1B3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Daily_list {
|
||||||
|
margin: 4rem 0.32rem;
|
||||||
|
}
|
||||||
|
.Daily_list .top_box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.Daily_list .top_box .xian {
|
||||||
|
width: 0.08rem;
|
||||||
|
height: 0.4rem;
|
||||||
|
background: linear-gradient(180deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: 1.6533333333rem;
|
||||||
|
}
|
||||||
|
.Daily_list .top_box .title {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.4266666667rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 0.1866666667rem;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 0.32rem;
|
||||||
|
padding: 0.32rem;
|
||||||
|
margin-top: 0.2666666667rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .left .task_img {
|
||||||
|
width: 1.1733333333rem;
|
||||||
|
height: 1.1733333333rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .left .info {
|
||||||
|
margin: 0 0.1333333333rem;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .left .info .task_name {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.48rem;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .left .info .goldBean_num {
|
||||||
|
margin-top: 0.1866666667rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .left .info .goldBean_num img {
|
||||||
|
width: 0.4533333333rem;
|
||||||
|
height: 0.4533333333rem;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .left .info .goldBean_num .num {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.2933333333rem;
|
||||||
|
color: #7B7B7D;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 0.08rem;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .right {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .right .Receive_btn {
|
||||||
|
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: 0.6666666667rem;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
line-height: 0.4533333333rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.1066666667rem 0.3733333333rem;
|
||||||
|
}
|
||||||
|
.Daily_list .task_List .task_box .right .Receive_btn_RECEIVED {
|
||||||
|
background: #F2F3F7;
|
||||||
|
color: #AFB1B3;
|
||||||
|
}
|
||||||
386
view/molistar/modules/taskCenter/css/index.scss
Normal file
386
view/molistar/modules/taskCenter/css/index.scss
Normal file
@@ -0,0 +1,386 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
|
||||||
|
@function px2rem($px) {
|
||||||
|
@return $px / 75+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
// width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #F2F3F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(44);
|
||||||
|
line-height: px2rem(44);
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding-top: px2rem(110);
|
||||||
|
padding-bottom: px2rem(22);
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: px2rem(38);
|
||||||
|
font-weight: bold;
|
||||||
|
z-index: 10;
|
||||||
|
// background: #FFFFFF;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: px2rem(44);
|
||||||
|
height: px2rem(44);
|
||||||
|
position: absolute;
|
||||||
|
left: px2rem(18);
|
||||||
|
// top: px2rem(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: px2rem(32);
|
||||||
|
color: #313131;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
background-image: url("../images/header.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(520);
|
||||||
|
|
||||||
|
.info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: px2rem(180);
|
||||||
|
margin: 0 px2rem(30);
|
||||||
|
|
||||||
|
.goldBean_info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.goldBean_img {
|
||||||
|
width: px2rem(46);
|
||||||
|
height: px2rem(46);
|
||||||
|
}
|
||||||
|
|
||||||
|
.goldBean {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: px2rem(44);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(62);
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 px2rem(4);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.Mall_box {
|
||||||
|
background: #FF8C03;
|
||||||
|
border-radius: px2rem(722);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: px2rem(8) px2rem(22);
|
||||||
|
margin: 0 px2rem(26);
|
||||||
|
|
||||||
|
.mall_img {
|
||||||
|
width: px2rem(44);
|
||||||
|
height: px2rem(44);
|
||||||
|
}
|
||||||
|
|
||||||
|
.Mall {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: px2rem(26);
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-left: px2rem(18);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.check_List {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: px2rem(20);
|
||||||
|
padding: px2rem(24);
|
||||||
|
margin: px2rem(34) px2rem(24);
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: px2rem(28);
|
||||||
|
color: #313131;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: px2rem(40);
|
||||||
|
}
|
||||||
|
|
||||||
|
.txt {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: px2rem(24);
|
||||||
|
color: #AFB1B3;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: px2rem(34);
|
||||||
|
margin-top: px2rem(6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.signDayList {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: px2rem(10);
|
||||||
|
margin-top: px2rem(20);
|
||||||
|
|
||||||
|
.signDay_box {
|
||||||
|
.reward_signed {
|
||||||
|
background: linear-gradient(180deg, #FFF8E2 26%, #FFECB0 100%) !important;
|
||||||
|
// border: px2rem(2) solid #FFD555;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reward_active {
|
||||||
|
background: linear-gradient(180deg, #FFF8E2 26%, #FFECB0 100%) !important;
|
||||||
|
border: px2rem(2) solid #FFD555;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reward_unsigned_active {
|
||||||
|
border: px2rem(2) solid #DCDCDC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img_box {
|
||||||
|
background: #F2F3F7;
|
||||||
|
border-radius: px2rem(714);
|
||||||
|
// padding: px2rem(14);
|
||||||
|
width: px2rem(84);
|
||||||
|
height: px2rem(126);
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: px2rem(56);
|
||||||
|
height: px2rem(56);
|
||||||
|
margin-top: px2rem(8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.reward_name {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: px2rem(24);
|
||||||
|
color: #313131;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-top: px2rem(10);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.day_txt {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: px2rem(22);
|
||||||
|
color: #7B7B7D;
|
||||||
|
line-height: px2rem(30);
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-top: px2rem(16);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.reward_info {
|
||||||
|
display: none;
|
||||||
|
margin-top: px2rem(20);
|
||||||
|
.flex_box{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.reward_box {
|
||||||
|
background: linear-gradient(180deg, #FFF8E2 26%, #FFECB0 100%);
|
||||||
|
border-radius: px2rem(16);
|
||||||
|
border: px2rem(2) solid #FFD555;
|
||||||
|
padding: px2rem(10);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: px2rem(56);
|
||||||
|
height: px2rem(56);
|
||||||
|
// border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.num {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: px2rem(24);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(34);
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-left: px2rem(10);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.reward_txt {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: px2rem(24);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(34);
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 px2rem(14);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.Sign_btn {
|
||||||
|
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: px2rem(50);
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: px2rem(28);
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: px2rem(40);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: px2rem(16);
|
||||||
|
margin: px2rem(20) 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign_btn_active {
|
||||||
|
background: #F2F3F7;
|
||||||
|
color: #AFB1B3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.Daily_list {
|
||||||
|
margin: px2rem(300) px2rem(24);
|
||||||
|
|
||||||
|
.top_box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.xian {
|
||||||
|
width: px2rem(6);
|
||||||
|
height: px2rem(30);
|
||||||
|
background: linear-gradient(180deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: px2rem(124);
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: px2rem(32);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(44);
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 px2rem(14);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.task_List {
|
||||||
|
.task_box {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: px2rem(24);
|
||||||
|
padding: px2rem(24);
|
||||||
|
margin-top: px2rem(20);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.task_img {
|
||||||
|
width: px2rem(88);
|
||||||
|
height: px2rem(88);
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
margin: 0 px2rem(10);
|
||||||
|
|
||||||
|
.task_name {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: px2rem(26);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(36);
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.goldBean_num {
|
||||||
|
margin-top: px2rem(14);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: px2rem(34);
|
||||||
|
height: px2rem(34);
|
||||||
|
}
|
||||||
|
|
||||||
|
.num {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: px2rem(22);
|
||||||
|
color: #7B7B7D;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 px2rem(6);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
margin-left: auto;
|
||||||
|
|
||||||
|
.Receive_btn {
|
||||||
|
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: px2rem(50);
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: px2rem(24);
|
||||||
|
line-height: px2rem(34);
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: px2rem(8) px2rem(28);
|
||||||
|
}
|
||||||
|
|
||||||
|
.Receive_btn_RECEIVED {
|
||||||
|
background: #F2F3F7;
|
||||||
|
color: #AFB1B3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
208
view/molistar/modules/taskCenter/css/mall.css
Normal file
208
view/molistar/modules/taskCenter/css/mall.css
Normal file
@@ -0,0 +1,208 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
background: #F2F3F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding-top: 1.4666666667rem;
|
||||||
|
padding-bottom: 0.2933333333rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 0.5066666667rem;
|
||||||
|
font-weight: bold;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.back img {
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 0.24rem;
|
||||||
|
}
|
||||||
|
.back p {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.4266666667rem;
|
||||||
|
color: #313131;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
background-image: url("../images/mall_top_bg.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
width: 100%;
|
||||||
|
height: 6.9333333333rem;
|
||||||
|
padding-top: 2.4rem;
|
||||||
|
}
|
||||||
|
.top .info {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 0.32rem;
|
||||||
|
padding: 0.32rem;
|
||||||
|
margin: 0 0.4rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.top .info .left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.top .info .left .avatar img {
|
||||||
|
width: 1.1733333333rem;
|
||||||
|
height: 1.1733333333rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.top .info .left .user_name {
|
||||||
|
margin: 0 0.32rem;
|
||||||
|
}
|
||||||
|
.top .info .left .user_name .nick {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.3733333333rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.5333333333rem;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
.top .info .left .user_name .erbanNo {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
color: #7B7B7D;
|
||||||
|
line-height: 0.4533333333rem;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-top: 0.08rem;
|
||||||
|
}
|
||||||
|
.top .info .right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.top .info .right .jindou {
|
||||||
|
width: 0.6133333333rem;
|
||||||
|
height: 0.6133333333rem;
|
||||||
|
}
|
||||||
|
.top .info .right .goldBean {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.5866666667rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.8266666667rem;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 0.0533333333rem;
|
||||||
|
}
|
||||||
|
.top .info .right .arrow_left {
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
}
|
||||||
|
.top .Exchange_list {
|
||||||
|
margin: 0.3733333333rem 0.4rem 0;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 0.3733333333rem;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .title .xian {
|
||||||
|
width: 0.08rem;
|
||||||
|
height: 0.4rem;
|
||||||
|
background: linear-gradient(180deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: 1.6533333333rem;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .title .Exchange {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.4266666667rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 0.1866666667rem;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .shops_list {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.24rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .shops_list .shop_box {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 0.32rem;
|
||||||
|
padding: 0.2666666667rem 0.4rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: 0.0266666667rem solid #FFFFFF;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .shops_list .shop_box .pic {
|
||||||
|
width: 3.6266666667rem;
|
||||||
|
height: 3.6266666667rem;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .shops_list .shop_box .shopName {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.3733333333rem;
|
||||||
|
color: #313131;
|
||||||
|
line-height: 0.5333333333rem;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .shops_list .shop_box .num {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .shops_list .shop_box .num .exchangeGoldBean {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
color: #7B7B7D;
|
||||||
|
line-height: 0.48rem;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .shops_list .shop_box .num img {
|
||||||
|
width: 0.48rem;
|
||||||
|
height: 0.48rem;
|
||||||
|
margin: 0 0.0266666667rem;
|
||||||
|
}
|
||||||
|
.top .Exchange_list .shops_list .shop_active {
|
||||||
|
background: #FFF9EE;
|
||||||
|
border-radius: 0.32rem;
|
||||||
|
border: 0.0266666667rem solid #FF8C03;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot_btn {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.2666666667rem 0.4rem 0.6666666667rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Exchange_btn {
|
||||||
|
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: 0.6666666667rem;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.3733333333rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 0.5333333333rem;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
padding: 0.2666666667rem;
|
||||||
|
}
|
||||||
245
view/molistar/modules/taskCenter/css/mall.scss
Normal file
245
view/molistar/modules/taskCenter/css/mall.scss
Normal file
@@ -0,0 +1,245 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
|
||||||
|
@function px2rem($px) {
|
||||||
|
@return $px / 75+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
// width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #F2F3F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(44);
|
||||||
|
line-height: px2rem(44);
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding-top: px2rem(110);
|
||||||
|
padding-bottom: px2rem(22);
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: px2rem(38);
|
||||||
|
font-weight: bold;
|
||||||
|
z-index: 10;
|
||||||
|
// background: #FFFFFF;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: px2rem(44);
|
||||||
|
height: px2rem(44);
|
||||||
|
position: absolute;
|
||||||
|
left: px2rem(18);
|
||||||
|
// top: px2rem(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: px2rem(32);
|
||||||
|
color: #313131;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
background-image: url("../images/mall_top_bg.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(520);
|
||||||
|
padding-top: px2rem(180);
|
||||||
|
|
||||||
|
.info {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: px2rem(24);
|
||||||
|
padding: px2rem(24);
|
||||||
|
margin: 0 px2rem(30);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
img {
|
||||||
|
width: px2rem(88);
|
||||||
|
height: px2rem(88);
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.user_name {
|
||||||
|
margin: 0 px2rem(24);
|
||||||
|
|
||||||
|
.nick {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: px2rem(28);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(40);
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.erbanNo {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: px2rem(24);
|
||||||
|
color: #7B7B7D;
|
||||||
|
line-height: px2rem(34);
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin-top: px2rem(6);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.jindou {
|
||||||
|
width: px2rem(46);
|
||||||
|
height: px2rem(46);
|
||||||
|
}
|
||||||
|
|
||||||
|
.goldBean {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: px2rem(44);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(62);
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 px2rem(4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.arrow_left {
|
||||||
|
width: px2rem(44);
|
||||||
|
height: px2rem(44);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.Exchange_list {
|
||||||
|
margin: px2rem(28) px2rem(30) 0;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: px2rem(28);
|
||||||
|
|
||||||
|
.xian {
|
||||||
|
width: px2rem(6);
|
||||||
|
height: px2rem(30);
|
||||||
|
background: linear-gradient(180deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: px2rem(124);
|
||||||
|
}
|
||||||
|
|
||||||
|
.Exchange {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: px2rem(32);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(44);
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 0 px2rem(14);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.shops_list {
|
||||||
|
display: flex;
|
||||||
|
gap: px2rem(18);
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.shop_box {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: px2rem(24);
|
||||||
|
padding: px2rem(20) px2rem(30);
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: px2rem(2) solid #FFFFFF;
|
||||||
|
.pic {
|
||||||
|
width: px2rem(272);
|
||||||
|
height: px2rem(272);
|
||||||
|
}
|
||||||
|
|
||||||
|
.shopName {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: px2rem(28);
|
||||||
|
color: #313131;
|
||||||
|
line-height: px2rem(40);
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.num {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.exchangeGoldBean {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: px2rem(26);
|
||||||
|
color: #7B7B7D;
|
||||||
|
line-height: px2rem(36);
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: px2rem(36);
|
||||||
|
height: px2rem(36);
|
||||||
|
margin: 0 px2rem(2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.shop_active {
|
||||||
|
background: #FFF9EE;
|
||||||
|
border-radius: px2rem(24);
|
||||||
|
border: px2rem(2) solid #FF8C03;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot_btn {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: px2rem(20) px2rem(30) px2rem(50);
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Exchange_btn {
|
||||||
|
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||||
|
border-radius: px2rem(50);
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: px2rem(28);
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: px2rem(40);
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
padding: px2rem(20);
|
||||||
|
|
||||||
|
}
|
||||||
BIN
view/molistar/modules/taskCenter/images/CHARGE_GOLD_NUM.png
Normal file
BIN
view/molistar/modules/taskCenter/images/CHARGE_GOLD_NUM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
view/molistar/modules/taskCenter/images/DAILY_SIGN.png
Normal file
BIN
view/molistar/modules/taskCenter/images/DAILY_SIGN.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
view/molistar/modules/taskCenter/images/PLAY_GAME.png
Normal file
BIN
view/molistar/modules/taskCenter/images/PLAY_GAME.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
view/molistar/modules/taskCenter/images/ROOM_SEND_GIFT.png
Normal file
BIN
view/molistar/modules/taskCenter/images/ROOM_SEND_GIFT.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
view/molistar/modules/taskCenter/images/UP_MIC.png
Normal file
BIN
view/molistar/modules/taskCenter/images/UP_MIC.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
view/molistar/modules/taskCenter/images/arrow-left.png
Normal file
BIN
view/molistar/modules/taskCenter/images/arrow-left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 495 B |
BIN
view/molistar/modules/taskCenter/images/coins.png
Normal file
BIN
view/molistar/modules/taskCenter/images/coins.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
view/molistar/modules/taskCenter/images/header.png
Normal file
BIN
view/molistar/modules/taskCenter/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
view/molistar/modules/taskCenter/images/jindou.png
Normal file
BIN
view/molistar/modules/taskCenter/images/jindou.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
view/molistar/modules/taskCenter/images/mall.png
Normal file
BIN
view/molistar/modules/taskCenter/images/mall.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
view/molistar/modules/taskCenter/images/mall_top_bg.png
Normal file
BIN
view/molistar/modules/taskCenter/images/mall_top_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
view/molistar/modules/taskCenter/images/travel/back.png
Normal file
BIN
view/molistar/modules/taskCenter/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/taskCenter/images/travel/backB.png
Normal file
BIN
view/molistar/modules/taskCenter/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
76
view/molistar/modules/taskCenter/index.html
Normal file
76
view/molistar/modules/taskCenter/index.html
Normal file
@@ -0,0 +1,76 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta
|
||||||
|
name="viewport"
|
||||||
|
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
|
||||||
|
/>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||||
|
<title class="page_title"></title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||||
|
<link rel="stylesheet" href="css/index.css?v=1.1" />
|
||||||
|
<link rel="stylesheet" href="../../common/css/animate.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 頂部返回 -->
|
||||||
|
<div class="back">
|
||||||
|
<img src="./images/travel/backB.png" alt="" />
|
||||||
|
<p class="page_title">Task Center</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="top">
|
||||||
|
<div class="info">
|
||||||
|
<div class="goldBean_info">
|
||||||
|
<img src="./images/jindou.png" alt="" class="goldBean_img" />
|
||||||
|
<span class="goldBean">502</span>
|
||||||
|
</div>
|
||||||
|
<div class="Mall_box">
|
||||||
|
<img src="./images/mall.png" alt="" class="mall_img" />
|
||||||
|
<span class="Mall"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="check_List">
|
||||||
|
<div class="title Sign_gifts">Sign in to win gifts</div>
|
||||||
|
<div class="txt Sign_generous">
|
||||||
|
Sign in for 7 days to get generous gifts
|
||||||
|
</div>
|
||||||
|
<div class="signDayList"></div>
|
||||||
|
<div class="reward_info">
|
||||||
|
<div class="flex_box">
|
||||||
|
<div class="reward_box">
|
||||||
|
<img src="" alt="" />
|
||||||
|
<div class="num">*30d</div>
|
||||||
|
</div>
|
||||||
|
<div class="reward_txt">Already got it, go check it out~</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="Sign_btn Sign_now"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Daily_list">
|
||||||
|
<div class="top_box">
|
||||||
|
<div class="xian"></div>
|
||||||
|
<div class="title Daily_Tasks"></div>
|
||||||
|
</div>
|
||||||
|
<div class="task_List"></div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<script src="../../common/js/flexible.js"></script>
|
||||||
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="../../common/js/common2.js"></script>
|
||||||
|
<script src="../../common/js/layer.js"></script>
|
||||||
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
|
<script src="./local/en.js"></script>
|
||||||
|
<script src="./local/zh.js"></script>
|
||||||
|
<script src="./local/ar.js"></script>
|
||||||
|
<script src="./local/tr.js"></script>
|
||||||
|
<script src="../../common/local/langHandler.js"></script>
|
||||||
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
|
<script src="./js/index.js?v=1.0"></script>
|
||||||
326
view/molistar/modules/taskCenter/js/index.js
Normal file
326
view/molistar/modules/taskCenter/js/index.js
Normal file
@@ -0,0 +1,326 @@
|
|||||||
|
let urlPrefix = getUrlPrefix()
|
||||||
|
let browser = checkVersion()
|
||||||
|
let env = EnvCheck();
|
||||||
|
if (env == 'test') {
|
||||||
|
new VConsole();
|
||||||
|
}
|
||||||
|
// 封裝layer消息提醒框
|
||||||
|
let layerIndex
|
||||||
|
var langReplace;
|
||||||
|
var localLang;
|
||||||
|
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
shadeClose: false,
|
||||||
|
content,
|
||||||
|
success(e) {
|
||||||
|
layerIndex = $(e).attr('index')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const hideLoading = (index) => {
|
||||||
|
layer.close(index)
|
||||||
|
}
|
||||||
|
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||||
|
layer.open({
|
||||||
|
content,
|
||||||
|
time,
|
||||||
|
skin: 'msg'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 初始化函數
|
||||||
|
$(function () {
|
||||||
|
getInfoFromClient();
|
||||||
|
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||||
|
setTimeout(function () {
|
||||||
|
// 頁面全屏
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.initShowNav(false)
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 頂部返回事件
|
||||||
|
$('.back img').click(() => {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.closeWebView()
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||||
|
langReplace = window.lang.replace;
|
||||||
|
localLang = window.lang;
|
||||||
|
translateFun();
|
||||||
|
getCheckData();
|
||||||
|
getTaskList();
|
||||||
|
}, 100)
|
||||||
|
|
||||||
|
})
|
||||||
|
function translateFun() {
|
||||||
|
var langReplace = window.lang.replace;
|
||||||
|
var localLang = window.lang;
|
||||||
|
$('.page_title').html(langReplace(localLang.demoModule.page_title));
|
||||||
|
$('.Mall').html(langReplace(localLang.demoModule.Mall));
|
||||||
|
$('.Sign_gifts').html(langReplace(localLang.demoModule.Sign_gifts));
|
||||||
|
$('.Sign_generous').html(langReplace(localLang.demoModule.Sign_generous));
|
||||||
|
$('.Sign_now').html(langReplace(localLang.demoModule.Sign_now));
|
||||||
|
$('.Daily_Tasks').html(langReplace(localLang.demoModule.Daily_Tasks));
|
||||||
|
|
||||||
|
}
|
||||||
|
var signDayData = {};
|
||||||
|
function getCheckData() {
|
||||||
|
showLoading();
|
||||||
|
networkRequest({
|
||||||
|
type: "GET",
|
||||||
|
url: urlPrefix + "/userSign/info",
|
||||||
|
data: {
|
||||||
|
// pub_uid :3203
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code == 200) {
|
||||||
|
$('.goldBean').text(res.data.goldBean)
|
||||||
|
$('.top .check_List .signDayList .signDay_box').remove()
|
||||||
|
signDayData = res.data
|
||||||
|
let targetIndex = signDayData.signDayList.findIndex(item => item.dateStr === signDayData.todayDate);
|
||||||
|
|
||||||
|
if (res.data.signStatus == 'SIGNED') {
|
||||||
|
$('.check_List .reward_info .reward_box img').attr('src', signDayData.signDayList[targetIndex].pic)
|
||||||
|
$('.check_List .reward_info .reward_box .num').text(`*${signDayData.signDayList[targetIndex].awardNum}`)
|
||||||
|
$('.check_List .reward_info .reward_txt').text(langReplace(localLang.demoModule.Reward_out))
|
||||||
|
$('.check_List .reward_info').show()
|
||||||
|
}
|
||||||
|
|
||||||
|
let str = '';
|
||||||
|
res.data.signDayList.forEach((item, index) => {
|
||||||
|
str += `
|
||||||
|
<div class="signDay_box" data-index="${index}" receiveStatus="${item.receiveStatus}">
|
||||||
|
<div class="img_box ${item.receiveStatus == 'SIGNED' ? 'reward_signed' : ''} ${targetIndex == index ? 'reward_active' : ''}">
|
||||||
|
<img src="${item.pic}" alt="">
|
||||||
|
<div class="reward_name">*${item.awardNum}</div>
|
||||||
|
</div>
|
||||||
|
<div class="day_txt">${langReplace(localLang.demoModule.Day)}${item.dayNum}</div>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
});
|
||||||
|
$('.top .check_List .signDayList').append(str)
|
||||||
|
if (res.data.signStatus == 'SIGNED') {
|
||||||
|
$('.Sign_btn').attr('disabled', true)
|
||||||
|
$('.Sign_btn').addClass('sign_btn_active')
|
||||||
|
$('.Sign_btn').text(langReplace(localLang.demoModule.Signed_in))
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
}
|
||||||
|
canNext = true
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
console.log(res, "报错啦");
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
canNext = true
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 签到
|
||||||
|
$('.Sign_btn').click(function () {
|
||||||
|
let disabled = $(this).attr('disabled')
|
||||||
|
if (disabled) return
|
||||||
|
showLoading();
|
||||||
|
networkRequest({
|
||||||
|
type: "POST",
|
||||||
|
url: urlPrefix + "/userSign",
|
||||||
|
data: {
|
||||||
|
// pub_uid :3203
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code == 200) {
|
||||||
|
getCheckData();
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
}
|
||||||
|
canNext = true
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
console.log(res, "报错啦");
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
canNext = true
|
||||||
|
},
|
||||||
|
})
|
||||||
|
})
|
||||||
|
// 任务列表
|
||||||
|
function getTaskList() {
|
||||||
|
showLoading();
|
||||||
|
networkRequest({
|
||||||
|
type: "GET",
|
||||||
|
url: urlPrefix + "/daily/tasks",
|
||||||
|
data: {
|
||||||
|
// pub_uid :3203
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code == 200) {
|
||||||
|
$('.task_List .task_box').remove()
|
||||||
|
let str = '';
|
||||||
|
res.data.forEach((item, index) => {
|
||||||
|
str += `
|
||||||
|
<div class="task_box">
|
||||||
|
<div class="left">
|
||||||
|
<img src="${funTaskTypeImg(item.taskType)}" alt="" class="task_img">
|
||||||
|
<div class="info">
|
||||||
|
<div class="task_name">${funTaskType(item.taskType, item.reachNum)}</div>
|
||||||
|
<div class="goldBean_num">
|
||||||
|
<img src="./images/jindou.png" alt=""> <span class="num">*${item.goldBean}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<div class="Receive_btn ${item.receiveStatus != 'AVAILABLE' ? 'Receive_btn_RECEIVED' : ''}" taskType ="${item.taskType}" todayDate="${item.todayDate}" receiveStatus="${item.receiveStatus}">${ item.receiveStatus != 'RECEIVED' ?langReplace(localLang.demoModule.Receive) :langReplace(localLang.demoModule.Received)}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
})
|
||||||
|
$('.task_List').append(str)
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
}
|
||||||
|
canNext = true
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
console.log(res, "报错啦");
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
canNext = true
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function funTaskType(type, num) {
|
||||||
|
let obj = {
|
||||||
|
DAILY_SIGN: langReplace(localLang.demoModule.DAILY_SIGN),
|
||||||
|
UP_MIC: langReplace(localLang.demoModule.UP_MIC(num)),
|
||||||
|
UP_MIC_120: langReplace(localLang.demoModule.UP_MIC_120(num)),
|
||||||
|
PLAY_GAME: langReplace(localLang.demoModule.PLAY_GAME(num)),
|
||||||
|
CHARGE_GOLD_NUM: langReplace(localLang.demoModule.CHARGE_GOLD_NUM(num)),
|
||||||
|
CHARGE_GOLD_NUM_5: langReplace(localLang.demoModule.CHARGE_GOLD_NUM_5(num)),
|
||||||
|
CHARGE_GOLD_NUM_10: langReplace(localLang.demoModule.CHARGE_GOLD_NUM_10(num)),
|
||||||
|
ROOM_SEND_GIFT: langReplace(localLang.demoModule.ROOM_SEND_GIFT),
|
||||||
|
RECV_LUCKY_GIFT: langReplace(localLang.demoModule.RECV_LUCKY_GIFT),
|
||||||
|
RECV_NOMAL_GIFT: langReplace(localLang.demoModule.RECV_NOMAL_GIFT),
|
||||||
|
RECV_NOMAL_GIFT_GOLD: langReplace(localLang.demoModule.RECV_NOMAL_GIFT_GOLD),
|
||||||
|
}
|
||||||
|
return obj[type]
|
||||||
|
}
|
||||||
|
function funTaskTypeImg(type){
|
||||||
|
let obj = {
|
||||||
|
DAILY_SIGN: './images/DAILY_SIGN.png',
|
||||||
|
UP_MIC:'./images/UP_MIC.png',
|
||||||
|
UP_MIC_120: './images/UP_MIC.png',
|
||||||
|
PLAY_GAME: './images/PLAY_GAME.png',
|
||||||
|
CHARGE_GOLD_NUM: './images/CHARGE_GOLD_NUM.png',
|
||||||
|
CHARGE_GOLD_NUM_5: './images/CHARGE_GOLD_NUM.png',
|
||||||
|
CHARGE_GOLD_NUM_10: './images/CHARGE_GOLD_NUM.png',
|
||||||
|
ROOM_SEND_GIFT: './images/ROOM_SEND_GIFT.png',
|
||||||
|
RECV_LUCKY_GIFT: './images/ROOM_SEND_GIFT.png',
|
||||||
|
RECV_NOMAL_GIFT: './images/ROOM_SEND_GIFT.png',
|
||||||
|
RECV_NOMAL_GIFT_GOLD: './images/ROOM_SEND_GIFT.png',
|
||||||
|
}
|
||||||
|
return obj[type]
|
||||||
|
}
|
||||||
|
// 领取奖励
|
||||||
|
$('.Daily_list').on('click', '.Receive_btn', function () {
|
||||||
|
let receiveStatus = $(this).attr('receivestatus');
|
||||||
|
let taskType = $(this).attr('tasktype')
|
||||||
|
let todayDate = $(this).attr('todaydate')
|
||||||
|
if (receiveStatus != 'AVAILABLE') return
|
||||||
|
showLoading();
|
||||||
|
networkRequest({
|
||||||
|
type: "POST",
|
||||||
|
url: urlPrefix + "/daily/recv",
|
||||||
|
data: {
|
||||||
|
taskType,
|
||||||
|
todayDate,
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code == 200) {
|
||||||
|
toastMsg(langReplace(localLang.demoModule.Received_rewards))
|
||||||
|
getCheckData();
|
||||||
|
getTaskList();
|
||||||
|
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
}
|
||||||
|
canNext = true
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
console.log(res, "报错啦");
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
canNext = true
|
||||||
|
},
|
||||||
|
})
|
||||||
|
})
|
||||||
|
$('.signDayList').on('click', '.signDay_box', function () {
|
||||||
|
let actIndex = $(this).attr('data-index');
|
||||||
|
let receiveStatus = $(this).attr('receiveStatus');
|
||||||
|
let targetIndex = signDayData.signDayList.findIndex(item => item.dateStr === signDayData.todayDate);
|
||||||
|
|
||||||
|
if (actIndex < targetIndex) {
|
||||||
|
// 先移除所有 .img_box 的 reward_active 类
|
||||||
|
$('.signDayList .signDay_box .img_box').removeClass('reward_active')
|
||||||
|
.removeClass('reward_unsigned_active');
|
||||||
|
if (receiveStatus == 'SIGNED') {
|
||||||
|
$(this).find('.img_box').addClass('reward_active');
|
||||||
|
$('.check_List .reward_info .reward_box img').attr('src', signDayData.signDayList[actIndex].pic)
|
||||||
|
$('.check_List .reward_info .reward_box .num').text(`*${signDayData.signDayList[actIndex].awardNum}`)
|
||||||
|
$('.check_List .reward_info .reward_txt').text(langReplace(localLang.demoModule.Reward_out))
|
||||||
|
$('.check_List .reward_info').show()
|
||||||
|
|
||||||
|
$('.Sign_btn').attr('disabled', false)
|
||||||
|
$('.Sign_btn').addClass('sign_btn_active')
|
||||||
|
$('.Sign_btn').text(langReplace(localLang.demoModule.Signed_in))
|
||||||
|
|
||||||
|
|
||||||
|
} else {
|
||||||
|
$(this).find('.img_box').addClass('reward_unsigned_active');
|
||||||
|
$('.check_List .reward_info .reward_box img').attr('src', signDayData.signDayList[actIndex].pic)
|
||||||
|
$('.check_List .reward_info .reward_box .num').text(`*${signDayData.signDayList[actIndex].awardNum}`)
|
||||||
|
$('.check_List .reward_info .reward_txt').text(langReplace(localLang.demoModule.Expired))
|
||||||
|
$('.check_List .reward_info').show()
|
||||||
|
|
||||||
|
$('.Sign_btn').attr('disabled', true)
|
||||||
|
$('.Sign_btn').addClass('sign_btn_active')
|
||||||
|
$('.Sign_btn').text(langReplace(localLang.demoModule.Sign_now))
|
||||||
|
|
||||||
|
}
|
||||||
|
} else if (actIndex == targetIndex) {
|
||||||
|
// 先移除所有 .img_box 的 reward_active 类
|
||||||
|
$('.signDayList .signDay_box .img_box').removeClass('reward_active')
|
||||||
|
.removeClass('reward_unsigned_active');
|
||||||
|
$(this).find('.img_box').addClass('reward_active');
|
||||||
|
$('.check_List .reward_info').hide()
|
||||||
|
|
||||||
|
if (signDayData.signStatus == 'SIGNED') {
|
||||||
|
$('.check_List .reward_info .reward_box .num').text(`*${signDayData.signDayList[actIndex].awardNum}`)
|
||||||
|
$('.check_List .reward_info .reward_txt').text(langReplace(localLang.demoModule.Reward_out))
|
||||||
|
$('.check_List .reward_info').show()
|
||||||
|
$('.Sign_btn').attr('disabled', true)
|
||||||
|
$('.Sign_btn').addClass('sign_btn_active')
|
||||||
|
$('.Sign_btn').text(langReplace(localLang.demoModule.Signed_in))
|
||||||
|
} else {
|
||||||
|
$('.Sign_btn').attr('disabled', false)
|
||||||
|
$('.Sign_btn').removeClass('sign_btn_active')
|
||||||
|
$('.Sign_btn').text(langReplace(localLang.demoModule.Sign_now))
|
||||||
|
}
|
||||||
|
|
||||||
|
} else {
|
||||||
|
toastMsg(langReplace(localLang.demoModule.Sign_arrived))
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
$('.Mall_box').click(function () {
|
||||||
|
window.location.href = `./mall.html`
|
||||||
|
return
|
||||||
|
})
|
||||||
108
view/molistar/modules/taskCenter/js/mall.js
Normal file
108
view/molistar/modules/taskCenter/js/mall.js
Normal file
@@ -0,0 +1,108 @@
|
|||||||
|
let urlPrefix = getUrlPrefix()
|
||||||
|
let browser = checkVersion()
|
||||||
|
let env = EnvCheck();
|
||||||
|
if (env == 'test') {
|
||||||
|
new VConsole();
|
||||||
|
}
|
||||||
|
// 封裝layer消息提醒框
|
||||||
|
let layerIndex
|
||||||
|
var langReplace;
|
||||||
|
var localLang;
|
||||||
|
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
shadeClose: false,
|
||||||
|
content,
|
||||||
|
success(e) {
|
||||||
|
layerIndex = $(e).attr('index')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const hideLoading = (index) => {
|
||||||
|
layer.close(index)
|
||||||
|
}
|
||||||
|
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||||
|
layer.open({
|
||||||
|
content,
|
||||||
|
time,
|
||||||
|
skin: 'msg'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 初始化函數
|
||||||
|
$(function () {
|
||||||
|
getInfoFromClient();
|
||||||
|
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||||
|
setTimeout(function () {
|
||||||
|
// 頁面全屏
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.initShowNav(false)
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 頂部返回事件
|
||||||
|
$('.back img').click(() => {
|
||||||
|
window.history.back();
|
||||||
|
})
|
||||||
|
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||||
|
langReplace = window.lang.replace;
|
||||||
|
localLang = window.lang;
|
||||||
|
translateFun();
|
||||||
|
getData();
|
||||||
|
}, 100)
|
||||||
|
|
||||||
|
})
|
||||||
|
function translateFun() {
|
||||||
|
var langReplace = window.lang.replace;
|
||||||
|
var localLang = window.lang;
|
||||||
|
$('.page_title').html(langReplace(localLang.demoModule.Mall));
|
||||||
|
$('.Exchange').html(langReplace(localLang.demoModule.Exchange));
|
||||||
|
}
|
||||||
|
var targetIndex = 0;
|
||||||
|
function getData() {
|
||||||
|
showLoading();
|
||||||
|
networkRequest({
|
||||||
|
type: "GET",
|
||||||
|
url: urlPrefix + "/daily/shops",
|
||||||
|
data: {
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code == 200) {
|
||||||
|
$('.top .info .left .avatar img').attr('src', res.data.avatar)
|
||||||
|
$('.top .info .left .user_name .nick').text(res.data.nick)
|
||||||
|
$('.top .info .left .user_name .erbanNo').text(`ID:${res.data.erbanNo}`)
|
||||||
|
$('.top .info .right .goldBean').text(res.data.goldBean)
|
||||||
|
$('.Exchange_list .shops_list .shop_box').remove()
|
||||||
|
let str = '';
|
||||||
|
res.data.shops.forEach((item,index) => {
|
||||||
|
str+=`
|
||||||
|
<div class="shop_box ${targetIndex ==index?'shop_active':''}" data-index="${index}">
|
||||||
|
<img src="${item.pic}" alt="" class="pic">
|
||||||
|
<div class="shopName">${item.shopName}*${item.awardNum}</div>
|
||||||
|
<div class="num">
|
||||||
|
<span class="exchangeGoldBean">${item.exchangeGoldBean}</span>
|
||||||
|
<img src="./images/jindou.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
});
|
||||||
|
$('.Exchange_list .shops_list').append(str)
|
||||||
|
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
}
|
||||||
|
canNext = true
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
console.log(res, "报错啦");
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
canNext = true
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
$('.shops_list').on('click', '.shop_box', function () {
|
||||||
|
$('.shops_list .shop_box').removeClass('shop_active')
|
||||||
|
$(this).addClass('shop_active');
|
||||||
|
})
|
||||||
45
view/molistar/modules/taskCenter/local/ar.js
Normal file
45
view/molistar/modules/taskCenter/local/ar.js
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
// 阿拉伯
|
||||||
|
langAr = {
|
||||||
|
// 模块
|
||||||
|
demoModule: {
|
||||||
|
page_title:'مركز المهام',
|
||||||
|
Mall:'مول',
|
||||||
|
Sign_gifts:'سجّل دخولك للفوز بهدايا',
|
||||||
|
Sign_generous:'سجّل دخولك لمدة ٧ أيام للحصول على هدايا سخية',
|
||||||
|
Sign_now:'سجّل دخولك الآن',
|
||||||
|
Day:'يوم',
|
||||||
|
Signed_in:'مُسجّل دخولك',
|
||||||
|
Expired:'منتهي الصلاحية',
|
||||||
|
Daily_Tasks:'المهام اليومية',
|
||||||
|
DAILY_SIGN:'سجّل دخولك يوميًا',
|
||||||
|
UP_MIC:function(num){
|
||||||
|
return `دردشة عبر الميكروفون (${num}/60 دقيقة)`
|
||||||
|
},
|
||||||
|
UP_MIC_120:function(num){
|
||||||
|
return `دردشة عبر الميكروفون (${num}/120 دقيقة)`
|
||||||
|
},
|
||||||
|
PLAY_GAME:function(num){
|
||||||
|
return `شارك في ألعاب مصغرة (${num}/3)`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM:function(num){
|
||||||
|
return `شحن (${num}/7000)`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM_5:function(num){
|
||||||
|
return `شحن (${num}/35000)`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM_10:function(num){
|
||||||
|
return `شحن (${num}/70000)`
|
||||||
|
},
|
||||||
|
ROOM_SEND_GIFT:'إرسال هدايا في الغرفة',
|
||||||
|
RECV_LUCKY_GIFT:'استلام هدايا Lucky/Bravo',
|
||||||
|
RECV_NOMAL_GIFT:'استلام هدايا عادية',
|
||||||
|
RECV_NOMAL_GIFT_GOLD:'(بقيمة تزيد عن ٢٠ ألف)استلام هدايا',
|
||||||
|
Received_rewards:'المكافآت المستلمة',
|
||||||
|
Receive:'تم الاستلام',
|
||||||
|
Reward_out:'تم استلام المكافأة، تفضل بزيارتنا ~',
|
||||||
|
Sign_arrived:'لم يحن وقت تسجيل الدخول',
|
||||||
|
Received:'تم الاستلام',
|
||||||
|
Exchange:'الاستبدال',
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
45
view/molistar/modules/taskCenter/local/en.js
Normal file
45
view/molistar/modules/taskCenter/local/en.js
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
// 英文
|
||||||
|
langEn = {
|
||||||
|
// 模块
|
||||||
|
demoModule: {
|
||||||
|
page_title:'Task Center',
|
||||||
|
Mall:'Mall',
|
||||||
|
Sign_gifts:'Sign in to win gifts',
|
||||||
|
Sign_generous:'Sign in for 7 days to get generous gifts',
|
||||||
|
Sign_now:'Sign in now',
|
||||||
|
Day:'Day',
|
||||||
|
Signed_in:'Signed in',
|
||||||
|
Expired:'Expired',
|
||||||
|
Daily_Tasks:'Daily Tasks',
|
||||||
|
DAILY_SIGN:'Sign in daily',
|
||||||
|
UP_MIC:function(num){
|
||||||
|
return `Chat on the mic (${num}/60mins)`
|
||||||
|
},
|
||||||
|
UP_MIC_120:function(num){
|
||||||
|
return `Chat on the mic (${num}/120mins)`
|
||||||
|
},
|
||||||
|
UP_MIC_120:function(num){
|
||||||
|
return `Play games (${num}/3)`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM:function(num){
|
||||||
|
return `Recharge (${num}/7000) Coins`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM_5:function(num){
|
||||||
|
return `Recharge (${num}/35000) Coins`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM_10:function(num){
|
||||||
|
return `Recharge (${num}/70000) Coins`
|
||||||
|
},
|
||||||
|
ROOM_SEND_GIFT:'Send Gifts in the room',
|
||||||
|
RECV_LUCKY_GIFT:'Received Lucky/Bravo gifts',
|
||||||
|
RECV_NOMAL_GIFT:'Received Normal gifts',
|
||||||
|
RECV_NOMAL_GIFT_GOLD:'Received gifts(Valued over 20K coins)',
|
||||||
|
Received_rewards:'Received rewards',
|
||||||
|
Receive:'Receive',
|
||||||
|
Reward_out:'Reward has been received, go check it out~',
|
||||||
|
Sign_arrived:'Sign-in time has not arrived',
|
||||||
|
Received:'Received',
|
||||||
|
Exchange:'Exchange',
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
44
view/molistar/modules/taskCenter/local/tr.js
Normal file
44
view/molistar/modules/taskCenter/local/tr.js
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
// 英文
|
||||||
|
langTr = {
|
||||||
|
// 模块
|
||||||
|
demoModule: {
|
||||||
|
page_title:'Görev Merkezi',
|
||||||
|
Mall:'Alışveriş Merkezi',
|
||||||
|
Sign_gifts:'Hediye kazanmak için oturum açın',
|
||||||
|
Sign_generous:'Cömert hediyeler almak için 7 gün oturum açın',
|
||||||
|
Sign_now:'Şimdi oturum açın',
|
||||||
|
Day:'Gün',
|
||||||
|
Signed_in:'Oturum açıldı',
|
||||||
|
Expired:'Süresi doldu',
|
||||||
|
Daily_Tasks:'Günlük Görevler',
|
||||||
|
DAILY_SIGN:'Günlük oturum açın',
|
||||||
|
UP_MIC:function(num){
|
||||||
|
return `Mikrofonda sohbet edin (${num}/60dk)`
|
||||||
|
},
|
||||||
|
UP_MIC_120:function(num){
|
||||||
|
return `Mikrofonda sohbet edin (${num}/120dk)`
|
||||||
|
},
|
||||||
|
PLAY_GAME:function(num){
|
||||||
|
return `Mini oyunlara katılın (${num}/3)`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM:function(num){
|
||||||
|
return `(${num}/7000)'i yeniden yükleyin`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM_5:function(num){
|
||||||
|
return `(${num}/35000)'i yeniden yükleyin`
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM_10:function(num){
|
||||||
|
return `(${num}/70000)'i yeniden yükleyin`
|
||||||
|
},
|
||||||
|
ROOM_SEND_GIFT:'Odada hediye gönderin',
|
||||||
|
RECV_LUCKY_GIFT:'Şanslı/Bravo hediyeleri alındı',
|
||||||
|
RECV_NOMAL_GIFT:'Normal hediyeler alındı',
|
||||||
|
RECV_NOMAL_GIFT_GOLD:`Hediyeler alındı(20K'nın üzerinde değerde)`,
|
||||||
|
Received_rewards:'Ödüller alındı',
|
||||||
|
Receive:'Al',
|
||||||
|
Reward_out:'Ödül alındı, gidip kontrol edin~',
|
||||||
|
Sign_arrived:'Giriş zamanı gelmedi',
|
||||||
|
Received:'Alındı',
|
||||||
|
Exchange:'Değişim',
|
||||||
|
}
|
||||||
|
}
|
||||||
45
view/molistar/modules/taskCenter/local/zh.js
Normal file
45
view/molistar/modules/taskCenter/local/zh.js
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
// 中文
|
||||||
|
langZh = {
|
||||||
|
// 模塊
|
||||||
|
demoModule: {
|
||||||
|
page_title:'任務中心',
|
||||||
|
Mall:'商城',
|
||||||
|
Sign_gifts:'連續簽到贏好禮',
|
||||||
|
Sign_generous:'連續簽到7天可獲得豐厚好禮',
|
||||||
|
Sign_now:'立即簽到',
|
||||||
|
Day:'天',
|
||||||
|
Signed_in:'已簽到',
|
||||||
|
Expired:'已過期',
|
||||||
|
Daily_Tasks:'日常任務',
|
||||||
|
DAILY_SIGN:'每日簽到',
|
||||||
|
UP_MIC:function(num){
|
||||||
|
return `上麥聊天（${num}/60mins）`;
|
||||||
|
},
|
||||||
|
UP_MIC_120:function(num){
|
||||||
|
return `上麥聊天（${num}/120mins）`;
|
||||||
|
},
|
||||||
|
PLAY_GAME:function(num){
|
||||||
|
return `參與小遊戲（${num}/3）`;
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM:function(num){
|
||||||
|
return `儲值(${num}/7000)`;
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM_5:function(num){
|
||||||
|
return `儲值(${num}/35000)`;
|
||||||
|
},
|
||||||
|
CHARGE_GOLD_NUM_10:function(num){
|
||||||
|
return `儲值(${num}/70000)`;
|
||||||
|
},
|
||||||
|
ROOM_SEND_GIFT:'房間送禮',
|
||||||
|
RECV_LUCKY_GIFT:'收到Lucky/Bravo禮物',
|
||||||
|
RECV_NOMAL_GIFT:'收到普通禮物',
|
||||||
|
RECV_NOMAL_GIFT_GOLD:'收到禮物（價值超過20K）',
|
||||||
|
Received_rewards:'已獲得獎勵',
|
||||||
|
Receive:'收到',
|
||||||
|
Reward_out:'已领取奖励，快去查看吧～',
|
||||||
|
Sign_arrived:'未到簽到時間',
|
||||||
|
Received:'已收到',
|
||||||
|
Exchange:'兌換',
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
78
view/molistar/modules/taskCenter/mall.html
Normal file
78
view/molistar/modules/taskCenter/mall.html
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta
|
||||||
|
name="viewport"
|
||||||
|
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
|
||||||
|
/>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||||
|
<title class="page_title"></title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||||
|
<link rel="stylesheet" href="css/mall.css?v=1.1" />
|
||||||
|
<link rel="stylesheet" href="../../common/css/animate.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 頂部返回 -->
|
||||||
|
<div class="back">
|
||||||
|
<img src="./images/travel/backB.png" alt="" />
|
||||||
|
<p class="page_title">Mall</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="top">
|
||||||
|
<div class="info">
|
||||||
|
<div class="left">
|
||||||
|
<div class="avatar">
|
||||||
|
<img src="" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="user_name">
|
||||||
|
<div class="nick"></div>
|
||||||
|
<div class="erbanNo"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<img src="./images/jindou.png" alt="" class="jindou" />
|
||||||
|
<div class="goldBean"></div>
|
||||||
|
<img src="./images/arrow-left.png" alt="" class="arrow_left" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Exchange_list">
|
||||||
|
<div class="title">
|
||||||
|
<div class="xian"></div>
|
||||||
|
<div class="Exchange">Exchange</div>
|
||||||
|
</div>
|
||||||
|
<div class="shops_list">
|
||||||
|
<div class="shop_box">
|
||||||
|
<img src="" alt="" class="pic" />
|
||||||
|
<div class="shopName">shopName</div>
|
||||||
|
<div class="num">
|
||||||
|
<span class="exchangeGoldBean"></span>
|
||||||
|
<img src="./images/jindou.png" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="height: 500px;"></div>
|
||||||
|
<div class="foot_btn">
|
||||||
|
<div class="Exchange_btn Exchange"></div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<script src="../../common/js/flexible.js"></script>
|
||||||
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="../../common/js/common2.js"></script>
|
||||||
|
<script src="../../common/js/layer.js"></script>
|
||||||
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
|
<script src="./local/en.js"></script>
|
||||||
|
<script src="./local/zh.js"></script>
|
||||||
|
<script src="./local/ar.js"></script>
|
||||||
|
<script src="./local/tr.js"></script>
|
||||||
|
<script src="../../common/local/langHandler.js"></script>
|
||||||
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
|
<script src="./js/mall.js?v=1.0"></script>
|
||||||
Reference in New Issue
Block a user