diff --git a/view/molistar/modules/eventDetails/css/index.css b/view/molistar/modules/eventDetails/css/index.css new file mode 100644 index 00000000..25c8958d --- /dev/null +++ b/view/molistar/modules/eventDetails/css/index.css @@ -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; +} \ No newline at end of file diff --git a/view/molistar/modules/eventDetails/css/index.scss b/view/molistar/modules/eventDetails/css/index.scss new file mode 100644 index 00000000..f8a988a9 --- /dev/null +++ b/view/molistar/modules/eventDetails/css/index.scss @@ -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; + } +} +} \ No newline at end of file diff --git a/view/molistar/modules/eventDetails/css/shareIndex.css b/view/molistar/modules/eventDetails/css/shareIndex.css new file mode 100644 index 00000000..c372073c --- /dev/null +++ b/view/molistar/modules/eventDetails/css/shareIndex.css @@ -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; +} \ No newline at end of file diff --git a/view/molistar/modules/eventDetails/css/shareIndex.scss b/view/molistar/modules/eventDetails/css/shareIndex.scss new file mode 100644 index 00000000..3958cade --- /dev/null +++ b/view/molistar/modules/eventDetails/css/shareIndex.scss @@ -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); +} \ No newline at end of file diff --git a/view/molistar/modules/eventDetails/images/home.png b/view/molistar/modules/eventDetails/images/home.png new file mode 100644 index 00000000..e3e110f1 Binary files /dev/null and b/view/molistar/modules/eventDetails/images/home.png differ diff --git a/view/molistar/modules/eventDetails/images/share.png b/view/molistar/modules/eventDetails/images/share.png new file mode 100644 index 00000000..422ee4cb Binary files /dev/null and b/view/molistar/modules/eventDetails/images/share.png differ diff --git a/view/molistar/modules/eventDetails/images/time.png b/view/molistar/modules/eventDetails/images/time.png new file mode 100644 index 00000000..23b0a25d Binary files /dev/null and b/view/molistar/modules/eventDetails/images/time.png differ diff --git a/view/molistar/modules/eventDetails/images/travel/back.png b/view/molistar/modules/eventDetails/images/travel/back.png new file mode 100644 index 00000000..2b3812da Binary files /dev/null and b/view/molistar/modules/eventDetails/images/travel/back.png differ diff --git a/view/molistar/modules/eventDetails/images/travel/backB.png b/view/molistar/modules/eventDetails/images/travel/backB.png new file mode 100644 index 00000000..92e190c7 Binary files /dev/null and b/view/molistar/modules/eventDetails/images/travel/backB.png differ diff --git a/view/molistar/modules/eventDetails/images/unsub.png b/view/molistar/modules/eventDetails/images/unsub.png new file mode 100644 index 00000000..f43e5f1d Binary files /dev/null and b/view/molistar/modules/eventDetails/images/unsub.png differ diff --git a/view/molistar/modules/eventDetails/index.html b/view/molistar/modules/eventDetails/index.html new file mode 100644 index 00000000..83672f96 --- /dev/null +++ b/view/molistar/modules/eventDetails/index.html @@ -0,0 +1,111 @@ + + +
+ + + +Event Details
+