活动模块-详情and分享落地页install
This commit is contained in:
chenruiye
229
view/molistar/modules/eventDetails/css/index.css
Normal file
229
view/molistar/modules/eventDetails/css/index.css
Normal file
@@ -0,0 +1,229 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.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;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.back .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;
|
||||
}
|
||||
.back .share {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
position: absolute;
|
||||
right: 0.24rem;
|
||||
}
|
||||
|
||||
.user_info {
|
||||
margin: 2.5333333333rem 0.4rem 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.user_info .left .felx_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.user_info .left .felx_box .avatar img {
|
||||
width: 0.9333333333rem;
|
||||
height: 0.9333333333rem;
|
||||
}
|
||||
.user_info .left .felx_box .box_right {
|
||||
margin-left: 0.16rem;
|
||||
}
|
||||
.user_info .left .felx_box .box_right .name {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: 0.5333333333rem;
|
||||
}
|
||||
.user_info .left .felx_box .box_right .id {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #7B7B7D;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: 0.4533333333rem;
|
||||
}
|
||||
.user_info .right {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.4533333333rem;
|
||||
border: 0.0266666667rem solid #D9D9D9;
|
||||
padding: 0.1066666667rem 0.24rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.user_info .right img {
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
.user_info .right .Unsub {
|
||||
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;
|
||||
margin-left: 0.1066666667rem;
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin: 0.2666666667rem 0.4rem 0;
|
||||
}
|
||||
.banner img {
|
||||
width: 100%;
|
||||
height: 3.1466666667rem;
|
||||
border-radius: 0.32rem;
|
||||
}
|
||||
|
||||
.title_name {
|
||||
margin: 0.2666666667rem 0.4rem 0;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4rem;
|
||||
color: #313131;
|
||||
line-height: 0.56rem;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.active_info {
|
||||
margin: 0.2666666667rem 0.4rem 0;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.16rem;
|
||||
padding: 0.24rem 0.1866666667rem;
|
||||
}
|
||||
.active_info .time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.active_info .time img {
|
||||
width: 0.4266666667rem;
|
||||
height: 0.4266666667rem;
|
||||
margin-right: 0.1333333333rem;
|
||||
}
|
||||
.active_info .room {
|
||||
margin-top: 0.2133333333rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.active_info .room img {
|
||||
width: 0.4266666667rem;
|
||||
height: 0.4266666667rem;
|
||||
margin-right: 0.1333333333rem;
|
||||
}
|
||||
|
||||
.content_description {
|
||||
margin: 0.2666666667rem 0.4rem 0;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #313131;
|
||||
line-height: 0.5333333333rem;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.sub_list {
|
||||
margin: 0.5333333333rem 0.4rem 0;
|
||||
}
|
||||
.sub_list .title_num {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4rem;
|
||||
color: #313131;
|
||||
line-height: 0.56rem;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-bottom: 0.2666666667rem;
|
||||
}
|
||||
.sub_list .sub_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
.sub_list .sub_box .info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.sub_list .sub_box .info .avatar img {
|
||||
width: 0.9333333333rem;
|
||||
height: 0.9333333333rem;
|
||||
}
|
||||
.sub_list .sub_box .info .box_right {
|
||||
margin-left: 0.16rem;
|
||||
}
|
||||
.sub_list .sub_box .info .box_right .name {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: 0.5333333333rem;
|
||||
}
|
||||
.sub_list .sub_box .time {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.4533333333rem;
|
||||
text-align: right;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
265
view/molistar/modules/eventDetails/css/index.scss
Normal file
265
view/molistar/modules/eventDetails/css/index.scss
Normal file
@@ -0,0 +1,265 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
// width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
.back_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;
|
||||
}
|
||||
|
||||
.share {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
right: px2rem(18);
|
||||
}
|
||||
}
|
||||
|
||||
.user_info {
|
||||
margin: px2rem(190) px2rem(30) 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.left {
|
||||
.felx_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.avatar {
|
||||
img {
|
||||
width: px2rem(70);
|
||||
height: px2rem(70);
|
||||
}
|
||||
}
|
||||
|
||||
.box_right {
|
||||
margin-left: px2rem(12);
|
||||
|
||||
.name {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: px2rem(40);
|
||||
}
|
||||
|
||||
.id {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #7B7B7D;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: px2rem(34);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(34);
|
||||
border: px2rem(2) solid #D9D9D9;
|
||||
padding: px2rem(8) px2rem(18);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
img {
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
}
|
||||
|
||||
.Unsub {
|
||||
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;
|
||||
margin-left: px2rem(8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin: px2rem(20) px2rem(30) 0;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: px2rem(236);
|
||||
border-radius: px2rem(24);
|
||||
}
|
||||
}
|
||||
|
||||
.title_name {
|
||||
margin: px2rem(20) px2rem(30) 0;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(30);
|
||||
color: #313131;
|
||||
line-height: px2rem(42);
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.active_info {
|
||||
margin: px2rem(20) px2rem(30) 0;
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(12);
|
||||
padding: px2rem(18) px2rem(14);
|
||||
|
||||
.time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
margin-right: px2rem(10);
|
||||
}
|
||||
|
||||
font-family: PingFang SC,
|
||||
PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.room {
|
||||
margin-top: px2rem(16);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
margin-right: px2rem(10);
|
||||
|
||||
}
|
||||
|
||||
font-family: PingFang SC,
|
||||
PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
.content_description{
|
||||
margin: px2rem(20) px2rem(30) 0;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
color: #313131;
|
||||
line-height: px2rem(40);
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.sub_list{
|
||||
margin: px2rem(40) px2rem(30) 0;
|
||||
.title_num{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(30);
|
||||
color: #313131;
|
||||
line-height: px2rem(42);
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-bottom: px2rem(20);
|
||||
}
|
||||
.sub_box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(32);
|
||||
.info{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.avatar {
|
||||
img {
|
||||
width: px2rem(70);
|
||||
height: px2rem(70);
|
||||
}
|
||||
}
|
||||
|
||||
.box_right {
|
||||
margin-left: px2rem(12);
|
||||
|
||||
.name {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: px2rem(40);
|
||||
}
|
||||
}
|
||||
}
|
||||
.time{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(34);
|
||||
text-align: right;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
143
view/molistar/modules/eventDetails/css/shareIndex.css
Normal file
143
view/molistar/modules/eventDetails/css/shareIndex.css
Normal file
@@ -0,0 +1,143 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page {
|
||||
padding: 0 0.4rem;
|
||||
}
|
||||
|
||||
.user_info {
|
||||
text-align: center;
|
||||
margin-top: 0.6933333333rem;
|
||||
}
|
||||
.user_info .avatar img {
|
||||
width: 1.9466666667rem;
|
||||
height: 1.9466666667rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user_info .Namename {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #313131;
|
||||
line-height: 0.5333333333rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
.user_info .id_num {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.48rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.0533333333rem;
|
||||
}
|
||||
|
||||
.title_tip {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.3733333333rem;
|
||||
line-height: 0.5333333333rem;
|
||||
color: #FF8C03;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
background: #FFF6E8;
|
||||
border-radius: 5.3866666667rem;
|
||||
padding: 0.0533333333rem 0.4266666667rem;
|
||||
margin: 0.3466666667rem 0.24rem;
|
||||
}
|
||||
|
||||
.banner img {
|
||||
width: 100%;
|
||||
height: 3.1466666667rem;
|
||||
border-radius: 0.32rem;
|
||||
}
|
||||
|
||||
.title_txt {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4rem;
|
||||
color: #313131;
|
||||
line-height: 0.56rem;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.2666666667rem;
|
||||
}
|
||||
|
||||
.active_info {
|
||||
margin: 0.2666666667rem 0 0;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.16rem;
|
||||
padding: 0.24rem 0.1866666667rem;
|
||||
}
|
||||
.active_info .time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.active_info .time img {
|
||||
width: 0.4266666667rem;
|
||||
height: 0.4266666667rem;
|
||||
margin-right: 0.1333333333rem;
|
||||
}
|
||||
.active_info .room {
|
||||
margin-top: 0.2133333333rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.active_info .room img {
|
||||
width: 0.4266666667rem;
|
||||
height: 0.4266666667rem;
|
||||
margin-right: 0.1333333333rem;
|
||||
}
|
||||
|
||||
.content_description {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #313131;
|
||||
line-height: 0.5333333333rem;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.2666666667rem;
|
||||
}
|
||||
|
||||
.foot_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.4266666667rem;
|
||||
color: #FFFFFF;
|
||||
line-height: 0.5866666667rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0.24rem 1.1733333333rem;
|
||||
margin: 0.5333333333rem 1.8666666667rem;
|
||||
}
|
||||
155
view/molistar/modules/eventDetails/css/shareIndex.scss
Normal file
155
view/molistar/modules/eventDetails/css/shareIndex.scss
Normal file
@@ -0,0 +1,155 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
}
|
||||
.page{
|
||||
padding: 0 px2rem(30);
|
||||
}
|
||||
.user_info{
|
||||
text-align: center;
|
||||
margin-top: px2rem(52);
|
||||
.avatar{
|
||||
img{
|
||||
width: px2rem(146);
|
||||
height: px2rem(146);
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.Namename{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(28);
|
||||
color: #313131;
|
||||
line-height: px2rem(40);
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: px2rem(18);
|
||||
}
|
||||
.id_num{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(36);
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: px2rem(4);
|
||||
}
|
||||
}
|
||||
.title_tip{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(28);
|
||||
line-height: px2rem(40);
|
||||
color: #FF8C03;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
background: #FFF6E8;
|
||||
border-radius: px2rem(404);
|
||||
padding: px2rem(4) px2rem(32);
|
||||
margin: px2rem(26) px2rem(18);
|
||||
}
|
||||
.banner{
|
||||
img{
|
||||
width: 100%;
|
||||
height: px2rem(236);
|
||||
border-radius: px2rem(24);
|
||||
}
|
||||
}
|
||||
.title_txt{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(30);
|
||||
color: #313131;
|
||||
line-height: px2rem(42);
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: px2rem(20);
|
||||
}
|
||||
.active_info {
|
||||
margin: px2rem(20) 0 0;
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(12);
|
||||
padding: px2rem(18) px2rem(14);
|
||||
|
||||
.time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
margin-right: px2rem(10);
|
||||
}
|
||||
|
||||
font-family: PingFang SC,
|
||||
PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.room {
|
||||
margin-top: px2rem(16);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
margin-right: px2rem(10);
|
||||
|
||||
}
|
||||
|
||||
font-family: PingFang SC,
|
||||
PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
color: #313131;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
.content_description{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
color: #313131;
|
||||
line-height: px2rem(40);
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: px2rem(20);
|
||||
}
|
||||
.foot_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(32);
|
||||
color: #FFFFFF;
|
||||
line-height: px2rem(44);
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: px2rem(18) px2rem(88);
|
||||
margin: px2rem(40) px2rem(140);
|
||||
}
|
||||
BIN
view/molistar/modules/eventDetails/images/home.png
Normal file
BIN
view/molistar/modules/eventDetails/images/home.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 663 B |
BIN
view/molistar/modules/eventDetails/images/share.png
Normal file
BIN
view/molistar/modules/eventDetails/images/share.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 978 B |
BIN
view/molistar/modules/eventDetails/images/time.png
Normal file
BIN
view/molistar/modules/eventDetails/images/time.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 698 B |
BIN
view/molistar/modules/eventDetails/images/travel/back.png
Normal file
BIN
view/molistar/modules/eventDetails/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/eventDetails/images/travel/backB.png
Normal file
BIN
view/molistar/modules/eventDetails/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
view/molistar/modules/eventDetails/images/unsub.png
Normal file
BIN
view/molistar/modules/eventDetails/images/unsub.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 676 B |
111
view/molistar/modules/eventDetails/index.html
Normal file
111
view/molistar/modules/eventDetails/index.html
Normal file
@@ -0,0 +1,111 @@
|
||||
<!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="" class="back_img" />
|
||||
<img src="./images/share.png" alt="" class="share" />
|
||||
<p class="page_title">Event Details</p>
|
||||
</div>
|
||||
<div class="user_info">
|
||||
<div class="left">
|
||||
<div class="felx_box">
|
||||
<div class="avatar">
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
<div class="box_right">
|
||||
<div class="name">Namename</div>
|
||||
<div class="id">ID:4451212</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="./images/unsub.png" alt="" />
|
||||
<div class="Unsub">Unsub</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="banner">
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
<div class="title_name">Singing competition. Welcome to participate!!</div>
|
||||
<div class="active_info">
|
||||
<div class="time">
|
||||
<img src="./images/time.png" alt="" />
|
||||
Start Time:<span>2025-02-12 21:00</span>
|
||||
</div>
|
||||
<div class="room">
|
||||
<img src="./images/home.png" alt="" />
|
||||
Room ID:<span>9854522</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content_description">
|
||||
With songs as wings, sing out the future! Seek the brightest stars and let
|
||||
the world hear your voice! With songs as wings, sing out the future! Seek
|
||||
the brightest stars and let the world hear your voice!
|
||||
</div>
|
||||
<div class="sub_list">
|
||||
<div class="title_num">Sub (321)</div>
|
||||
<div class="sub_box">
|
||||
<div class="info">
|
||||
<div class="avatar">
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
<div class="box_right">
|
||||
<div class="name">Namename</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="time">2024-01-14 12:00</div>
|
||||
</div>
|
||||
<div class="sub_box">
|
||||
<div class="info">
|
||||
<div class="avatar">
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
<div class="box_right">
|
||||
<div class="name">Namename</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="time">2024-01-14 12:00</div>
|
||||
</div>
|
||||
<div class="sub_box">
|
||||
<div class="info">
|
||||
<div class="avatar">
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
<div class="box_right">
|
||||
<div class="name">Namename</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="time">2024-01-14 12:00</div>
|
||||
</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>
|
||||
85
view/molistar/modules/eventDetails/js/index.js
Normal file
85
view/molistar/modules/eventDetails/js/index.js
Normal file
@@ -0,0 +1,85 @@
|
||||
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();
|
||||
// getData()
|
||||
|
||||
}, 100)
|
||||
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.Confirm').html(langReplace(localLang.demoModule.Confirm));
|
||||
}
|
||||
function getData() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "GET",
|
||||
url: urlPrefix + "/bdGuild/center",
|
||||
data: {
|
||||
},
|
||||
success: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
console.log(res, "报错啦");
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
})
|
||||
}
|
||||
$('.share').click(function () {
|
||||
window.location.href = `./shareIndex.html`
|
||||
return
|
||||
})
|
||||
61
view/molistar/modules/eventDetails/js/shareIndex.js
Normal file
61
view/molistar/modules/eventDetails/js/shareIndex.js
Normal file
@@ -0,0 +1,61 @@
|
||||
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)
|
||||
}
|
||||
};
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
// getData()
|
||||
}, 100)
|
||||
|
||||
})
|
||||
$(".foot_btn").click(function (event) {
|
||||
event.preventDefault(); // 阻止默认行为
|
||||
|
||||
var deepLinkUrl = `molistar://app?code=`; // 你的 Deep Link URL
|
||||
window.location.href = deepLinkUrl;
|
||||
// 设置超时检测
|
||||
setTimeout(function() {
|
||||
window.location.href = 'https://api.molistar.xyz/molistar/home/index.html'
|
||||
}, 2000); // 超时时间 500ms
|
||||
})
|
||||
7
view/molistar/modules/eventDetails/local/ar.js
Normal file
7
view/molistar/modules/eventDetails/local/ar.js
Normal file
@@ -0,0 +1,7 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
|
||||
}
|
||||
}
|
||||
7
view/molistar/modules/eventDetails/local/en.js
Normal file
7
view/molistar/modules/eventDetails/local/en.js
Normal file
@@ -0,0 +1,7 @@
|
||||
// 英文
|
||||
langEn = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
|
||||
}
|
||||
}
|
||||
6
view/molistar/modules/eventDetails/local/tr.js
Normal file
6
view/molistar/modules/eventDetails/local/tr.js
Normal file
@@ -0,0 +1,6 @@
|
||||
// 英文
|
||||
langTr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
}
|
||||
}
|
||||
6
view/molistar/modules/eventDetails/local/zh.js
Normal file
6
view/molistar/modules/eventDetails/local/zh.js
Normal file
@@ -0,0 +1,6 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
}
|
||||
}
|
||||
65
view/molistar/modules/eventDetails/shareIndex.html
Normal file
65
view/molistar/modules/eventDetails/shareIndex.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!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></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||
<link rel="stylesheet" href="css/shareIndex.css?v=1.1" />
|
||||
<link rel="stylesheet" href="../../common/css/animate.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="page">
|
||||
<div class="user_info">
|
||||
<div class="avatar">
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
<div class="Namename">Namename</div>
|
||||
<div class="id_num">ID:4451212</div>
|
||||
</div>
|
||||
<div class="title_tip">
|
||||
A room activity has been held. Let's join in!!
|
||||
</div>
|
||||
<div class="banner">
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
<div class="title_txt">Singing competition. Welcome to participate!!</div>
|
||||
<div class="active_info">
|
||||
<div class="time">
|
||||
<img src="./images/time.png" alt="" />
|
||||
Start Time:<span>2025-02-12 21:00</span>
|
||||
</div>
|
||||
<div class="room">
|
||||
<img src="./images/home.png" alt="" />
|
||||
Room ID:<span>9854522</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content_description">
|
||||
With songs as wings, sing out the future! Seek the brightest stars and let
|
||||
the world hear your voice! With songs as wings, sing out the future! Seek
|
||||
the brightest stars and let the world hear your voice!
|
||||
</div>
|
||||
<div class="foot_btn">Open Molistar</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/shareIndex.js?v=1.0"></script>
|
||||
Reference in New Issue
Block a user