diff --git a/view/moliparty/modules/guild-ar/css/diamondStatistics.css b/view/moliparty/modules/guild-ar/css/diamondStatistics.css new file mode 100644 index 0000000..897c59a --- /dev/null +++ b/view/moliparty/modules/guild-ar/css/diamondStatistics.css @@ -0,0 +1,290 @@ +.back { + width: 100%; + height: 0.5866666667rem; + line-height: 0.5866666667rem; + position: fixed; + left: 0; + top: 0; + padding-top: 1.4666666667rem; + text-align: center; + color: #FFFFFF; + font-size: 0.5066666667rem; + font-weight: bold; + z-index: 10; + background: #FFFFFF; +} +.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; +} + +.data_time { + margin: 2.4rem 0.4266666667rem 0; + background: #F2F3F7; + border-radius: 0.32rem; + padding: 0.2666666667rem 0.24rem; +} +.data_time .time_txt { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #313131; + line-height: 0.5333333333rem; + font-style: normal; + text-transform: none; +} +.data_time .time_txt img { + width: 0.56rem; + height: 0.56rem; +} +.data_time .flex_box { + margin-top: 0.24rem; + display: flex; + align-items: center; + gap: 0.24rem; +} +.data_time .flex_box .box_content { + background: #FFFFFF; + border-radius: 0.2133333333rem; + padding: 0.48rem 0.48rem; + flex: 1; +} +.data_time .flex_box .box_content .number { + display: flex; + align-items: center; + justify-content: center; +} +.data_time .flex_box .box_content .number span { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: 0.5333333333rem; + color: #3571FF; + line-height: 0.7466666667rem; + font-style: normal; + text-transform: none; +} +.data_time .flex_box .box_content .number img { + width: 0.64rem; + height: 0.64rem; +} +.data_time .flex_box .box_content .title { + 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.1066666667rem; +} + +.tab_list { + display: flex; + align-items: center; + margin: 0.4rem 0.5333333333rem 0; + gap: 0.4533333333rem; +} +.tab_list .tab_box { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #7B7B7D; + line-height: 0.5333333333rem; + text-align: center; + font-style: normal; + text-transform: none; +} +.tab_list .active { + font-weight: 600; + font-size: 0.4266666667rem; + color: #3571FF; +} + +.data-table { + width: calc(100% - 0.8533333333rem); + border-collapse: collapse; + margin: 0.3733333333rem 0.4266666667rem; + box-sizing: border-box; +} +.data-table tr { + display: flex; +} + +.data-table th, +.data-table td { + padding: 0.4rem 0.1333333333rem; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + flex: 1; +} +.data-table th img, +.data-table td img { + width: 0.48rem; + height: 0.48rem; +} +.data-table th .user_info, +.data-table td .user_info { + display: flex; + align-items: center; + position: relative; +} +.data-table th .user_info .avatar, +.data-table td .user_info .avatar { + width: 0.8rem; + height: 0.8rem; + border-radius: 50%; +} +.data-table th .user_info .info, +.data-table td .user_info .info { + margin: 0 0.1333333333rem; +} +.data-table th .user_info .info .nick, +.data-table td .user_info .info .nick { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.3466666667rem; + color: #313131; + line-height: 0.48rem; + font-style: normal; + text-transform: none; + text-align: left; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 1.4666666667rem; +} +.data-table th .user_info .info .erbanNo, +.data-table td .user_info .info .erbanNo { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 0.2933333333rem; + color: #7B7B7D; + line-height: 0.4rem; + font-style: normal; + text-transform: none; +} +.data-table th .user_info .me_biaoshi, +.data-table td .user_info .me_biaoshi { + background: linear-gradient(270deg, #59C5FF 0%, #3571FF 100%); + border-radius: 0.32rem; + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: 0.2133333333rem; + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + padding: 0.0666666667rem 0.1333333333rem; + position: absolute; + bottom: 0; + left: 0.1066666667rem; +} + +.data-table thead th { + background-color: #E5F5FF; + font-weight: 500; + font-size: 0.3466666667rem; + color: #313131; + line-height: 0.48rem; + text-align: center; + font-style: normal; + text-transform: none; + padding: 0.1333333333rem 0.2666666667rem; +} + +.data-table tbody tr:nth-child(even) { + background-color: #E5F5FF; +} + +.data-table .valid { + color: green; +} + +.data-table .invalid { + color: red; +} + +.timeBox { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 99; + display: none; +} +.timeBox .timeBox_in { + width: 10rem; + height: 6rem; + border-radius: 0.4266666667rem 0.4266666667rem 0 0; + background: #fff; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); +} +.timeBox .timeBox_in .title { + width: 100%; + height: 0.5866666667rem; + line-height: 0.5866666667rem; + text-align: center; + color: #313131; + font-weight: 500; + font-size: 0.4266666667rem; + position: absolute; + top: 0.32rem; + left: 0; +} +.timeBox .timeBox_in .but { + height: 0.5866666667rem; + line-height: 0.5866666667rem; + position: absolute; + right: 0.4266666667rem; + top: 0.32rem; + z-index: 2; + color: #04D5C6; + font-size: 0.4266666667rem; + font-weight: 500; +} +.timeBox .timeBox_in ul { + width: 10rem; + height: 6rem; + margin-top: 1.6rem; + overflow-y: scroll; +} +.timeBox .timeBox_in ul::-webkit-scrollbar { + display: none; +} +.timeBox .timeBox_in ul li { + width: 100%; + text-align: center; + height: 0.8533333333rem; + line-height: 0.8533333333rem; + color: #7B7B7D; + font-size: 0.4rem; + font-weight: 400; +} +.timeBox .timeBox_in ul .act { + background: #F4F4F4; + font-weight: 500; + color: #313131; +} + +.arabic .data-table td .user_info .info .nick { + text-align: right; +} \ No newline at end of file diff --git a/view/moliparty/modules/guild-ar/css/diamondStatistics.scss b/view/moliparty/modules/guild-ar/css/diamondStatistics.scss new file mode 100644 index 0000000..16bb7f3 --- /dev/null +++ b/view/moliparty/modules/guild-ar/css/diamondStatistics.scss @@ -0,0 +1,321 @@ +@charset "UTF-8"; + +@function px2rem($px) { + @return $px / 75+rem; +} + +.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; + } +} + +.data_time { + margin: px2rem(180) px2rem(32) 0; + background: #F2F3F7; + border-radius: px2rem(24); + padding: px2rem(20) px2rem(18); + + .time_txt { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #313131; + line-height: px2rem(40); + font-style: normal; + text-transform: none; + + img { + width: px2rem(42); + height: px2rem(42); + } + } + + .flex_box { + margin-top: px2rem(18); + display: flex; + align-items: center; + gap: px2rem(18); + + .box_content { + background: #FFFFFF; + border-radius: px2rem(16); + padding: px2rem(36) px2rem(36); + flex: 1; + + .number { + display: flex; + align-items: center; + justify-content: center; + + span { + font-family: PingFang SC, PingFang SC; + font-weight: 600; + font-size: px2rem(40); + color: #3571FF; + line-height: px2rem(56); + font-style: normal; + text-transform: none; + } + + img { + width: px2rem(48); + height: px2rem(48); + } + } + + .title { + 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(8); + } + } + } +} + +.tab_list { + display: flex; + align-items: center; + margin: px2rem(30) px2rem(40) 0; + gap: px2rem(34); + + .tab_box { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #7B7B7D; + line-height: px2rem(40); + text-align: center; + font-style: normal; + text-transform: none; + } + + .active { + font-weight: 600; + font-size: px2rem(32); + color: #3571FF; + } +} + +.data-table { + width: calc(100% - #{px2rem(64)}); + border-collapse: collapse; + margin: px2rem(28) px2rem(32); + box-sizing: border-box; + + tr { + display: flex; + } +} + +.data-table th, +.data-table td { + padding: px2rem(30) px2rem(10); + text-align: center; + + img { + width: px2rem(36); + height: px2rem(36); + } + + display: flex; + align-items: center; + justify-content: center; + flex: 1; + + .user_info { + display: flex; + align-items: center; + position: relative; + .avatar { + width: px2rem(60); + height: px2rem(60); + border-radius: 50%; + } + + .info { + margin: 0 px2rem(10); + + .nick { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(26); + color: #313131; + line-height: px2rem(36); + font-style: normal; + text-transform: none; + text-align: left; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + max-width: px2rem(110); + } + + .erbanNo { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: px2rem(22); + color: #7B7B7D; + line-height: px2rem(30); + font-style: normal; + text-transform: none; + } + } + + .me_biaoshi { + background: linear-gradient(270deg, #59C5FF 0%, #3571FF 100%); + border-radius: px2rem(24); + font-family: PingFang SC, PingFang SC; + font-weight: 500; + font-size: px2rem(16); + color: #FFFFFF; + text-align: center; + font-style: normal; + text-transform: none; + padding: px2rem(5) px2rem(10); + position: absolute; + bottom: 0; + left: px2rem(8); + } + } +} + +.data-table thead th { + background-color: #E5F5FF; + font-weight: 500; + font-size: px2rem(26); + color: #313131; + line-height: px2rem(36); + text-align: center; + font-style: normal; + text-transform: none; + padding: px2rem(10) px2rem(20); +} + +.data-table tbody tr:nth-child(even) { + background-color: #E5F5FF; +} + + +.data-table .valid { + color: green; +} + +.data-table .invalid { + color: red; +} + +.timeBox { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, .5); + z-index: 99; + display: none; + + .timeBox_in { + width: px2rem(750); + height: px2rem(450); + border-radius: px2rem(32) px2rem(32) 0 0; + background: #fff; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + + .title { + width: 100%; + height: px2rem(44); + line-height: px2rem(44); + text-align: center; + color: #313131; + font-weight: 500; + font-size: px2rem(32); + position: absolute; + top: px2rem(24); + left: 0; + } + + .but { + height: px2rem(44); + line-height: px2rem(44); + position: absolute; + right: px2rem(32); + top: px2rem(24); + z-index: 2; + color: #04D5C6; + font-size: px2rem(32); + font-weight: 500; + } + + ul { + width: px2rem(750); + height: 6rem; + margin-top: px2rem(120); + overflow-y: scroll; + + &::-webkit-scrollbar { + display: none; + } + + li { + width: 100%; + text-align: center; + height: px2rem(64); + line-height: px2rem(64); + color: #7B7B7D; + font-size: px2rem(30); + font-weight: 400; + } + + .act { + background: #F4F4F4; + font-weight: 500; + color: #313131; + } + } + } +} + +.arabic { + .data-table td .user_info .info .nick { + text-align: right; + } +} \ No newline at end of file diff --git a/view/moliparty/modules/guild-ar/css/index.css b/view/moliparty/modules/guild-ar/css/index.css index 144499c..8d36b39 100644 --- a/view/moliparty/modules/guild-ar/css/index.css +++ b/view/moliparty/modules/guild-ar/css/index.css @@ -219,6 +219,10 @@ body { .headerBox .headerBox_in .FFEFE5 { background: #FFEFE5; } +.headerBox .headerBox_in .Diamond_statisticsBox { + width: 100%; + background: #E3F2FF; +} .weeklyRewards { width: 10rem; diff --git a/view/moliparty/modules/guild-ar/css/index.scss b/view/moliparty/modules/guild-ar/css/index.scss index e268d61..0d25275 100644 --- a/view/moliparty/modules/guild-ar/css/index.scss +++ b/view/moliparty/modules/guild-ar/css/index.scss @@ -250,6 +250,10 @@ body { .FFEFE5 { background: #FFEFE5; } + .Diamond_statisticsBox{ + width: 100%; + background: #E3F2FF; + } } } diff --git a/view/moliparty/modules/guild-ar/diamondStatistics.html b/view/moliparty/modules/guild-ar/diamondStatistics.html new file mode 100644 index 0000000..fed816b --- /dev/null +++ b/view/moliparty/modules/guild-ar/diamondStatistics.html @@ -0,0 +1,65 @@ + + + + + + + + + + + + + +
+ +

+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/moliparty/modules/guild-ar/images/No.png b/view/moliparty/modules/guild-ar/images/No.png new file mode 100644 index 0000000..14937e5 Binary files /dev/null and b/view/moliparty/modules/guild-ar/images/No.png differ diff --git a/view/moliparty/modules/guild-ar/images/Ye.png b/view/moliparty/modules/guild-ar/images/Ye.png new file mode 100644 index 0000000..ba5af95 Binary files /dev/null and b/view/moliparty/modules/guild-ar/images/Ye.png differ diff --git a/view/moliparty/modules/guild-ar/images/arrow_down.png b/view/moliparty/modules/guild-ar/images/arrow_down.png new file mode 100644 index 0000000..4e7d0b7 Binary files /dev/null and b/view/moliparty/modules/guild-ar/images/arrow_down.png differ diff --git a/view/moliparty/modules/guild-ar/index.html b/view/moliparty/modules/guild-ar/index.html index b0ef619..f2d11cc 100644 --- a/view/moliparty/modules/guild-ar/index.html +++ b/view/moliparty/modules/guild-ar/index.html @@ -74,7 +74,11 @@
-
+
+