diff --git a/view/molistar/modules/guild-ar/adminSet.html b/view/molistar/modules/guild-ar/adminSet.html new file mode 100644 index 00000000..0b0ba167 --- /dev/null +++ b/view/molistar/modules/guild-ar/adminSet.html @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + +
+ + + +
+
+ + + +
+
+

+
+
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/adminSet2.html b/view/molistar/modules/guild-ar/adminSet2.html new file mode 100644 index 00000000..29cfdff6 --- /dev/null +++ b/view/molistar/modules/guild-ar/adminSet2.html @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + +
+ +
+
+
+ + + +
+
+ +

+
+
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/bill.html b/view/molistar/modules/guild-ar/bill.html new file mode 100644 index 00000000..a1c9a594 --- /dev/null +++ b/view/molistar/modules/guild-ar/bill.html @@ -0,0 +1,65 @@ + + + + + + Bill + + + + + + + + + + + + + +
+ +

+
+
+

+

+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/adminSet.css b/view/molistar/modules/guild-ar/css/adminSet.css new file mode 100644 index 00000000..7de97753 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/adminSet.css @@ -0,0 +1,276 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #eaeaec; +} + +.back { + width: 100%; + height: 2.8rem; + position: fixed; + left: 0; + top: 0rem; + text-align: center; + color: #FFFFFF; + font-size: 0.50667rem; + font-weight: bold; + z-index: 10; + background: #fff; +} + +.back .backs { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 54%; +} + +.back .fdj { + width: 0.42667rem; + height: 0.42667rem; + position: absolute; + top: 58%; + left: 1.41333rem; + z-index: 2; +} + +.back input { + border: none; + outline: none; + background: #eaeaec; + width: 6.8rem; + height: 0.74667rem; + line-height: 0.74667rem; + border-radius: 0.74667rem; + box-sizing: border-box; + padding-left: 0.72rem; + position: absolute; + left: 1.22667rem; + top: 65%; + transform: translateY(-50%); + color: #333; + font-size: 0.32rem; +} + +.back input::placeholder { + color: #BCBDCB; + font-size: 0.29333rem; +} + +.back .text { + position: absolute; + right: 0.62667rem; + height: 100%; + top: 0; + line-height: 3.73333rem; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +ul { + width: 10rem; + height: 18rem; + margin: 2.53333rem auto 0; + overflow-y: scroll; + padding-top: 0.34667rem; + box-sizing: border-box; +} + +ul::-webkit-scrollbar { + display: none; +} + +ul li { + width: 9.06667rem; + height: 2.13333rem; + box-sizing: border-box; + overflow: hidden; + margin: 0 auto 0.44rem; + position: relative; + background: #fff; + border-radius: 0.13333rem; +} + +ul li .tx { + width: 1.06667rem; + height: 1.06667rem; + border-radius: 1.06667rem; + float: left; + margin-right: 0.14667rem; + margin-left: 0.13333rem; + display: block; + margin-top: 0.44rem; +} + +ul li .user { + float: left; + width: 6rem; +} + +ul li .user p { + color: #515665; + font-size: 0.37333rem; + font-weight: bold; + display: inline-block; + margin-right: 0.10667rem; + margin-bottom: 0.16rem; + width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding-top: 0.66667rem; +} + +ul li .user b { + display: block; + color: #A4ABB2; + font-size: 0.32rem; +} + +ul li .user .sex { + width: 0.24rem; + height: 0.24rem; + display: inline-block; + margin-top: 0.81333rem; + margin-right: 0.10667rem; +} + +ul li .user .wealth, +ul li .user .charm { + display: inline-block; + width: 0.96rem; + height: 0.48rem; + margin-top: 0.64rem; +} + +ul li .but { + width: 1.17333rem; + height: 0.56rem; + background: #AA6CF5; + border-radius: 0.56rem; + position: absolute; + right: 0.34667rem; + top: 1.18667rem; + text-align: center; + color: #fff; + line-height: 0.56rem; + font-size: 0.34667rem; + font-weight: 400; +} + +ul li .chairman { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.16rem; + top: 0.94667rem; + background: linear-gradient(90deg, #FFEB67, #FFFCE7); +} + +ul li .administrator { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.16rem; + top: 0.94667rem; + background: linear-gradient(-90deg, #FBE1FF, #F090FF); +} + +ul .null { + width: 100%; + height: 100%; + position: relative; +} + +ul .null img { + width: 1.96rem; + height: 2.01333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +ul .null span { + width: 100%; + left: 0; + top: 55%; + transform: translateY(-50%); + color: #A9A9A9; + font-size: 0.4rem; + font-weight: 400; + position: absolute; + text-align: center; +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 11; + display: none; +} + +.pub .pub_in { + background: #fff; + border-radius: 0.4rem; + box-sizing: border-box; + padding: 0.66667rem 0.45333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.pub .pub_in p { + text-align: center; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox { + width: 6.85333rem; + display: flex; + justify-content: space-between; + margin: 0.66667rem auto 0; +} + +.pub .pub_in .butBox div { + width: 3.2rem; + height: 1.01333rem; + text-align: center; + line-height: 1.01333rem; + border-radius: 1.01333rem; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox .close { + background: #F5F5F5; + color: #999999; +} + +.pub .pub_in .butBox .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; +} diff --git a/view/molistar/modules/guild-ar/css/adminSet.scss b/view/molistar/modules/guild-ar/css/adminSet.scss new file mode 100644 index 00000000..a94a5384 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/adminSet.scss @@ -0,0 +1,280 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #eaeaec; +} + +.back { + width: 100%; + height: px2rem(210); + position: fixed; + left: 0; + top: px2rem(0); + text-align: center; + color: #FFFFFF; + font-size: px2rem(38); + font-weight: bold; + z-index: 10; + background: #fff; + + .backs { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: 54%; + } + + .fdj { + width: px2rem(32); + height: px2rem(32); + position: absolute; + top:58%; + left: px2rem(106); + z-index: 2; + } + + input { + border: none; + outline: none; + background: #eaeaec; + width: px2rem(510); + height: px2rem(56); + line-height: px2rem(56); + border-radius: px2rem(56); + box-sizing: border-box; + padding-left: px2rem(54); + position: absolute; + left: px2rem(92); + top: 65%; + transform: translateY(-50%); + color: #333; + font-size: px2rem(24); + + &::placeholder { + color: #BCBDCB; + font-size: px2rem(22); + } + } + + .text { + position: absolute; + right: px2rem(47); + height: 100%; + top: 0; + line-height: px2rem(280); + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } +} + +ul { + width: px2rem(750); + height: px2rem(1350); + margin: px2rem(190) auto 0; + overflow-y: scroll; + padding-top: px2rem(26); + box-sizing: border-box; + + &::-webkit-scrollbar { + display: none; + } + + li { + width: px2rem(680); + height: px2rem(160); + box-sizing: border-box; + overflow: hidden; + margin: 0 auto px2rem(33); + position: relative; + background: #fff; + border-radius: px2rem(10); + + .tx { + width: px2rem(80); + height: px2rem(80); + border-radius: px2rem(80); + float: left; + margin-right: px2rem(11); + margin-left: px2rem(10); + display: block; + margin-top: px2rem(33); + } + + .user { + float: left; + width: 6rem; + + p { + color: #515665; + font-size: px2rem(28); + font-weight: bold; + display: inline-block; + margin-right: px2rem(8); + margin-bottom: px2rem(12); + width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding-top: px2rem(50); + } + + b { + display: block; + color: #A4ABB2; + font-size: px2rem(24); + } + + .sex { + width: px2rem(18); + height: px2rem(18); + display: inline-block; + margin-top: px2rem(61); + margin-right: px2rem(8); + } + + .wealth, + .charm { + display: inline-block; + width: px2rem(72); + height: px2rem(36); + margin-top: px2rem(48); + } + } + + .but { + width: px2rem(88); + height: px2rem(42); + background: #AA6CF5; + border-radius: px2rem(42); + position: absolute; + right: px2rem(26); + top: px2rem(89); + text-align: center; + color: #fff; + line-height: px2rem(42); + font-size: px2rem(26); + font-weight: 400; + } + + .chairman { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(12); + top: px2rem(71); + background: linear-gradient(90deg, #FFEB67, #FFFCE7); + } + + .administrator { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(12); + top: px2rem(71); + background: linear-gradient(-90deg, #FBE1FF, #F090FF); + } + } + + .null { + width: 100%; + height: 100%; + position: relative; + + img { + width: px2rem(147); + height: px2rem(151); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + + span { + width: 100%; + left: 0; + top: 55%; + transform: translateY(-50%); + color: #A9A9A9; + font-size: px2rem(30); + font-weight: 400; + position: absolute; + text-align: center; + } + } +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .6); + z-index: 11; + display: none; + + .pub_in { + background: #fff; + border-radius: px2rem(30); + box-sizing: border-box; + padding: px2rem(50) px2rem(34); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + p { + text-align: center; + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } + + .butBox { + width: px2rem(514); + display: flex; + justify-content: space-between; + margin: px2rem(50) auto 0; + + div { + width: px2rem(240); + height: px2rem(76); + text-align: center; + line-height: px2rem(76); + border-radius: px2rem(76); + font-size: px2rem(34); + font-weight: bold; + } + + .close { + background: #F5F5F5; + color: #999999; + } + + .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; + } + } + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/adminSet2.css b/view/molistar/modules/guild-ar/css/adminSet2.css new file mode 100644 index 00000000..a49b9145 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/adminSet2.css @@ -0,0 +1,257 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #eaeaec; +} + +.back { + width: 100%; + height: 2.8rem; + position: fixed; + left: 0; + top: 0rem; + text-align: center; + color: #FFFFFF; + font-size: 0.50667rem; + font-weight: bold; + z-index: 10; + background: #fff; +} + +.back .backs { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 54%; +} + +.back .title { + position: absolute; + left: 50%; + transform: translateX(-50%); + height: 100%; + top: 0; + line-height: 3.6rem; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +.back .text { + position: absolute; + right: 0.62667rem; + height: 100%; + top: 0; + line-height: 3.6rem; + color: #333333; + font-size: 0.4rem; +} + +ul { + width: 10rem; + height: 18rem; + margin: 2.93333rem auto 0; + overflow-y: scroll; + padding-top: 0.34667rem; + box-sizing: border-box; +} + +ul::-webkit-scrollbar { + display: none; +} + +ul li { + width: 9.06667rem; + height: 2.13333rem; + box-sizing: border-box; + overflow: hidden; + margin: 0 auto 0.44rem; + position: relative; + background: #fff; + border-radius: 0.13333rem; +} + +ul li .tx { + width: 1.06667rem; + height: 1.06667rem; + border-radius: 1.06667rem; + float: left; + margin-right: 0.14667rem; + margin-left: 0.13333rem; + display: block; + margin-top: 0.44rem; +} + +ul li .user { + float: left; + width: 6rem; +} + +ul li .user p { + color: #515665; + font-size: 0.37333rem; + font-weight: bold; + display: inline-block; + margin-right: 0.10667rem; + margin-bottom: 0.16rem; + width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding-top: 0.66667rem; +} + +ul li .user b { + display: block; + color: #A4ABB2; + font-size: 0.32rem; +} + +ul li .user .sex { + width: 0.24rem; + height: 0.24rem; + display: inline-block; + margin-top: 0.81333rem; + margin-right: 0.10667rem; +} + +ul li .user .wealth, +ul li .user .charm { + display: inline-block; + width: 0.96rem; + height: 0.48rem; + margin-top: 0.64rem; +} + +ul li .but { + width: 1.17333rem; + height: 0.56rem; + background: #71BCDB; + border-radius: 0.56rem; + position: absolute; + right: 0.34667rem; + top: 1.18667rem; + text-align: center; + color: #fff; + line-height: 0.56rem; + font-size: 0.34667rem; + font-weight: 400; +} + +ul li .chairman { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.16rem; + top: 0.94667rem; + background: linear-gradient(90deg, #FFEB67, #FFFCE7); + display: none; +} + +ul li .administrator { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.16rem; + top: 0.94667rem; + background: linear-gradient(-90deg, #FBE1FF, #F090FF); + display: none; +} + +ul .null { + width: 100%; + height: 100%; + position: relative; +} + +ul .null img { + width: 1.96rem; + height: 2.01333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +ul .null span { + width: 100%; + left: 0; + top: 57%; + transform: translateY(-50%); + color: #A9A9A9; + font-size: 0.4rem; + font-weight: 400; + position: absolute; + text-align: center; +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 11; + display: none; +} + +.pub .pub_in { + background: #fff; + border-radius: 0.4rem; + box-sizing: border-box; + padding: 0.66667rem 0.45333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.pub .pub_in p { + text-align: center; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox { + width: 6.85333rem; + display: flex; + justify-content: space-between; + margin: 0.66667rem auto 0; +} + +.pub .pub_in .butBox div { + width: 3.2rem; + height: 1.01333rem; + text-align: center; + line-height: 1.01333rem; + border-radius: 1.01333rem; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox .close { + background: #F5F5F5; + color: #999999; +} + +.pub .pub_in .butBox .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; +} diff --git a/view/molistar/modules/guild-ar/css/adminSet2.scss b/view/molistar/modules/guild-ar/css/adminSet2.scss new file mode 100644 index 00000000..cf1ab490 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/adminSet2.scss @@ -0,0 +1,261 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #eaeaec; +} + +.back { + width: 100%; + height: px2rem(210); + position: fixed; + left: 0; + top: px2rem(0); + text-align: center; + color: #FFFFFF; + font-size: px2rem(38); + font-weight: bold; + z-index: 10; + background: #fff; + + .backs { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: 54%; + } + + .title { + position: absolute; + left: 50%; + transform: translateX(-50%); + height: 100%; + top: 0; + line-height: px2rem(270); + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } + + .text { + position: absolute; + right: px2rem(47); + height: 100%; + top: 0; + line-height: px2rem(270); + color: #333333; + font-size: px2rem(30); + } +} + +ul { + width: px2rem(750); + height: px2rem(1350); + margin: px2rem(220) auto 0; + overflow-y: scroll; + padding-top: px2rem(26); + box-sizing: border-box; + + &::-webkit-scrollbar { + display: none; + } + + li { + width: px2rem(680); + height: px2rem(160); + box-sizing: border-box; + overflow: hidden; + margin: 0 auto px2rem(33); + position: relative; + background: #fff; + border-radius: px2rem(10); + + .tx { + width: px2rem(80); + height: px2rem(80); + border-radius: px2rem(80); + float: left; + margin-right: px2rem(11); + margin-left: px2rem(10); + display: block; + margin-top: px2rem(33); + } + + .user { + float: left; + width: 6rem; + + p { + color: #515665; + font-size: px2rem(28); + font-weight: bold; + display: inline-block; + margin-right: px2rem(8); + margin-bottom: px2rem(12); + width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding-top: px2rem(50); + } + + b { + display: block; + color: #A4ABB2; + font-size: px2rem(24); + } + + .sex { + width: px2rem(18); + height: px2rem(18); + display: inline-block; + margin-top: px2rem(61); + margin-right: px2rem(8); + } + + .wealth, + .charm { + display: inline-block; + width: px2rem(72); + height: px2rem(36); + margin-top: px2rem(48); + } + } + + .but { + width: px2rem(88); + height: px2rem(42); + background: #71BCDB; + border-radius: px2rem(42); + position: absolute; + right: px2rem(26); + top: px2rem(89); + text-align: center; + color: #fff; + line-height: px2rem(42); + font-size: px2rem(26); + font-weight: 400; + } + + .chairman { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(12); + top: px2rem(71); + background: linear-gradient(90deg, #FFEB67, #FFFCE7); + display: none; + } + + .administrator { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(12); + top: px2rem(71); + background: linear-gradient(-90deg, #FBE1FF, #F090FF); + display: none; + } + } + + .null { + width: 100%; + height: 100%; + position: relative; + + img { + width: px2rem(147); + height: px2rem(151); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + + span { + width: 100%; + left: 0; + top: 57%; + transform: translateY(-50%); + color: #A9A9A9; + font-size: px2rem(30); + font-weight: 400; + position: absolute; + text-align: center; + } + } +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .6); + z-index: 11; + display: none; + + .pub_in { + background: #fff; + border-radius: px2rem(30); + box-sizing: border-box; + padding: px2rem(50) px2rem(34); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + p { + text-align: center; + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } + + .butBox { + width: px2rem(514); + display: flex; + justify-content: space-between; + margin: px2rem(50) auto 0; + + div { + width: px2rem(240); + height: px2rem(76); + text-align: center; + line-height: px2rem(76); + border-radius: px2rem(76); + font-size: px2rem(34); + font-weight: bold; + } + + .close { + background: #F5F5F5; + color: #999999; + } + + .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; + } + } + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/bill.css b/view/molistar/modules/guild-ar/css/bill.css new file mode 100644 index 00000000..aa03ab92 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/bill.css @@ -0,0 +1,118 @@ +body, +html { + width: 100%; + background: #F4F4F4; +} + +.nav { + width: 100%; + height: 2.34667rem; + background: #F4F4F4; + position: fixed; + top: 0; + left: 50%; + transform: translateX(-50%); + z-index: 100; +} + +.nav .back { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.4rem; + bottom: 0.29333rem; +} + +.nav p { + height: 0.58667rem; + line-height: 0.58667rem; + font-size: 0.42667rem; + font-weight: 500; + color: #313131; + position: absolute; + bottom: 0.26667rem; + left: 50%; + transform: translateX(-50%); +} + +.income_expenses { + width: 10rem; + height: 1rem; + background: #f4f4f4; + position: fixed; + top: 2.34667rem; + left: 50%; + transform: translateX(-50%); + z-index: 100; + display: flex; + align-items: center; + justify-content: space-evenly; +} + +.income_expenses p { + height: 0.58667rem; + line-height: 0.58667rem; + font-size: 0.42667rem; + font-weight: 500; + color: #afb1b3; +} + +.income_expenses .act { + color: #313131; +} + +.income_expenses .act::after { + content: ""; + display: block; + width: 0.37333rem; + height: 0.10667rem; + border-radius: 0.37333rem; + background: #04D5C6; + vertical-align: bottom; + margin: 0.10667rem auto 0; +} + +ul { + width: 9.14667rem; + margin: 3.46667rem auto 0; +} + +ul li { + width: 100%; + background: #ffffff; + border-radius: 0.32rem; + margin-bottom: 0.37333rem; +} + +ul li div { + width: 8.66667rem; + padding: 0.26667rem 0.24rem; + display: flex; + align-items: center; + justify-content: space-between; +} + +ul li div p { + font-weight: 600; + font-size: 0.4rem; + color: #313131; +} + +ul li div b { + font-weight: 600; + font-size: 0.48rem; + color: #04D5C6; +} + +ul li div span { + font-weight: 400; + font-size: 0.34667rem; + color: #7b7b7d; + line-height: 0.42667rem; +} + +.arLang .nav .back { + right: 0.4rem; + left: unset; + transform: rotate(180deg); +} diff --git a/view/molistar/modules/guild-ar/css/bill.scss b/view/molistar/modules/guild-ar/css/bill.scss new file mode 100644 index 00000000..d4505a26 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/bill.scss @@ -0,0 +1,126 @@ +@function px2rem($px, $rem: 37.5) { + @return $px / $rem + rem; +} + +body, +html { + width: 100%; + background: #F4F4F4; +} + +.nav { + width: 100%; + height: px2rem(88); + background: #F4F4F4; + position: fixed; + top: 0; + left: 50%; + transform: translateX(-50%); + z-index: 100; + + .back { + width: px2rem(22); + height: px2rem(22); + position: absolute; + left: px2rem(15); + bottom: px2rem(11); + } + + p { + height: px2rem(22); + line-height: px2rem(22); + font-size: px2rem(16); + font-weight: 500; + color: #313131; + position: absolute; + bottom: px2rem(10); + left: 50%; + transform: translateX(-50%); + } +} + +.income_expenses { + width: px2rem(375); + height: 1rem; + background: #f4f4f4; + position: fixed; + top: px2rem(88); + left: 50%; + transform: translateX(-50%); + z-index: 100; + display: flex; + align-items: center; + justify-content: space-evenly; + + p { + height: px2rem(22); + line-height: px2rem(22); + font-size: px2rem(16); + font-weight: 500; + color: #afb1b3; + } + + .act { + color: #313131; + + &::after { + content: ""; + display: block; + width: px2rem(14); + height: px2rem(4); + border-radius: px2rem(14); + background: #04D5C6; + vertical-align: bottom; + margin: px2rem(4) auto 0; + } + } +} + +ul { + width: px2rem(343); + margin: px2rem(130) auto 0; + + li { + width: 100%; + // height: px2rem(78); + background: #ffffff; + border-radius: px2rem(12); + margin-bottom: px2rem(14); + div { + width: px2rem(325); + padding: px2rem(10) px2rem(9); + display: flex; + align-items: center; + justify-content: space-between; + p { + font-weight: 600; + font-size: px2rem(15); + color: #313131; + } + b { + font-weight: 600; + font-size: px2rem(18); + color: #04D5C6; + } + span { + font-weight: 400; + font-size: px2rem(13); + color: #7b7b7d; + line-height: px2rem(16); + } + // .time { + // width: 4.4rem; + // } + } + } +} + +.arLang { + .nav { + .back { + right: px2rem(15); + left: unset; + transform: rotate(180deg); + } + } +} diff --git a/view/molistar/modules/guild-ar/css/diamondWithdraw.css b/view/molistar/modules/guild-ar/css/diamondWithdraw.css new file mode 100644 index 00000000..ef677df5 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/diamondWithdraw.css @@ -0,0 +1,234 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #fff; + box-sizing: border-box; + padding-top: 1.46667rem; +} + +.back { + width: 100%; + height: 2.34667rem; + position: fixed; + left: 0; + top: 0rem; + text-align: center; + color: #FFFFFF; + font-size: 0.50667rem; + font-weight: bold; + z-index: 10; +} + +.back img { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 1.46667rem; +} + +.back .title { + color: #313131; + text-align: center; + font-size: 0.42667rem; + font-weight: 500; + margin: 1.53333rem auto 0; +} + +.myDiamond { + width: 9.14667rem; + height: 1.17333rem; + line-height: 1.17333rem; + margin: 0 auto 0.26667rem; + display: flex; + justify-content: center; + background: #F2F3F7; + border-radius: 0.21333rem; + overflow: hidden; +} + +.myDiamond i { + font-style: normal; + color: #313131; + font-size: 0.37333rem; + font-weight: 500; +} + +.myDiamond b { + font-size: 0.37333rem; + color: #04D5C6; + font-weight: 500; + margin: 0 0.13333rem; +} + +.myDiamond img { + display: inline-block; + width: 0.42667rem; + height: 0.42667rem; + margin-top: 0.32rem; +} + +h3 { + height: 0.66667rem; + width: 100%; + box-sizing: border-box; + padding: 0 0.42667rem; + line-height: 0.66667rem; + display: flex; + margin: 0 auto 0.13333rem; + white-space: nowrap; + display: block; +} + +h3 span { + width: 0.10667rem; + height: 0.45333rem; + background: #04D5C6; + border-radius: 0.45333rem; + margin-top: 0.10667rem; +} + +h3 b { + margin: 0 0.26667rem; + color: #313131; + font-size: 0.48rem; + font-weight: 600; +} + +ul { + width: 9.14667rem; + height: auto; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin: 0 auto 1.30667rem; +} + +ul li { + width: 4.50667rem; + height: 1.89333rem; + background: #F2F3F7; + border-radius: 0.21333rem; + overflow: hidden; + box-sizing: border-box; + text-align: center; + margin-bottom: 0.13333rem; + border: 0.05333rem solid #fff; +} + +ul li p { + color: #313131; + font-size: 0.42667rem; + font-weight: 600; + margin-top: 0.26667rem; + margin-bottom: 0.24rem; +} + +ul li b { + color: #313131; + font-size: 0.37333rem; + font-weight: 600; +} + +ul .canCustom p { + line-height: 1.4rem; +} + +ul .canCustom p img { + width: 0.29333rem; + height: 0.29333rem; + display: inline-block; + margin: 0 0.06667rem; + vertical-align: middle; +} + +ul .act { + border: 0.05333rem solid #04D5C6; +} + +.but { + width: 9.14667rem; + height: 1.04rem; + line-height: 1.04rem; + text-align: center; + color: #fff; + font-size: 0.42667rem; + font-weight: 500; + background: #04D5C6; + margin: 0 auto 0; + border-radius: 1.04rem; +} + +.arabic .back img { + left: auto; + right: 0.24rem; + transform: rotate(180deg); +} + +.pub { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); +} + +.pub .pub_in { + width: 9.14667rem; + height: 5.86667rem; + background: #fff; + border-radius: 0.21333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.pub .pub_in h2 { + width: 100%; + text-align: center; + color: #313131; + font-size: 0.48rem; + font-weight: 600; + margin-top: 0.48rem; + margin-bottom: 0.29333rem; +} + +.pub .pub_in h3 { + width: 100%; + text-align: center; + color: #313131; + font-size: 0.37333rem; + font-weight: 600; + margin-bottom: 0.88rem; + color: #7B7B7D; + font-weight: 400; +} + +.pub .pub_in .view { + width: 6.88rem; + height: 1.14667rem; + line-height: 1.14667rem; + text-align: center; + color: #fff; + background: #04D5C6; + font-size: 0.42667rem; + font-weight: 500; + margin: 0 auto 0.26667rem; + border-radius: 1.14667rem; +} + +.pub .pub_in .close { + width: 6.88rem; + height: 1.14667rem; + line-height: 1.14667rem; + text-align: center; + color: #313131; + background: #F2F3F7; + font-size: 0.42667rem; + font-weight: 500; + margin: 0 auto 0.26667rem; + border-radius: 1.14667rem; +} diff --git a/view/molistar/modules/guild-ar/css/diamondWithdraw.scss b/view/molistar/modules/guild-ar/css/diamondWithdraw.scss new file mode 100644 index 00000000..c7e1bf97 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/diamondWithdraw.scss @@ -0,0 +1,244 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #fff; + box-sizing: border-box; + padding-top: px2rem(110); +} + +.back { + width: 100%; + height: px2rem(176); + position: fixed; + left: 0; + top: px2rem(0); + text-align: center; + color: #FFFFFF; + font-size: px2rem(38); + font-weight: bold; + z-index: 10; + + img { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: px2rem(110); + } + + .title { + color: #313131; + text-align: center; + font-size: px2rem(32); + font-weight: 500; + margin: px2rem(115) auto 0; + } +} + +.myDiamond { + width: px2rem(686); + height: px2rem(88); + line-height: px2rem(88); + margin: 0 auto px2rem(20); + display: flex; + justify-content: center; + background: #F2F3F7; + border-radius: px2rem(16); + overflow: hidden; + + i { + font-style: normal; + color: #313131; + font-size: px2rem(28); + font-weight: 500; + } + + b { + font-size: px2rem(28); + color: #04D5C6; + font-weight: 500; + margin: 0 px2rem(10); + } + + img { + display: inline-block; + width: px2rem(32); + height: px2rem(32); + margin-top: px2rem(24); + } +} + +h3 { + height: px2rem(50); + width: 100%; + box-sizing: border-box; + padding: 0 px2rem(32); + line-height: px2rem(50); + display: flex; + margin: 0 auto px2rem(10); + white-space: nowrap; + display: block; + + span { + // display: block; + width: px2rem(8); + height: px2rem(34); + background: #04D5C6; + border-radius: px2rem(34); + margin-top: px2rem(8); + } + + b { + // display: block; + margin: 0 px2rem(20); + color: #313131; + font-size: px2rem(36); + font-weight: 600; + } +} + +ul { + width: px2rem(686); + height: auto; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin: 0 auto px2rem(98); + + li { + width: px2rem(338); + height: px2rem(142); + background: #F2F3F7; + border-radius: px2rem(16); + overflow: hidden; + box-sizing: border-box; + text-align: center; + margin-bottom: px2rem(10); + border: px2rem(4) solid #fff; + + p { + color: #313131; + font-size: px2rem(32); + font-weight: 600; + margin-top: px2rem(20); + margin-bottom: px2rem(18); + } + + b { + color: #313131; + font-size: px2rem(28); + font-weight: 600; + } + } + + .canCustom { + p { + line-height: px2rem(105); + + img { + width: px2rem(22); + height: px2rem(22); + display: inline-block; + margin: 0 px2rem(5); + vertical-align: middle; + } + } + } + + .act { + border: px2rem(4) solid #04D5C6; + } +} + +.but { + width: px2rem(686); + height: px2rem(78); + line-height: px2rem(78); + text-align: center; + color: #fff; + font-size: px2rem(32); + font-weight: 500; + background: #04D5C6; + margin: 0 auto 0; + border-radius: px2rem(78); +} + +.arabic { + .back img { + left: auto; + right: 0.24rem; + transform: rotate(180deg); + } +} + +.pub { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, .5); + + .pub_in { + width: px2rem(686); + height: px2rem(440); + background: #fff; + border-radius: px2rem(16); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + h2 { + width: 100%; + text-align: center; + color: #313131; + font-size: px2rem(36); + font-weight: 600; + margin-top: px2rem(36); + margin-bottom: px2rem(22); + } + + h3 { + width: 100%; + text-align: center; + color: #313131; + font-size: px2rem(28); + font-weight: 600; + margin-bottom: px2rem(66); + color: #7B7B7D; + font-weight: 400; + } + + .view { + width: px2rem(516); + height: px2rem(86); + line-height: px2rem(86); + text-align: center; + color: #fff; + background: #04D5C6; + font-size: px2rem(32); + font-weight: 500; + margin: 0 auto px2rem(20); + border-radius: px2rem(86); + } + + .close { + width: px2rem(516); + height: px2rem(86); + line-height: px2rem(86); + text-align: center; + color: #313131; + background: #F2F3F7; + font-size: px2rem(32); + font-weight: 500; + margin: 0 auto px2rem(20); + border-radius: px2rem(86); + } + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/guild.css b/view/molistar/modules/guild-ar/css/guild.css new file mode 100644 index 00000000..1b313742 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/guild.css @@ -0,0 +1,274 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #F5F7F9; +} + +.back { + width: 100%; + height: 2.38667rem; + line-height: 3.2rem; + position: fixed; + left: 0; + top: 0rem; + text-align: center; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; + z-index: 10; + background: url(../images/topBg.png) no-repeat top; + background-size: 100% 7rem; +} + +.back img { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 58%; +} + +.top { + width: 9.25333rem; + height: 1.18667rem; + line-height: 0.78667rem; + background: #fff; + border-radius: 0.26667rem 0.26667rem 0 0; + margin: 2.5rem auto 0; + color: #333; + font-size: 0.42667rem; + box-sizing: border-box; + padding: 0 0.4rem; +} + +.top .left { + height: 1.18667rem; + line-height: 1.18667rem; + float: left; +} + +.top img { + float: right; + display: block; + width: 0.58667rem; + height: 0.58667rem; + margin-top: 0.33333rem; +} + +ul { + width: 9.25333rem; + height: 16.81333rem; + overflow-y: scroll; + margin: 0 auto; + border-radius: 0 0 0.26667rem 0.26667rem; + background: #fff; +} + +ul::-webkit-scrollbar { + display: none; +} + +ul li { + width: 100%; + height: 2.13333rem; + overflow: hidden; + box-sizing: border-box; + padding: 0 0.26667rem 0 0.2rem; + position: relative; +} + +ul li .num { + color: #000000; + font-size: 0.4rem; + font-weight: bold; + width: 1.01333rem; + height: 1.01333rem; + line-height: 1.01333rem; + text-align: center; + float: left; + margin-top: 0.66667rem; +} + +ul li .ts { + width: 1.70667rem; + height: 1.37333rem; + position: absolute; + z-index: 2; + left: 1.09333rem; + top: 0.49333rem; +} + +ul li .tx { + width: 1.33333rem; + height: 1.33333rem; + position: absolute; + left: 1.28rem; + top: 0.52rem; + border-radius: 50%; +} + +ul li .user { + float: left; + margin-left: 1.66667rem; +} + +ul li .user p { + width: 2.5rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #515665; + font-size: 0.32rem; + margin-bottom: 0.38667rem; + font-weight: bold; + box-sizing: border-box; + padding-top: 0.70667rem; +} + +ul li .user b { + color: #A4ABB2; + font-size: 0.32rem; + font-weight: 500; +} + +ul li .but { + width: 1.54667rem; + height: 0.56rem; + line-height: 0.56rem; + background: #7F95FF; + border-radius: 0.56rem; + float: right; + margin-top: 0.76rem; + text-align: center; + color: #fff; + font-size: 0.26667rem; +} + +ul li:nth-child(odd) { + background: rgba(50, 39, 79, 0.06); +} + +ul li:nth-child(1) .num { + background: url(../images/no1.png) no-repeat; + background-size: 100% 100%; +} + +ul li:nth-child(1) .ts { + width: 1.78667rem; + height: 1.78667rem; + left: 1.05333rem; + top: 0.18667rem; +} + +ul li:nth-child(2) .num { + background: url(../images/no2.png) no-repeat; + background-size: 100% 100%; +} + +ul li:nth-child(2) .ts { + width: 1.78667rem; + height: 1.78667rem; + left: 1.05333rem; + top: 0.18667rem; +} + +ul li:nth-child(3) .num { + background: url(../images/no3.png) no-repeat; + background-size: 100% 100%; +} + +ul li:nth-child(3) .ts { + width: 1.78667rem; + height: 1.78667rem; + left: 1.05333rem; + top: 0.18667rem; +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 11; + display: none; +} + +.pub .pub_in { + background: #fff; + border-radius: 0.4rem; + box-sizing: border-box; + padding: 0.66667rem 0.45333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.pub .pub_in p { + text-align: center; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox { + width: 6.85333rem; + display: flex; + justify-content: space-between; + margin: 0.66667rem auto 0; +} + +.pub .pub_in .butBox div { + width: 3.2rem; + height: 1.01333rem; + text-align: center; + line-height: 1.01333rem; + border-radius: 1.01333rem; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox .close { + background: #F5F5F5; + color: #999999; +} + +.pub .pub_in .butBox .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; +} + +.arabic ul li .num, +.arabic ul li .user { + float: right; +} + +.arabic ul li .user { + margin-left: 0; + margin-right: 1.8rem; +} + +.arabic ul li .but { + float: left; +} + +.arabic ul li .ts { + left: 0; + right: 1.05333rem; +} + +.arabic ul li .tx { + left: 0; + right: 1.28rem; +} + +.arabic .top .left { + float: right; +} + +.arabic .top img { + float: left; +} diff --git a/view/molistar/modules/guild-ar/css/guild.scss b/view/molistar/modules/guild-ar/css/guild.scss new file mode 100644 index 00000000..0b59b7d8 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/guild.scss @@ -0,0 +1,289 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #F5F7F9; + +} + +.back { + width: 100%; + height: px2rem(179); + line-height: px2rem(240); + position: fixed; + left: 0; + top: px2rem(0); + text-align: center; + color: #333333; + font-size: px2rem(34); + font-weight: bold; + z-index: 10; + background: url(../images/topBg.png) no-repeat top; + background-size: 100% 7rem; + + img { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: 58%; + } +} + +.top { + width: px2rem(694); + height: px2rem(89); + line-height: px2rem(59); + background: #fff; + border-radius: px2rem(20) px2rem(20) 0 0; + margin: 2.5rem auto 0; + color: #333; + font-size: px2rem(32); + box-sizing: border-box; + padding: 0 px2rem(30); + + .left { + height: px2rem(89); + line-height: px2rem(89); + float: left; + } + + img { + float: right; + display: block; + width: px2rem(44); + height: px2rem(44); + margin-top: px2rem(25); + } +} + +ul { + width: px2rem(694); + height: px2rem(1261); + overflow-y: scroll; + margin: 0 auto; + border-radius: 0 0 px2rem(20) px2rem(20); + background: #fff; + + &::-webkit-scrollbar { + display: none; + } + + li { + width: 100%; + height: px2rem(160); + overflow: hidden; + box-sizing: border-box; + padding: 0 px2rem(20) 0 px2rem(15); + position: relative; + + .num { + color: #000000; + font-size: px2rem(30); + font-weight: bold; + width: px2rem(76); + height: px2rem(76); + line-height: px2rem(76); + text-align: center; + float: left; + margin-top: px2rem(50); + } + + .ts { + width: px2rem(128); + height: px2rem(103); + position: absolute; + z-index: 2; + left: px2rem(82); + top: px2rem(37); + } + + .tx { + width: px2rem(100); + height: px2rem(100); + position: absolute; + left: px2rem(96); + top: px2rem(39); + border-radius: 50%; + } + + .user { + float: left; + margin-left: px2rem(125); + + p { + width: 2.5rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #515665; + font-size: px2rem(24); + margin-bottom: px2rem(29); + font-weight: bold; + box-sizing: border-box; + padding-top: px2rem(53); + } + + b { + color: #A4ABB2; + font-size: px2rem(24); + font-weight: 500; + } + } + + .but { + width: px2rem(116); + height: px2rem(42); + line-height: px2rem(42); + background: #7F95FF; + border-radius: px2rem(42); + float: right; + margin-top: px2rem(57); + text-align: center; + color: #fff; + font-size: px2rem(20); + } + + &:nth-child(odd) { + background: rgba(50, 39, 79, .06); + } + + &:nth-child(1) { + .num { + background: url(../images/no1.png) no-repeat; + background-size: 100% 100%; + } + + .ts { + width: px2rem(134); + height: px2rem(134); + left: px2rem(79); + top: px2rem(14); + } + } + + &:nth-child(2) { + .num { + background: url(../images/no2.png) no-repeat; + background-size: 100% 100%; + } + + .ts { + width: px2rem(134); + height: px2rem(134); + left: px2rem(79); + top: px2rem(14); + } + } + + &:nth-child(3) { + .num { + background: url(../images/no3.png) no-repeat; + background-size: 100% 100%; + } + + .ts { + width: px2rem(134); + height: px2rem(134); + left: px2rem(79); + top: px2rem(14); + } + } + + } +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .6); + z-index: 11; + display: none; + + .pub_in { + background: #fff; + border-radius: px2rem(30); + box-sizing: border-box; + padding: px2rem(50) px2rem(34); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + p { + text-align: center; + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } + + .butBox { + width: px2rem(514); + display: flex; + justify-content: space-between; + margin: px2rem(50) auto 0; + + div { + width: px2rem(240); + height: px2rem(76); + text-align: center; + line-height: px2rem(76); + border-radius: px2rem(76); + font-size: px2rem(34); + font-weight: bold; + } + + .close { + background: #F5F5F5; + color: #999999; + } + + .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; + } + } + } +} + +.arabic { + + ul li .num, + ul li .user { + float: right; + } + + ul li .user { + margin-left: 0; + margin-right: 1.8rem; + } + + ul li .but { + float: left; + } + + ul li .ts { + left: 0; + right: 1.05333rem; + } + + ul li .tx { + left: 0; + right: 1.28rem; + } + + .top .left { + float: right; + } + + .top img { + float: left; + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/guildInfoSet.css b/view/molistar/modules/guild-ar/css/guildInfoSet.css new file mode 100644 index 00000000..534fa953 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/guildInfoSet.css @@ -0,0 +1,182 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #F5F7F9; + box-sizing: border-box; + padding: 2.13333rem 0rem 0 0; +} + +.back { + width: 100%; + height: 2.66667rem; + line-height: 3.46667rem; + position: fixed; + left: 0; + top: 0rem; + text-align: center; + color: #333333; + font-size: 0.50667rem; + font-weight: bold; + z-index: 10; + background: #fff; +} + +.back img { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 54%; +} + +input { + background: none; + outline: none; + bottom: none; +} + +h3 { + color: #333333; + font-size: 0.42667rem; + margin-bottom: 0.57333rem; + font-weight: 500; + margin-left: 0.42667rem; + text-align: left; +} + +.name { + width: 9.01333rem; + height: 1.01333rem; + line-height: 1.01333rem; + position: relative; + margin: 0 auto 0.85333rem; + background: #fff; + border-radius: 0.09333rem; +} + +.name input { + position: absolute; + left: 0; + top: 0; + width: 80%; + height: 100%; + color: #3C3C3C; + font-size: 0.37333rem; + font-weight: 400; + box-sizing: border-box; + padding-left: 0.37333rem; +} + +.name span { + position: absolute; + right: 0.50667rem; + top: 0; + height: 100%; + color: #E13B3F; + font-size: 0.37333rem; + font-weight: 400; +} + +.name .act { + color: #67D2A6; +} + +.background { + position: relative; + width: 6.66667rem; + height: 4rem; + margin-bottom: 0.89333rem; +} + +.background img { + display: inline-block; + margin-left: 0.42667rem; + margin-right: 0.22667rem; + width: 4rem; + height: 4rem; + border-radius: 0.06667rem; +} + +.background span { + color: #E13B3F; + font-size: 0.37333rem; + font-weight: 400; + margin-top: 3.65333rem; + display: inline-block; +} + +.background input { + position: absolute; + right: 1.2rem; + bottom: -0.2rem; + width: 0.93333rem; + height: 0.8rem; +} + +.background .act { + color: #67D2A6; +} + +.account { + width: 9.01333rem; + height: 1.01333rem; + line-height: 1.01333rem; + position: relative; + margin: 0 auto 0.85333rem; + background: #fff; + border-radius: 0.09333rem; + display: none; +} + +.account i { + font-style: normal; + color: #3C3C3C; + font-weight: 400; + font-size: 0.37333rem; + height: 100%; + position: absolute; + left: 0.26667rem; +} + +.account input { + position: absolute; + left: 2.13333rem; + top: 0; + height: 100%; + color: #000; + font-size: 0.37333rem; + font-weight: 500; + box-sizing: border-box; + padding-left: 0.46667rem; + width: 60%; +} + +.account span { + position: absolute; + right: 0.50667rem; + top: 0; + height: 100%; + color: #E13B3F; + font-size: 0.37333rem; + font-weight: 400; +} + +.account .act { + color: #67D2A6; +} + +.arabic .account span { + right: auto; + left: 0.50667rem; +} + +.arabic .account i { + left: auto; + right: 0.26667rem; +} + +.arabic .account input { + left: auto; + right: 2.5rem; +} diff --git a/view/molistar/modules/guild-ar/css/guildInfoSet.scss b/view/molistar/modules/guild-ar/css/guildInfoSet.scss new file mode 100644 index 00000000..d2d87155 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/guildInfoSet.scss @@ -0,0 +1,189 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #F5F7F9; + box-sizing: border-box; + padding: px2rem(160) px2rem(0) 0 0; +} + +.back { + width: 100%; + height: px2rem(200); + line-height: px2rem(260); + position: fixed; + left: 0; + top: px2rem(0); + text-align: center; + color: #333333; + font-size: px2rem(38); + font-weight: bold; + z-index: 10; + background: #fff; + + img { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: 54%; + } +} + +input { + background: none; + outline: none; + bottom: none; +} + +h3 { + color: #333333; + font-size: px2rem(32); + margin-bottom: px2rem(43); + font-weight: 500; + margin-left: px2rem(32); + text-align: left; +} + +.name { + width: px2rem(676); + height: px2rem(76); + line-height: px2rem(76); + position: relative; + margin: 0 auto px2rem(64); + background: #fff; + border-radius: px2rem(7); + + input { + position: absolute; + left: 0; + top: 0; + width: 80%; + height: 100%; + color: #3C3C3C; + font-size: px2rem(28); + font-weight: 400; + box-sizing: border-box; + padding-left: px2rem(28); + } + + span { + position: absolute; + right: px2rem(38); + top: 0; + height: 100%; + color: #E13B3F; + font-size: px2rem(28); + font-weight: 400; + } + + .act { + color: #67D2A6; + } +} + +.background { + position: relative; + width: px2rem(500); + height: px2rem(300); + margin-bottom: px2rem(67); + + img { + display: inline-block; + margin-left: px2rem(32); + margin-right: px2rem(17); + width: px2rem(300); + height: px2rem(300); + border-radius: px2rem(5); + } + + span { + color: #E13B3F; + font-size: px2rem(28); + font-weight: 400; + margin-top: px2rem(274); + display: inline-block; + + } + + input { + position: absolute; + right: 1.2rem; + bottom: -0.2rem; + width: px2rem(70); + height: px2rem(60); + } + + .act { + color: #67D2A6; + } +} + +.account { + width: px2rem(676); + height: px2rem(76); + line-height: px2rem(76); + position: relative; + margin: 0 auto px2rem(64); + background: #fff; + border-radius: px2rem(7); + display: none; + + i { + font-style: normal; + color: #3C3C3C; + font-weight: 400; + font-size: px2rem(28); + height: 100%; + position: absolute; + left: px2rem(20); + } + + input { + position: absolute; + left: px2rem(160); + top: 0; + height: 100%; + color: #000; + font-size: px2rem(28); + font-weight: 500; + box-sizing: border-box; + padding-left: px2rem(35); + width: 60%; + } + + span { + position: absolute; + right: px2rem(38); + top: 0; + height: 100%; + color: #E13B3F; + font-size: px2rem(28); + font-weight: 400; + } + + .act { + color: #67D2A6; + } +} + +.arabic { + + .account span { + right: auto; + left: 0.50667rem; + } + + .account i { + left: auto; + right: 0.26667rem; + } + .account input{ + left: auto; + right: 2.5rem; + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/index.css b/view/molistar/modules/guild-ar/css/index.css new file mode 100644 index 00000000..145e4f7b --- /dev/null +++ b/view/molistar/modules/guild-ar/css/index.css @@ -0,0 +1,663 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #fff; +} + +.back { + width: 100%; + height: 0.58667rem; + line-height: 0.58667rem; + position: fixed; + left: 0; + top: 1.46667rem; + text-align: center; + color: #FFFFFF; + font-size: 0.50667rem; + font-weight: bold; + z-index: 10; +} + +.back img { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 0rem; +} + +.back b { + width: 75%; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.header { + width: 10rem; + height: 5.86667rem; + background: url(../images/header.png) no-repeat; + background-size: cover; + position: relative; + margin: 0 auto 0rem; +} + +.header .tx { + width: 2.05333rem; + height: 2.05333rem; + position: absolute; + left: 0.45333rem; + top: 2.88rem; + border-radius: 50%; + border: 0.02667rem solid #FFE8A9; +} + +.header .ts { + width: 2.77333rem; + height: 2.77333rem; + position: absolute; + top: 1.73333rem; + left: 50%; + transform: translateX(-50%); + z-index: 2; + display: none; +} + +.header .nick { + width: 55%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #fff; + font-size: 0.53333rem; + font-weight: bold; + position: absolute; + top: 3.22667rem; + left: 2.93333rem; +} + +.header .id { + width: 55%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #fff; + font-size: 0.34667rem; + font-weight: 500; + position: absolute; + top: 4.10667rem; + left: 2.93333rem; +} + +.header .guildNick { + width: 100%; + position: absolute; + left: 0; + top: 6.30667rem; + color: #FFFFFF; + opacity: 0.8; + font-size: 0.32rem; + text-align: center; + display: none; +} + +.headerBox { + width: 10rem; + height: auto; + border-radius: 0.26667rem; + margin: -0.4rem auto 0rem; + position: relative; + background: #fff; + overflow: hidden; +} + +.headerBox .headerBox_in { + width: 9.14667rem; + height: 3.06667rem; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin: 0.32rem auto 0; +} + +.headerBox .headerBox_in div { + width: 4.45333rem; + height: 1.38667rem; + line-height: 1.38667rem; + margin-bottom: 0.24rem; + background: #F2F3F7; + border-radius: 0.32rem; + text-align: center; +} + +.headerBox .headerBox_in div img { + display: inline; + width: 0.69333rem; + height: 0.69333rem; + vertical-align: middle; +} + +.headerBox .headerBox_in div span { + display: inline-block; + color: #313131; + font-size: 0.4rem; +} + +.headerBox .headerBox_in .E3F2FF { + background: #E3F2FF; +} + +.headerBox .headerBox_in .FFEFE5 { + background: #FFEFE5; +} + +.agencylevel { + width: 10rem; + height: 3.62667rem; + margin: 0.34667rem auto 0; +} + +.agencylevel .top { + width: 100%; + box-sizing: border-box; + padding: 0 0.33333rem; + height: 0.66667rem; + line-height: 0.66667rem; + margin-top: 0.41333rem; + position: relative; +} + +.agencylevel .top span { + float: left; + width: 0.10667rem; + height: 0.45333rem; + background: #04D5C6; + border-radius: 9.22667rem; + margin: 0.10667rem 0.13333rem 0; + display: block; +} + +.agencylevel .top b { + float: left; + font-size: 0.48rem; + color: #313131; + font-weight: bold; + display: block; + margin-right: 0.09333rem; +} + +.agencylevel .top i { + display: block; + font-size: 0.48rem; + color: #313131; + float: left; + font-style: normal; +} + +.agencylevel .agencylevelInfo { + width: 9.14667rem; + height: 2.69333rem; + background: #EBFFF6; + border-radius: 0.21333rem; + margin: 0.26667rem auto 0; + box-sizing: border-box; + padding: 0.24rem; +} + +.agencylevel .agencylevelInfo h3 { + width: 100%; + display: block; + color: #313131; + font-size: 0.34667rem; + margin-bottom: 0.26667rem; + font-weight: 600; +} + +.agencylevel .agencylevelInfo h3 b { + color: #313131; + font-size: 0.34667rem; +} + +.agencylevel .agencylevelInfo h4 { + color: #7B7B7D; + font-weight: 400; + margin-bottom: 0.26667rem; +} + +.agencylevel .agencylevelInfo .line { + width: 8.66667rem; + height: 0.13333rem; + position: relative; + background: #B2E8D0; + border-radius: 0.13333rem; + overflow: hidden; + margin-bottom: 0.26667rem; +} + +.agencylevel .agencylevelInfo .line .line_in { + position: absolute; + top: 0; + left: 0; + width: 10%; + background: #04D5C6; + height: 100%; +} + +.agencylevel .agencylevelInfo .bottom { + width: 100%; + display: flex; + justify-content: space-between; + color: #7B7B7D; + font-size: 0.32rem; + font-weight: 400; +} + +.guildList { + width: 10rem; + height: 6.7rem; + border-radius: 0.26667rem; + margin: 0.26667rem auto 0rem; + position: relative; + background: #fff; + overflow: hidden; +} + +.guildList .top { + width: 100%; + box-sizing: border-box; + padding: 0 0.33333rem; + height: 0.66667rem; + line-height: 0.66667rem; + margin-top: 0.41333rem; + position: relative; +} + +.guildList .top span { + float: left; + width: 0.10667rem; + height: 0.45333rem; + background: #04D5C6; + border-radius: 9.22667rem; + margin: 0.10667rem 0.13333rem 0; + display: block; +} + +.guildList .top b { + float: left; + font-size: 0.48rem; + color: #313131; + font-weight: bold; + display: block; + margin-right: 0.09333rem; +} + +.guildList .top i { + display: block; + font-size: 0.48rem; + color: #313131; + float: left; + font-style: normal; +} + +.guildList .top img { + float: right; + display: block; + width: 0.42667rem; + height: 0.42667rem; + position: absolute; + left: 6.45rem; + top: 51%; + transform: translateY(-50%); + z-index: 2; + display: none; +} + +.guildList .top input { + border: none; + outline: none; + background: #F5F7F9; + width: 3.46667rem; + height: 0.66667rem; + border-radius: 0.66667rem; + box-sizing: border-box; + padding-left: 0.72rem; + color: #333; + display: none; + float: right; +} + +.guildList .top input::placeholder { + color: #BCBDCB; + font-size: 0.29333rem; +} + +.guildList ul { + width: 100%; + height: 6.7rem; + margin: 0.52rem auto 0; + overflow-y: scroll; +} + +.guildList ul::-webkit-scrollbar { + display: none; +} + +.guildList ul li { + width: 9.14667rem; + height: 1.94667rem; + box-sizing: border-box; + overflow: hidden; + margin: 0 auto 0.44rem; + position: relative; + box-sizing: border-box; + padding-left: 0.13333rem; + background: #F2F3F7; + border-radius: 0.32rem; +} + +.guildList ul li .tx { + width: 1.06667rem; + height: 1.06667rem; + border-radius: 1.06667rem; + float: left; + margin-right: 0.14667rem; + margin-left: 0.13333rem; + display: block; + margin-top: 0.24rem; +} + +.guildList ul li .user { + float: left; + width: 6rem; +} + +.guildList ul li .user p { + color: #515665; + font-size: 0.37333rem; + font-weight: bold; + display: inline-block; + margin-right: 0.10667rem; + margin-bottom: 0.18667rem; + max-width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding-top: 0.45333rem; +} + +.guildList ul li .user b { + display: block; + color: #A4ABB2; + font-size: 0.32rem; +} + +.guildList ul li .user .sex { + width: 0.24rem; + height: 0.24rem; + display: inline-block; + margin-top: 0.45333rem; + margin-right: 0.10667rem; +} + +.guildList ul li .user .wealth, +.guildList ul li .user .charm { + display: inline-block; + width: 0.96rem; + height: 0.48rem; + margin-top: 0.33333rem; +} + +.guildList ul li .but { + width: 1.17333rem; + height: 0.56rem; + background: #62D0A8; + border-radius: 0.56rem; + position: absolute; + right: 0.34667rem; + top: 0.09333rem; + text-align: center; + color: #fff; + line-height: 0.56rem; + font-size: 0.29333rem; + font-weight: 400; +} + +.guildList ul li .chairman { + width: 1.25333rem; + height: 0.56rem; + line-height: 0.56rem; + border-radius: 0.56rem; + text-align: center; + color: #fff; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + right: 0.24rem; + top: 0.69333rem; + background: #04D5C6; + display: none; +} + +.guildList ul li .administrator { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.26667rem; + top: 0.94667rem; + background: linear-gradient(-90deg, #FBE1FF, #F090FF); + display: none; +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 11; + display: none; +} + +.pub .pub_in { + background: #fff; + border-radius: 0.4rem; + box-sizing: border-box; + padding: 0.66667rem 0.45333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.pub .pub_in p { + text-align: center; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox { + width: 6.85333rem; + display: flex; + justify-content: space-between; + margin-top: 0.66667rem; + margin: 0.66667rem auto 0; +} + +.pub .pub_in .butBox div { + width: 3.2rem; + height: 1.01333rem; + text-align: center; + line-height: 1.01333rem; + border-radius: 1.01333rem; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox .close { + background: #F5F5F5; + color: #999999; +} + +.pub .pub_in .butBox .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; +} + +.inveMember { + width: 4.08rem; + height: 1.28rem; + border-radius: 1.28rem; + line-height: 1.22667rem; + text-align: center; + background: linear-gradient(90deg, #7CDD9B, #62D0A8); + color: #fff; + font-size: 0.45333rem; + position: fixed; + left: 50%; + transform: translateX(-50%); + z-index: 5; + bottom: 1.06667rem; +} + +.inveMember img { + display: inline-block; + width: 0.50667rem; + height: 0.56rem; + vertical-align: middle; + margin-top: -0.1rem; +} + +.inveMember span { + display: inline-block; + vertical-align: middle; +} + +.arabic .back img { + left: auto; + right: 0.24rem; + transform: rotate(180deg); +} + +.arabic .header .tx { + left: auto; + right: 0.45333rem; +} + +.arabic .header .nick { + left: auto; + right: 2.93333rem; +} + +.arabic .header .id { + left: auto; + right: 2.93333rem; +} + +.arabic .guildList .top img { + right: 0.4rem; +} + +.arabic .guildList .top input { + padding-right: 0.5rem; +} + +.arabic .guildList ul li .but { + left: 0.34667rem; + right: auto; +} + +.arabic .guildList ul li .chairman, +.arabic .guildList ul li .administrator { + left: 0.24rem; + right: auto; +} + +.arabic .guildList ul li .tx, +.arabic .guildList ul li .user { + float: right; +} + +.arabic .guildList ul li .user { + padding-right: 0.2rem; +} + +.arabic .header .headerBox div img { + float: right; +} + +.arabic .header .headerBox div span { + float: right; +} + +.arabic .headerBox .headerBox_in div span { + font-size: 0.33333rem; +} + +.english .header .headerBox { + width: 8rem; +} + +.english .header .headerBox div { + width: 3.9rem; +} + +.english .header .headerBox div span { + font-size: 0.21333rem; +} + +.english .headerBox .headerBox_in .guildInfoSet span, +.english .headerBox .headerBox_in .adminSet span { + font-size: 0.26667rem; +} + +.arabic .header .headerBox { + width: 8rem; +} + +.arabic .header .headerBox div { + width: 3.9rem; +} + +.arabic .header .headerBox div span { + font-size: 0.29333rem; +} + +.arabic .guildList .top b { + float: right; +} + +.arabic .guildList .top i { + float: right; +} + +.arabic .guildList .top input { + float: left; +} + +.arabic .guildList .top img { + right: 6.3rem; + left: auto; + transform: rotate(100deg); + top: 0.1rem; +} + +.arabic .guildList .top span { + float: right; + display: block; +} + +.arabic .agencylevel .agencylevelInfo .line .line_in { + left: auto; + right: 0; +} diff --git a/view/molistar/modules/guild-ar/css/index.scss b/view/molistar/modules/guild-ar/css/index.scss new file mode 100644 index 00000000..e710434f --- /dev/null +++ b/view/molistar/modules/guild-ar/css/index.scss @@ -0,0 +1,764 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #fff; +} + +.back { + width: 100%; + height: px2rem(44); + line-height: px2rem(44); + position: fixed; + left: 0; + top: px2rem(110); + text-align: center; + color: #FFFFFF; + font-size: px2rem(38); + font-weight: bold; + z-index: 10; + + img { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: px2rem(0); + } + + b { + width: 75%; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + + } +} + +.header { + width: px2rem(750); + height: px2rem(440); + background: url(../images/header.png) no-repeat; + background-size: cover; + position: relative; + margin: 0 auto px2rem(0); + + .tx { + width: px2rem(154); + height: px2rem(154); + position: absolute; + left: px2rem(34); + top: px2rem(216); + border-radius: 50%; + border: px2rem(2) solid #FFE8A9; + } + + .ts { + width: px2rem(208); + height: px2rem(208); + position: absolute; + top: px2rem(130); + left: 50%; + transform: translateX(-50%); + z-index: 2; + display: none; + } + + .nick { + width: 55%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #fff; + font-size: px2rem(40); + font-weight: bold; + position: absolute; + top: px2rem(242); + left: px2rem(220); + } + + .id { + width: 55%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #fff; + font-size: px2rem(26); + font-weight: 500; + position: absolute; + top: px2rem(308); + left: px2rem(220); + } + + // .adminSet { + // padding: px2rem(0) px2rem(16); + // box-sizing: border-box; + // height: px2rem(44); + // line-height: px2rem(44); + // color: #fff; + // font-size: px2rem(32); + // font-weight: 400; + // background: linear-gradient(90deg, rgba(82, 59, 85, 0.98), rgba(21, 5, 16, 0.98)); + // border-radius: px2rem(44) 0px 0px px2rem(44); + // position: absolute; + // right: 0; + // top: px2rem(184); + // display: none; + // } + + // .guildInfoSet { + // padding: px2rem(0) px2rem(16); + // box-sizing: border-box; + // height: px2rem(44); + // line-height: px2rem(44); + // color: #fff; + // font-size: px2rem(32); + // font-weight: 400; + // background: linear-gradient(90deg, rgba(82, 59, 85, 0.7), rgba(21, 5, 16, 0.7)); + // border-radius: px2rem(44) 0px 0px px2rem(44); + // position: absolute; + // right: 0; + // top: px2rem(239); + // display: none; + // } + + // .memberFlow { + // width: px2rem(208); + // height: px2rem(56); + // line-height: px2rem(56); + // text-align: center; + // color: #fff; + // font-size: px2rem(32); + // font-weight: 400; + // background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%); + // border-radius: px2rem(14); + // position: absolute; + // left: px2rem(156); + // top: px2rem(466); + // display: none; + // } + + // .memberFlowMy { + // width: px2rem(208); + // height: px2rem(56); + // line-height: px2rem(56); + // text-align: center; + // color: #fff; + // font-size: px2rem(32); + // font-weight: 400; + // background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%); + // border-radius: px2rem(14) 0 0 px2rem(14); + // position: absolute; + // right: px2rem(0); + // top: px2rem(218); + // display: none; + // } + + // .inveMember { + // width: px2rem(208); + // height: px2rem(56); + // line-height: px2rem(56); + // text-align: center; + // color: #fff; + // font-size: px2rem(32); + // font-weight: 400; + // background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%); + // border-radius: px2rem(14); + // position: absolute; + // right: px2rem(156); + // top: px2rem(466); + // display: none; + // } + + .guildNick { + width: 100%; + position: absolute; + left: 0; + top: px2rem(473); + color: #FFFFFF; + opacity: 0.8; + font-size: px2rem(24); + text-align: center; + display: none; + } + + +} + +.headerBox { + width: px2rem(750); + height: auto; + border-radius: px2rem(20); + margin: px2rem(-30) auto px2rem(0); + position: relative; + background: #fff; + overflow: hidden; + + .headerBox_in { + width: px2rem(686); + height: px2rem(230); + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin: px2rem(24) auto 0; + + div { + width: px2rem(334); + height: px2rem(104); + line-height: px2rem(104); + margin-bottom: px2rem(18); + background: #F2F3F7; + border-radius: px2rem(24); + text-align: center; + + img { + display: inline; + width: px2rem(52); + height: px2rem(52); + vertical-align: middle; + } + + span { + display: inline-block; + color: #313131; + font-size: px2rem(30); + } + } + + .E3F2FF { + background: #E3F2FF; + } + + .FFEFE5 { + background: #FFEFE5; + } + } +} + +.agencylevel { + width: px2rem(750); + height: px2rem(272); + margin: px2rem(26) auto 0; + + .top { + width: 100%; + box-sizing: border-box; + padding: 0 px2rem(25); + height: px2rem(50); + line-height: px2rem(50); + margin-top: px2rem(31); + position: relative; + + span { + float: left; + width: px2rem(8); + height: px2rem(34); + background: #04D5C6; + border-radius: px2rem(692); + margin: px2rem(8) px2rem(10) 0; + display: block; + } + + b { + float: left; + font-size: px2rem(36); + color: #313131; + font-weight: bold; + display: block; + margin-right: px2rem(7); + } + + i { + display: block; + font-size: px2rem(36); + color: #313131; + float: left; + font-style: normal; + } + } + + .agencylevelInfo { + width: px2rem(686); + height: px2rem(202); + background: #EBFFF6; + border-radius: px2rem(16); + margin: px2rem(20) auto 0; + box-sizing: border-box; + padding: px2rem(18); + + h3 { + width: 100%; + display: block; + color: #313131; + font-size: px2rem(26); + margin-bottom: px2rem(20); + font-weight: 600; + + b { + color: #313131; + font-size: px2rem(26); + } + } + + h4 { + color: #7B7B7D; + font-weight: 400; + margin-bottom: px2rem(20); + } + + .line { + width: px2rem(650); + height: px2rem(10); + position: relative; + background: #B2E8D0; + border-radius: px2rem(10); + overflow: hidden; + margin-bottom: px2rem(20); + + .line_in { + position: absolute; + top: 0; + left: 0; + width: 10%; + background: #04D5C6; + height: 100%; + } + } + + .bottom { + width: 100%; + display: flex; + justify-content: space-between; + color: #7B7B7D; + font-size: px2rem(24); + font-weight: 400; + } + } +} + +.guildList { + width: px2rem(750); + // height: 11rem; + height: 6.7rem; + border-radius: px2rem(20); + margin: px2rem(20) auto px2rem(0); + position: relative; + background: #fff; + overflow: hidden; + + .top { + width: 100%; + box-sizing: border-box; + padding: 0 px2rem(25); + height: px2rem(50); + line-height: px2rem(50); + margin-top: px2rem(31); + position: relative; + + // margin-left: px2rem(-13); + span { + float: left; + width: px2rem(8); + height: px2rem(34); + background: #04D5C6; + border-radius: px2rem(692); + margin: px2rem(8) px2rem(10) 0; + display: block; + } + + b { + float: left; + font-size: px2rem(36); + color: #313131; + font-weight: bold; + display: block; + margin-right: px2rem(7); + } + + i { + display: block; + font-size: px2rem(36); + color: #313131; + float: left; + font-style: normal; + } + + img { + float: right; + display: block; + width: px2rem(32); + height: px2rem(32); + position: absolute; + left: 6.45rem; + top: 51%; + transform: translateY(-50%); + z-index: 2; + display: none; + } + + input { + border: none; + outline: none; + background: #F5F7F9; + width: px2rem(260); + height: px2rem(50); + border-radius: px2rem(50); + box-sizing: border-box; + padding-left: px2rem(54); + // position: absolute; + // left: 3.7rem; + // top: 50%; + // transform: translateY(-50%); + color: #333; + display: none; + float: right; + + &::placeholder { + color: #BCBDCB; + font-size: px2rem(22); + } + } + } + + ul { + width: 100%; + // height: 11rem; + height: 6.7rem; + margin: px2rem(39) auto 0; + overflow-y: scroll; + + &::-webkit-scrollbar { + display: none; + } + + li { + width: px2rem(686); + height: px2rem(146); + box-sizing: border-box; + overflow: hidden; + margin: 0 auto px2rem(33); + position: relative; + box-sizing: border-box; + padding-left: px2rem(10); + background: #F2F3F7; + border-radius: px2rem(24); + + .tx { + width: px2rem(80); + height: px2rem(80); + border-radius: px2rem(80); + float: left; + margin-right: px2rem(11); + margin-left: px2rem(10); + display: block; + margin-top: px2rem(18) + } + + .user { + float: left; + width: 6rem; + + p { + color: #515665; + font-size: px2rem(28); + font-weight: bold; + display: inline-block; + margin-right: px2rem(8); + margin-bottom: px2rem(14); + max-width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding-top: px2rem(34); + } + + b { + display: block; + color: #A4ABB2; + font-size: px2rem(24); + } + + .sex { + width: px2rem(18); + height: px2rem(18); + display: inline-block; + margin-top: px2rem(34); + margin-right: px2rem(8); + } + + .wealth, + .charm { + display: inline-block; + width: px2rem(72); + height: px2rem(36); + margin-top: px2rem(25); + } + } + + .but { + width: px2rem(88); + height: px2rem(42); + background: #62D0A8; + border-radius: px2rem(42); + position: absolute; + right: px2rem(26); + top: px2rem(7); + text-align: center; + color: #fff; + line-height: px2rem(42); + font-size: px2rem(22); + font-weight: 400; + } + + .chairman { + width: px2rem(94); + height: px2rem(42); + line-height: px2rem(42); + border-radius: px2rem(42); + text-align: center; + color: #fff; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + right: px2rem(18); + top: px2rem(52); + background: #04D5C6; + display: none; + } + + .administrator { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(20); + top: px2rem(71); + background: linear-gradient(-90deg, #FBE1FF, #F090FF); + display: none; + } + } + } +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .6); + z-index: 11; + display: none; + + .pub_in { + background: #fff; + border-radius: px2rem(30); + box-sizing: border-box; + padding: px2rem(50) px2rem(34); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + p { + text-align: center; + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } + + .butBox { + width: px2rem(514); + display: flex; + justify-content: space-between; + margin-top: px2rem(50); + margin: px2rem(50) auto 0; + + div { + width: px2rem(240); + height: px2rem(76); + text-align: center; + line-height: px2rem(76); + border-radius: px2rem(76); + font-size: px2rem(34); + font-weight: bold; + } + + .close { + background: #F5F5F5; + color: #999999; + } + + .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; + } + } + } +} + +.inveMember { + width: px2rem(306); + height: px2rem(96); + border-radius: px2rem(96); + line-height: px2rem(92); + text-align: center; + background: linear-gradient(90deg, #7CDD9B, #62D0A8); + color: #fff; + font-size: px2rem(34); + position: fixed; + left: 50%; + transform: translateX(-50%); + z-index: 5; + bottom: px2rem(80); + + img { + display: inline-block; + width: px2rem(38); + height: px2rem(42); + vertical-align: middle; + margin-top: -0.1rem; + } + + span { + display: inline-block; + vertical-align: middle; + } +} + +.arabic { + .back img { + left: auto; + right: 0.24rem; + transform: rotate(180deg); + } + + .header .tx { + left: auto; + right: 0.45333rem; + } + + .header .nick { + left: auto; + right: 2.93333rem; + } + + .header .id { + left: auto; + right: 2.93333rem; + } + + .guildList .top img { + right: px2rem(30); + } + + .guildList .top input { + padding-right: 0.5rem; + } + + .guildList ul li .but { + left: 0.34667rem; + right: auto; + } + + .guildList ul li .chairman, + .guildList ul li .administrator { + left: px2rem(18); + right: auto; + } + + .guildList ul li .tx, + .guildList ul li .user { + float: right; + } + + .guildList ul li .user { + padding-right: 0.2rem; + } + + .header .headerBox div img { + float: right; + } + + .header .headerBox div span { + float: right; + } + + .headerBox .headerBox_in div span { + font-size: px2rem(25); + } + +} + +.english { + .header .headerBox { + width: 8rem; + + div { + width: 3.9rem; + + span { + font-size: px2rem(16); + } + } + } + + .headerBox .headerBox_in .guildInfoSet span, + .headerBox .headerBox_in .adminSet span { + font-size: px2rem(20); + } +} + +.arabic { + .header .headerBox { + width: 8rem; + + div { + width: 3.9rem; + + span { + font-size: px2rem(22); + } + } + } + + .guildList .top b { + float: right; + } + + .guildList .top i { + float: right; + } + + .guildList .top input { + float: left; + } + + .guildList .top img { + right: 6.3rem; + left: auto; + transform: rotate(100deg); + top: 0.1rem; + } + + .guildList .top span { + float: right; + display: block; + } + + .agencylevel .agencylevelInfo .line .line_in { + left: auto; + right: 0; + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/invitation.css b/view/molistar/modules/guild-ar/css/invitation.css new file mode 100644 index 00000000..21bce72d --- /dev/null +++ b/view/molistar/modules/guild-ar/css/invitation.css @@ -0,0 +1,274 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #eaeaec; +} + +.back { + width: 100%; + height: 2.53333rem; + position: fixed; + left: 0; + top: 0rem; + text-align: center; + color: #FFFFFF; + font-size: 0.50667rem; + font-weight: bold; + z-index: 10; + background: #fff; +} + +.back .backs { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 59%; +} + +.back .fdj { + width: 0.42667rem; + height: 0.42667rem; + position: absolute; + top: 66%; + left: 1.41333rem; + z-index: 2; +} + +.back input { + border: none; + outline: none; + background: #eaeaec; + width: 6.8rem; + height: 0.74667rem; + line-height: 0.74667rem; + border-radius: 0.74667rem; + box-sizing: border-box; + padding-left: 0.72rem; + position: absolute; + left: 1.22667rem; + top: 75%; + transform: translateY(-50%); + color: #333; + font-size: 0.32rem; +} + +.back input::placeholder { + color: #BCBDCB; + font-size: 0.29333rem; +} + +.back .text { + position: absolute; + right: 0.62667rem; + height: 100%; + top: 0; + line-height: 3.73333rem; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +ul { + width: 10rem; + height: 18rem; + margin: 2.4rem auto 0; + overflow-y: scroll; + padding-top: 0.34667rem; + box-sizing: border-box; +} + +ul::-webkit-scrollbar { + display: none; +} + +ul li { + width: 9.06667rem; + height: 2.13333rem; + box-sizing: border-box; + overflow: hidden; + margin: 0 auto 0.44rem; + position: relative; + background: #fff; + border-radius: 0.13333rem; +} + +ul li .tx { + width: 1.06667rem; + height: 1.06667rem; + border-radius: 1.06667rem; + float: left; + margin-right: 0.14667rem; + margin-left: 0.13333rem; + display: block; + margin-top: 0.44rem; +} + +ul li .user { + float: left; + width: 6rem; +} + +ul li .user p { + color: #515665; + font-size: 0.37333rem; + font-weight: bold; + display: inline-block; + margin-right: 0.10667rem; + margin-top: 0.74667rem; + margin-bottom: 0.16rem; + width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +ul li .user b { + display: block; + color: #A4ABB2; + font-size: 0.32rem; +} + +ul li .user .sex { + width: 0.24rem; + height: 0.24rem; + display: inline-block; + margin-top: 0.81333rem; + margin-right: 0.10667rem; +} + +ul li .user .wealth, +ul li .user .charm { + display: inline-block; + width: 0.96rem; + height: 0.48rem; + margin-top: 0.64rem; +} + +ul li .but { + width: 1.17333rem; + height: 0.56rem; + background: #F08ED3; + border-radius: 0.56rem; + position: absolute; + right: 0.34667rem; + top: 1.18667rem; + text-align: center; + color: #fff; + line-height: 0.56rem; + font-size: 0.34667rem; + font-weight: 400; +} + +ul li .chairman { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.16rem; + top: 0.94667rem; + background: linear-gradient(90deg, #FFEB67, #FFFCE7); +} + +ul li .administrator { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.16rem; + top: 0.94667rem; + background: linear-gradient(-90deg, #FBE1FF, #F090FF); +} + +ul .null { + width: 100%; + height: 100%; + position: relative; +} + +ul .null img { + width: 1.96rem; + height: 2.01333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +ul .null span { + width: 100%; + left: 0; + top: 55%; + transform: translateY(-50%); + color: #A9A9A9; + font-size: 0.4rem; + font-weight: 400; + position: absolute; + text-align: center; +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 11; +} + +.pub .pub_in { + background: #fff; + border-radius: 0.4rem; + box-sizing: border-box; + padding: 0.66667rem 0.45333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.pub .pub_in p { + text-align: center; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox { + width: 6.85333rem; + display: flex; + justify-content: space-between; + margin: 0.66667rem auto 0; +} + +.pub .pub_in .butBox div { + width: 3.2rem; + height: 1.01333rem; + text-align: center; + line-height: 1.01333rem; + border-radius: 1.01333rem; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox .close { + background: #F5F5F5; + color: #999999; +} + +.pub .pub_in .butBox .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; +} diff --git a/view/molistar/modules/guild-ar/css/invitation.scss b/view/molistar/modules/guild-ar/css/invitation.scss new file mode 100644 index 00000000..d44be9d9 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/invitation.scss @@ -0,0 +1,278 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #eaeaec; +} + +.back { + width: 100%; + height: px2rem(190); + position: fixed; + left: 0; + top: px2rem(0); + text-align: center; + color: #FFFFFF; + font-size: px2rem(38); + font-weight: bold; + z-index: 10; + background: #fff; + + .backs { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: 59%; + } + + .fdj { + width: px2rem(32); + height: px2rem(32); + position: absolute; + top: 66%; + left: px2rem(106); + z-index: 2; + } + + input { + border: none; + outline: none; + background: #eaeaec; + width: px2rem(510); + height: px2rem(56); + line-height: px2rem(56); + border-radius: px2rem(56); + box-sizing: border-box; + padding-left: px2rem(54); + position: absolute; + left: px2rem(92); + top: 75%; + transform: translateY(-50%); + color: #333; + font-size: px2rem(24); + + &::placeholder { + color: #BCBDCB; + font-size: px2rem(22); + } + } + + .text { + position: absolute; + right: px2rem(47); + height: 100%; + top: 0; + line-height: px2rem(280); + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } +} + +ul { + width: px2rem(750); + height: px2rem(1350); + margin: px2rem(180) auto 0; + overflow-y: scroll; + padding-top: px2rem(26); + box-sizing: border-box; + + &::-webkit-scrollbar { + display: none; + } + + li { + width: px2rem(680); + height: px2rem(160); + box-sizing: border-box; + overflow: hidden; + margin: 0 auto px2rem(33); + position: relative; + background: #fff; + border-radius: px2rem(10); + + .tx { + width: px2rem(80); + height: px2rem(80); + border-radius: px2rem(80); + float: left; + margin-right: px2rem(11); + margin-left: px2rem(10); + display: block; + margin-top: px2rem(33); + } + + .user { + float: left; + width: 6rem; + + p { + color: #515665; + font-size: px2rem(28); + font-weight: bold; + display: inline-block; + margin-right: px2rem(8); + margin-top: px2rem(56); + margin-bottom: px2rem(12); + width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + + b { + display: block; + color: #A4ABB2; + font-size: px2rem(24); + } + + .sex { + width: px2rem(18); + height: px2rem(18); + display: inline-block; + margin-top: px2rem(61); + margin-right: px2rem(8); + } + + .wealth, + .charm { + display: inline-block; + width: px2rem(72); + height: px2rem(36); + margin-top: px2rem(48); + } + } + + .but { + width: px2rem(88); + height: px2rem(42); + background: #F08ED3; + border-radius: px2rem(42); + position: absolute; + right: px2rem(26); + top: px2rem(89); + text-align: center; + color: #fff; + line-height: px2rem(42); + font-size: px2rem(26); + font-weight: 400; + } + + .chairman { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(12); + top: px2rem(71); + background: linear-gradient(90deg, #FFEB67, #FFFCE7); + } + + .administrator { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(12); + top: px2rem(71); + background: linear-gradient(-90deg, #FBE1FF, #F090FF); + } + } + + .null { + width: 100%; + height: 100%; + position: relative; + + img { + width: px2rem(147); + height: px2rem(151); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + + span { + width: 100%; + left: 0; + top: 55%; + transform: translateY(-50%); + color: #A9A9A9; + font-size: px2rem(30); + font-weight: 400; + position: absolute; + text-align: center; + } + } +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .6); + z-index: 11; + + .pub_in { + background: #fff; + border-radius: px2rem(30); + box-sizing: border-box; + padding: px2rem(50) px2rem(34); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + p { + text-align: center; + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } + + .butBox { + width: px2rem(514); + display: flex; + justify-content: space-between; + margin: px2rem(50) auto 0; + + div { + width: px2rem(240); + height: px2rem(76); + text-align: center; + line-height: px2rem(76); + border-radius: px2rem(76); + font-size: px2rem(34); + font-weight: bold; + } + + .close { + background: #F5F5F5; + color: #999999; + } + + .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; + } + } + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/lay-picker.min.css b/view/molistar/modules/guild-ar/css/lay-picker.min.css new file mode 100644 index 00000000..a814ae0f --- /dev/null +++ b/view/molistar/modules/guild-ar/css/lay-picker.min.css @@ -0,0 +1,9 @@ +/** + * + * 移动端底部抽屉选择器 + * @author yyq + * @CSDN 慕云枫 + * @date 2023-12-07 + * @version 1.5 + */ +ul,li{margin:0;padding:0}.lay-picker{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999999999999;display:none;overflow:hidden}.lay-picker-shade{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9}.lay-picker-container{position:absolute;left:0;bottom:0;z-index:99;width:100%;background:#fff;color:#333;font-size:17px;-webkit-transition:transform .25s;-webkit-transform:translate3d(0,100%,0);transition:transform .25s;transform:translate3d(0,100%,0)}.lay-picker-header{height:50px;line-height:50px;border-bottom:1px solid #f3f3f3;margin-bottom:1px;margin:0 15px}.lay-picker-title{text-align:center;position:absolute;top:0;left:0;z-index:9;width:100%;color:#333}.lay-picker-search{margin:0 15px;text-align:center;padding:5px 0}.lay-picker-search input{text-align:center;height:40px;line-height:40px;border:0;border-bottom:1px solid #f3f3f3;transition:all .2s;-webkit-transition:all .2s;box-shadow:none !important;font-size:14px}.lay-picker-search input:hover,.lay-picker-search input:focus{border:none !important;border-bottom:1px solid #e5e5e5 !important}.lay-picker-btn{position:relative;z-index:99}.lay-picker-cancel{color:#333}.lay-picker-confirm{float:right;color:#228fff}.lay-picker-shadowup,.lay-picker-shadowdown{height:120px;width:100%;position:absolute;left:0;z-index:50}.lay-picker-shadowup{height:115px;top:-1px;background:-webkit-linear-gradient(to bottom,#FFF,rgba(255,255,255,.6));background:linear-gradient(to bottom,#FFF,rgba(255,255,255,.6));pointer-events:none;border-bottom:1px solid #efefef}.lay-picker-shadowdown{height:130px;bottom:0;background:-webkit-linear-gradient(to top,#FFF,rgba(255,255,255,.6));background:linear-gradient(to top,#FFF,rgba(255,255,255,.6));pointer-events:none;border-top:1px solid #efefef}.lay-picker-content{position:relative;height:300px;margin:15px;overflow:hidden}.lay-picker-box{overflow:hidden}.lay-picker-box:after{display:table;height:0;clear:both;content:''}.lay-picker-list-wrap{float:left;height:300px;overflow:hidden;-webkit-transition:width .2s;transition:width .2s}.lay-picker-list-wrap ul{position:relative;padding:100px 0;margin-top:17px;-webkit-transition:transform .1s ease-out;transition:transform .1s ease-out}.lay-picker-list-wrap ul:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:55;content:''}.lay-picker-list-wrap li{line-height:50px;height:50px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lay-picker-bottom{text-align:center;margin-top:10px;margin-bottom:30px;font-size:16px}.lay-picker-bottom-btn{border-radius:6px;display:inline-block;width:30%;height:40px;line-height:40px}.lay-picker-bottom-btn-cancel{color:#333;background:#efefef;margin-right:3%}.lay-picker-bottom-btn-confirm{color:#fff;background:#33c119} diff --git a/view/molistar/modules/guild-ar/css/mobile.css b/view/molistar/modules/guild-ar/css/mobile.css new file mode 100644 index 00000000..4ba663dd --- /dev/null +++ b/view/molistar/modules/guild-ar/css/mobile.css @@ -0,0 +1,159 @@ +.mobileSelect { + position: relative; + z-index: 0; + opacity: 0; + visibility: hidden; + -webkit-transition: all .1s; + transition: all .1s +} + +.mobileSelect .grayLayer { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: #eee; + background: rgba(0,0,0,.7); + z-index: 888; + display: block +} + +.mobileSelect .content { + width: 100%; + display: block; + position: fixed; + z-index: 889; + color: #000; + -webkit-transition: all .4s; + transition: all .4s; + bottom: -350px; + left: 0; + background: #fff +} + +.mobileSelect .content .fixWidth { + width: 90%; + margin: 0 auto; + position: relative +} + +.mobileSelect .content .fixWidth:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden +} + +.mobileSelect .content .btnBar { + border-bottom: 1px solid #dcdcdc; + font-size: 15px; + height: 45px; + position: relative; + text-align: center; + line-height: 45px +} + +.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure { + height: 45px; + width: 55px; + cursor: pointer; + position: absolute; + top: 0 +} + +.mobileSelect .content .btnBar .cancel { + left: 0; + color: #A4ABB2; + font-weight: bold; +} + +.mobileSelect .content .btnBar .ensure { + right: 0; + color: #515665; + font-weight: bold; +} + +.mobileSelect .content .btnBar .title { + font-size: 15px; +} + +.mobileSelect .content .panel:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden +} + +.mobileSelect .content .panel .wheels { + width: 100%; + height: 200px; + overflow: hidden +} + +.mobileSelect .content .panel .wheel { + position: relative; + z-index: 0; + float: left; + width: 50%; + height: 200px; + overflow: hidden; + -webkit-transition: width .3s ease; + transition: width .3s ease +} + +.mobileSelect .content .panel .wheel .selectContainer { + display: block; + text-align: center; + -webkit-transition: -webkit-transform .18s ease-out; + transition: -webkit-transform .18s ease-out; + transition: transform .18s ease-out; + transition: transform .18s ease-out,-webkit-transform .18s ease-out +} + +.mobileSelect .content .panel .wheel .selectContainer li { + font-size: 15px; + display: block; + height: 40px; + line-height: 40px; + cursor: pointer; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis +} + +.mobileSelect .content .panel .selectLine { + height: 40px; + width: 100%; + position: absolute; + top: 80px; + pointer-events: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-top: 1px solid #dcdcdc; + border-bottom: 1px solid #dcdcdc +} + +.mobileSelect .content .panel .shadowMask { + position: absolute; + top: 0; + width: 100%; + height: 200px; + background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),color-stop(rgba(255,255,255,0)),to(#ffffff)); + background: -webkit-linear-gradient(top,#ffffff,rgba(255,255,255,0),#ffffff); + background: linear-gradient(to bottom,#ffffff,rgba(255,255,255,0),#ffffff); + opacity: .9; + pointer-events: none +} + +.mobileSelect-show { + opacity: 1; + z-index: 10000; + visibility: visible +} + +.mobileSelect-show .content { + bottom: 0 +} diff --git a/view/molistar/modules/guild-ar/css/personal.css b/view/molistar/modules/guild-ar/css/personal.css new file mode 100644 index 00000000..565693ef --- /dev/null +++ b/view/molistar/modules/guild-ar/css/personal.css @@ -0,0 +1,726 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #fff; +} + +.back { + width: 100%; + height: 2.34667rem; + position: fixed; + left: 0; + top: 0rem; + text-align: center; + color: #FFFFFF; + font-size: 0.50667rem; + font-weight: bold; + z-index: 10; +} + +.back img { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 1.46667rem; +} + +.back .tab { + width: 55%; + height: 0.58667rem; + line-height: 0.58667rem; + display: flex; + justify-content: space-between; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 1.46667rem; +} + +.back .tab div { + height: 100%; + color: #AFB1B3; + font-size: 0.37333rem; + font-weight: 500; + text-align: center; + position: relative; +} + +.back .tab div span { + width: 0.37333rem; + height: 0.10667rem; + border-radius: 0.10667rem; + background: #04D5C6; + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: -0.2rem; + display: none; +} + +.back .tab .act { + color: #313131; + font-size: 0.42667rem; +} + +.back .tab .act span { + display: block; +} + +.page1 .my { + width: 9.14667rem; + height: 2.10667rem; + margin: 2.42667rem auto 0.26667rem; + background: #F2F3F7; + border-radius: 0.21333rem; + padding: 0.32rem 0.53333rem; + box-sizing: border-box; +} + +.page1 .my .tx { + float: left; + width: 1.46667rem; + height: 1.46667rem; + display: block; + margin-right: 0.32rem; + border-radius: 50%; +} + +.page1 .my .user { + width: 4.66667rem; + float: left; +} + +.page1 .my .user p { + color: #333333; + font-size: 0.45333rem; + font-weight: 600; + margin-bottom: 0.13333rem; + margin-top: 0.34667rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.page1 .my .user b { + color: #7B7B7D; + font-size: 0.37333rem; + font-weight: 400; +} + +.page1 .diamond { + width: 9.14667rem; + height: 1.17333rem; + line-height: 1.17333rem; + background: #F2F3F7; + margin: 0 auto 0.26667rem; + border-radius: 0.21333rem; + overflow: hidden; + box-sizing: border-box; + padding: 0 0.29333rem; +} + +.page1 .diamond p { + float: left; + width: 6rem; + color: #313131; + font-size: 0.4rem; + font-weight: 500; +} + +.page1 .diamond p i { + font-style: normal; +} + +.page1 .diamond .withdraw { + width: 2.08rem; + height: 0.82667rem; + border-radius: 0.82667rem; + line-height: 0.82667rem; + background: #04D5C6; + color: #fff; + font-size: 0.34667rem; + font-weight: 500; + text-align: center; + float: right; + margin-top: 0.18667rem; +} + +.page1 .account { + width: 9.14667rem; + height: 0.85333rem; + line-height: 0.85333rem; + border-radius: 0.21333rem; + background: #04D5C6; + margin: 0 auto 0.26667rem; + text-align: center; + color: #fff; + font-size: 0.4rem; + font-weight: 500; +} + +.page1 .incomeTitle { + width: 9.14667rem; + height: 0.66667rem; + line-height: 0.66667rem; + position: relative; + margin: 0 auto 0.13333rem; +} + +.page1 .incomeTitle span { + position: absolute; + width: 0.10667rem; + height: 0.45333rem; + top: 50%; + transform: translateY(-50%); + left: -0.26667rem; + background: #04D5C6; +} + +.page1 .incomeTitle b { + display: block; + float: left; + color: #313131; + font-size: 0.48rem; + font-weight: 600; +} + +.page1 .incomeTitle i { + font-style: normal; + display: block; + float: left; + height: 0.45333rem; + border-radius: 0.45333rem; + line-height: 0.45333rem; + padding: 0.05333rem 0.21333rem; + background: #313131; + color: #fff; + margin: 0.10667rem 0.26667rem 0; +} + +.page1 .copywriting1 { + width: 9.14667rem; + height: 0.90667rem; + line-height: 0.4rem; + margin: 0 auto 0.26667rem; + color: #AFB1B3; + font-size: 0.32rem; + font-weight: 600; +} + +.page1 .incomeBox { + width: 9.14667rem; + height: 2.82667rem; + position: relative; + margin: 0 auto 0.26667rem; + background: #EBFFF6; + border-radius: 0.21333rem; + box-sizing: border-box; + padding: 0.24rem; +} + +.page1 .incomeBox .d { + width: 100%; + height: 0.48rem; + line-height: 0.48rem; + margin-bottom: 0.29333rem; +} + +.page1 .incomeBox .d b { + display: block; + float: left; + color: #313131; + font-size: 0.37333rem; + font-weight: 400; +} + +.page1 .incomeBox .d img { + display: block; + width: 0.48rem; + height: 0.48rem; + float: left; + margin: 0 0.13333rem; +} + +.page1 .incomeBox .d span { + display: block; + float: right; + color: #313131; + font-size: 0.34667rem; + font-weight: 600; +} + +.page1 .incomeBox .line { + width: 8.66667rem; + height: 0.02667rem; + background: #C2E7D6; + margin: 0 auto 0.26667rem; +} + +.page1 .incomeTitleLast { + width: 9.14667rem; + height: 0.66667rem; + line-height: 0.66667rem; + position: relative; + margin: 0 auto 0.13333rem; +} + +.page1 .incomeTitleLast span { + position: absolute; + width: 0.10667rem; + height: 0.45333rem; + top: 50%; + transform: translateY(-50%); + left: -0.26667rem; + background: #04D5C6; +} + +.page1 .incomeTitleLast b { + display: block; + float: left; + color: #313131; + font-size: 0.48rem; + font-weight: 600; +} + +.page1 .incomeTitleLast i { + font-style: normal; + display: block; + float: left; + height: 0.45333rem; + border-radius: 0.45333rem; + line-height: 0.45333rem; + padding: 0.05333rem 0.21333rem; + background: #313131; + color: #fff; + margin: 0.10667rem 0.26667rem 0; +} + +.page1 .incomeBoxLast { + width: 9.14667rem; + height: 2.82667rem; + position: relative; + margin: 0.26667rem auto 0.26667rem; + background: #F2F3F7; + border-radius: 0.21333rem; + box-sizing: border-box; + padding: 0.24rem; +} + +.page1 .incomeBoxLast .d { + width: 100%; + height: 0.48rem; + line-height: 0.48rem; + margin-bottom: 0.29333rem; +} + +.page1 .incomeBoxLast .d b { + display: block; + float: left; + color: #313131; + font-size: 0.37333rem; + font-weight: 400; +} + +.page1 .incomeBoxLast .d img { + display: block; + width: 0.48rem; + height: 0.48rem; + float: left; + margin: 0 0.13333rem; +} + +.page1 .incomeBoxLast .d span { + display: block; + float: right; + color: #313131; + font-size: 0.34667rem; + font-weight: 600; +} + +.page1 .incomeBoxLast .line { + width: 8.66667rem; + height: 0.02667rem; + background: #C2E7D6; + margin: 0 auto 0.26667rem; +} + +.page2 { + display: none; +} + +.page2 .agentSalary { + width: 9.14667rem; + height: 0.66667rem; + line-height: 0.66667rem; + position: relative; + margin: 2.66667rem auto 0.13333rem; +} + +.page2 .agentSalary span { + position: absolute; + width: 0.10667rem; + height: 0.45333rem; + top: 50%; + transform: translateY(-50%); + left: -0.26667rem; + background: #04D5C6; +} + +.page2 .agentSalary b { + display: block; + float: left; + color: #313131; + font-size: 0.48rem; + font-weight: 600; +} + +.page2 .agentSalary i { + font-style: normal; + display: block; + float: left; + height: 0.45333rem; + border-radius: 0.45333rem; + line-height: 0.45333rem; + padding: 0.05333rem 0.21333rem; + background: #313131; + color: #fff; + margin: 0.10667rem 0.26667rem 0; +} + +.page2 .agentSalary img { + float: right; + display: block; + width: 0.56rem; + height: 0.56rem; + margin-top: 0.10667rem; +} + +.page2 .agentSalaryInfo { + width: 9.14667rem; + height: 3.54667rem; + background: #F2F3F7; + margin: 0.26667rem auto 0.26667rem; + border-radius: 0.21333rem; + box-sizing: border-box; + padding: 0.24rem 0.24rem; +} + +.page2 .agentSalaryInfo .top { + width: 8.66667rem; + height: 1.06667rem; + line-height: 1.06667rem; + background: #BBF6DB; + border-radius: 0.21333rem; + box-sizing: border-box; + padding: 0 0.24rem; +} + +.page2 .agentSalaryInfo .top span { + display: block; + float: left; + color: #313131; + font-size: 0.42667rem; + font-weight: 600; +} + +.page2 .agentSalaryInfo .top img { + display: block; + width: 0.48rem; + height: 0.48rem; + float: left; + margin: 0.32rem 0.13333rem 0; +} + +.page2 .agentSalaryInfo .top b { + float: right; + display: block; + color: #313131; + font-size: 0.48rem; + font-weight: 600; +} + +.page2 .agentSalaryInfo .bottom { + width: 100%; + height: 1.76rem; + display: flex; + justify-content: space-between; +} + +.page2 .agentSalaryInfo .bottom div { + width: 4.21333rem; + height: 1.76rem; + background: #fff; + border-radius: 0.21333rem; + text-align: center; + overflow: hidden; +} + +.page2 .agentSalaryInfo .bottom div p { + color: #313131; + font-size: 0.48rem; + font-weight: 600; + margin-bottom: 0.2rem; + margin-top: 0.33333rem; +} + +.page2 .agentSalaryInfo .bottom div p img { + display: inline-block; + width: 0.48rem; + height: 0.48rem; +} + +.page2 .agentSalaryInfo .bottom div span { + color: #7B7B7D; + font-size: 0.29333rem; + font-weight: 400; +} + +.page2 .agentSalary2 { + width: 9.14667rem; + height: 0.66667rem; + line-height: 0.66667rem; + position: relative; + margin: 0 auto 0.26667rem; +} + +.page2 .agentSalary2 span { + position: absolute; + width: 0.10667rem; + height: 0.45333rem; + top: 50%; + transform: translateY(-50%); + left: -0.26667rem; + background: #04D5C6; +} + +.page2 .agentSalary2 b { + display: block; + float: left; + color: #313131; + font-size: 0.48rem; + font-weight: 600; +} + +.page2 .agentSalary2 i { + font-style: normal; + display: block; + float: left; + height: 0.45333rem; + border-radius: 0.45333rem; + line-height: 0.45333rem; + padding: 0.05333rem 0.21333rem; + background: #313131; + color: #fff; + margin: 0.10667rem 0.26667rem 0; +} + +.page2 .agentSalary2 img { + float: right; + display: block; + width: 0.56rem; + height: 0.56rem; + margin-top: 0.10667rem; +} + +.page2 .data { + width: 9.14667rem; + height: 13rem; + margin: 0 auto 0; + overflow-y: scroll; +} + +.page2 .data::-webkit-scrollbar { + display: none; +} + +.page2 .data .box { + width: 100%; + height: 1.94667rem; + border-radius: 0.21333rem; + background: #DBF6FF; + box-sizing: border-box; + padding: 0 0.24rem; +} + +.page2 .data .box .tx { + float: left; + width: 1.46667rem; + height: 1.46667rem; + border-radius: 50%; + display: block; + margin-top: 0.24rem; + margin-right: 0.21333rem; +} + +.page2 .data .box .user { + width: 3.33333rem; + float: left; +} + +.page2 .data .box .user p { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #333333; + font-size: 0.42667rem; + font-weight: 600; + margin-top: 0.53333rem; + margin-bottom: 0.13333rem; +} + +.page2 .data .box .user b { + color: #7B7B7D; + font-size: 0.34667rem; + font-weight: 400; +} + +.page2 .data .box .right { + float: right; + text-align: right; +} + +.page2 .data .box .right p { + color: #313131; + font-size: 0.53333rem; + font-weight: 600; + margin-top: 0.45333rem; + margin-bottom: 0.13333rem; +} + +.page2 .data .box .right b { + color: #313131; + font-size: 0.34667rem; + font-weight: 400; +} + +.arabic .my .tx { + float: right; +} + +.arabic .my .user { + float: right; + margin-right: 0.2rem; +} + +.arabic .incomeTitle span { + float: right; +} + +.arabic .incomeTitle b { + float: right; +} + +.arabic .incomeTitle i { + float: right; +} + +.arabic .incomeTitle span { + left: auto; + right: -0.26667rem; +} + +.arabic .incomeBox .d b { + float: right; +} + +.arabic .incomeBox .d img { + float: right; +} + +.arabic .incomeBox .d span { + float: left; +} + +.arabic .incomeTitleLast span { + float: right; +} + +.arabic .incomeTitleLast b { + float: right; +} + +.arabic .incomeTitleLast i { + float: right; +} + +.arabic .incomeTitleLast span { + left: auto; + right: -0.26667rem; +} + +.arabic .incomeBoxLast .d b { + float: right; +} + +.arabic .incomeBoxLast .d img { + float: right; +} + +.arabic .incomeBoxLast .d span { + float: left; +} + +.arabic .page1 .diamond p { + float: right; +} + +.arabic .page1 .diamond .withdraw { + float: left; +} + +.arabic .page2 .agentSalary b, +.arabic .page2 .agentSalary2 b { + float: right; +} + +.arabic .page2 .agentSalary i, +.arabic .page2 .agentSalary2 i { + float: right; +} + +.arabic .page2 .agentSalary img, +.arabic .page2 .agentSalary2 img { + float: left; + transform: rotate(180deg); +} + +.arabic .page2 .agentSalary span, +.arabic .page2 .agentSalary2 span { + left: auto; + right: -0.26667rem; +} + +.arabic .page2 .agentSalaryInfo .top span { + float: right; +} + +.arabic .page2 .agentSalaryInfo .top img { + float: right; +} + +.arabic .page2 .agentSalaryInfo .top b { + float: left; +} + +.arabic .page2 .data .box .tx { + float: right; + margin-left: 0.2rem; +} + +.arabic .page2 .data .box .user { + float: right; +} + +.arabic .page2 .data .box .right { + float: left; + text-align: left; +} + +.arabic .back img { + left: auto; + right: 0.24rem; + transform: rotate(180deg); +} diff --git a/view/molistar/modules/guild-ar/css/personal.scss b/view/molistar/modules/guild-ar/css/personal.scss new file mode 100644 index 00000000..6b4856b8 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/personal.scss @@ -0,0 +1,747 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #fff; +} + +.back { + width: 100%; + height: px2rem(176); + position: fixed; + left: 0; + top: px2rem(0); + text-align: center; + color: #FFFFFF; + font-size: px2rem(38); + font-weight: bold; + z-index: 10; + + img { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: px2rem(110); + } + + .tab { + width: 55%; + height: px2rem(44); + line-height: px2rem(44); + display: flex; + justify-content: space-between; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(110); + + div { + height: 100%; + color: #AFB1B3; + font-size: px2rem(28); + font-weight: 500; + text-align: center; + position: relative; + + span { + width: px2rem(28); + height: px2rem(8); + border-radius: px2rem(8); + background: #04D5C6; + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: px2rem(-15); + display: none; + } + } + + .act { + color: #313131; + font-size: px2rem(32); + + span { + display: block; + } + } + } +} + +.page1 { + // display: none; + + .my { + width: px2rem(686); + height: px2rem(158); + margin: px2rem(182) auto px2rem(20); + background: #F2F3F7; + border-radius: px2rem(16); + padding: px2rem(24) px2rem(40); + box-sizing: border-box; + + .tx { + float: left; + width: px2rem(110); + height: px2rem(110); + display: block; + margin-right: px2rem(24); + border-radius: 50%; + } + + .user { + width: px2rem(350); + float: left; + + p { + color: #333333; + font-size: px2rem(34); + font-weight: 600; + margin-bottom: px2rem(10); + margin-top: px2rem(26); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + + } + + b { + color: #7B7B7D; + font-size: px2rem(28); + font-weight: 400; + } + } + } + + .diamond { + width: px2rem(686); + height: px2rem(88); + line-height: px2rem(88); + background: #F2F3F7; + margin: 0 auto px2rem(20); + border-radius: px2rem(16); + overflow: hidden; + box-sizing: border-box; + padding: 0 px2rem(22); + + p { + float: left; + width: px2rem(450); + color: #313131; + font-size: px2rem(30); + font-weight: 500; + + i { + font-style: normal; + } + } + + .withdraw { + width: px2rem(156); + height: px2rem(62); + border-radius: px2rem(62); + line-height: px2rem(62); + background: #04D5C6; + color: #fff; + font-size: px2rem(26); + font-weight: 500; + text-align: center; + float: right; + margin-top: px2rem(14); + } + } + + .account { + width: px2rem(686); + height: px2rem(64); + line-height: px2rem(64); + border-radius: px2rem(16); + background: #04D5C6; + margin: 0 auto px2rem(20); + text-align: center; + color: #fff; + font-size: px2rem(30); + font-weight: 500; + } + + .incomeTitle { + width: px2rem(686); + height: px2rem(50); + line-height: px2rem(50); + position: relative; + margin: 0 auto px2rem(10); + + span { + position: absolute; + width: px2rem(8); + height: px2rem(34); + top: 50%; + transform: translateY(-50%); + left: px2rem(-20); + background: #04D5C6; + } + + b { + display: block; + float: left; + color: #313131; + font-size: px2rem(36); + font-weight: 600; + } + + i { + font-style: normal; + display: block; + float: left; + height: px2rem(34); + border-radius: px2rem(34); + line-height: px2rem(34); + padding: px2rem(4) px2rem(16); + background: #313131; + color: #fff; + margin: px2rem(8) px2rem(20) 0; + } + } + + .copywriting1 { + width: px2rem(686); + height: px2rem(68); + line-height: 0.4rem; + margin: 0 auto px2rem(20); + color: #AFB1B3; + font-size: px2rem(24); + font-weight: 600; + } + + .incomeBox { + width: px2rem(686); + height: px2rem(212); + position: relative; + margin: 0 auto px2rem(20); + background: #EBFFF6; + border-radius: px2rem(16); + box-sizing: border-box; + padding: px2rem(18); + + .d { + width: 100%; + height: px2rem(36); + line-height: px2rem(36); + margin-bottom: px2rem(22); + + b { + display: block; + float: left; + color: #313131; + font-size: px2rem(28); + font-weight: 400; + } + + img { + display: block; + width: px2rem(36); + height: px2rem(36); + float: left; + margin: 0 px2rem(10); + } + + span { + display: block; + float: right; + color: #313131; + font-size: px2rem(26); + font-weight: 600; + } + } + + .line { + width: px2rem(650); + height: px2rem(2); + background: #C2E7D6; + margin: 0 auto px2rem(20); + } + } + + .incomeTitleLast { + width: px2rem(686); + height: px2rem(50); + line-height: px2rem(50); + position: relative; + margin: 0 auto px2rem(10); + + span { + position: absolute; + width: px2rem(8); + height: px2rem(34); + top: 50%; + transform: translateY(-50%); + left: px2rem(-20); + background: #04D5C6; + } + + b { + display: block; + float: left; + color: #313131; + font-size: px2rem(36); + font-weight: 600; + } + + i { + font-style: normal; + display: block; + float: left; + height: px2rem(34); + border-radius: px2rem(34); + line-height: px2rem(34); + padding: px2rem(4) px2rem(16); + background: #313131; + color: #fff; + margin: px2rem(8) px2rem(20) 0; + } + } + + .incomeBoxLast { + width: px2rem(686); + height: px2rem(212); + position: relative; + margin: px2rem(20) auto px2rem(20); + background: #F2F3F7; + border-radius: px2rem(16); + box-sizing: border-box; + padding: px2rem(18); + + .d { + width: 100%; + height: px2rem(36); + line-height: px2rem(36); + margin-bottom: px2rem(22); + + b { + display: block; + float: left; + color: #313131; + font-size: px2rem(28); + font-weight: 400; + } + + img { + display: block; + width: px2rem(36); + height: px2rem(36); + float: left; + margin: 0 px2rem(10); + } + + span { + display: block; + float: right; + color: #313131; + font-size: px2rem(26); + font-weight: 600; + } + } + + .line { + width: px2rem(650); + height: px2rem(2); + background: #C2E7D6; + margin: 0 auto px2rem(20); + } + } +} + +.page2 { + display: none; + + .agentSalary { + width: px2rem(686); + height: px2rem(50); + line-height: px2rem(50); + position: relative; + margin: px2rem(200) auto px2rem(10); + + span { + position: absolute; + width: px2rem(8); + height: px2rem(34); + top: 50%; + transform: translateY(-50%); + left: px2rem(-20); + background: #04D5C6; + } + + b { + display: block; + float: left; + color: #313131; + font-size: px2rem(36); + font-weight: 600; + } + + i { + font-style: normal; + display: block; + float: left; + height: px2rem(34); + border-radius: px2rem(34); + line-height: px2rem(34); + padding: px2rem(4) px2rem(16); + background: #313131; + color: #fff; + margin: px2rem(8) px2rem(20) 0; + } + + img { + float: right; + display: block; + width: px2rem(42); + height: px2rem(42); + margin-top: px2rem(8); + } + } + + .agentSalaryInfo { + width: px2rem(686); + height: px2rem(266); + background: #F2F3F7; + margin: px2rem(20) auto px2rem(20); + border-radius: px2rem(16); + box-sizing: border-box; + padding: px2rem(18) px2rem(18); + + .top { + width: px2rem(650); + height: px2rem(80); + line-height: px2rem(80); + background: #BBF6DB; + border-radius: px2rem(16); + box-sizing: border-box; + padding: 0 px2rem(18); + + span { + display: block; + float: left; + color: #313131; + font-size: px2rem(32); + font-weight: 600; + } + + img { + display: block; + width: px2rem(36); + height: px2rem(36); + float: left; + margin: px2rem(24) px2rem(10) 0; + } + + b { + float: right; + display: block; + color: #313131; + font-size: px2rem(36); + font-weight: 600; + } + } + + .bottom { + width: 100%; + height: px2rem(132); + display: flex; + justify-content: space-between; + + div { + width: px2rem(316); + height: px2rem(132); + background: #fff; + border-radius: px2rem(16); + text-align: center; + overflow: hidden; + + p { + color: #313131; + font-size: px2rem(36); + font-weight: 600; + margin-bottom: px2rem(15); + margin-top: px2rem(25); + + img { + display: inline-block; + width: px2rem(36); + height: px2rem(36); + } + } + + span { + color: #7B7B7D; + font-size: px2rem(22); + font-weight: 400; + } + } + } + } + + .agentSalary2 { + width: px2rem(686); + height: px2rem(50); + line-height: px2rem(50); + position: relative; + margin: 0 auto px2rem(20); + + span { + position: absolute; + width: px2rem(8); + height: px2rem(34); + top: 50%; + transform: translateY(-50%); + left: px2rem(-20); + background: #04D5C6; + } + + b { + display: block; + float: left; + color: #313131; + font-size: px2rem(36); + font-weight: 600; + } + + i { + font-style: normal; + display: block; + float: left; + height: px2rem(34); + border-radius: px2rem(34); + line-height: px2rem(34); + padding: px2rem(4) px2rem(16); + background: #313131; + color: #fff; + margin: px2rem(8) px2rem(20) 0; + } + + img { + float: right; + display: block; + width: px2rem(42); + height: px2rem(42); + margin-top: px2rem(8); + } + } + + .data { + width: px2rem(686); + height: 13rem; + margin: 0 auto 0; + overflow-y: scroll; + + &::-webkit-scrollbar { + display: none; + } + + .box { + width: 100%; + height: px2rem(146); + border-radius: px2rem(16); + background: #DBF6FF; + box-sizing: border-box; + padding: 0 px2rem(18); + + .tx { + float: left; + width: px2rem(110); + height: px2rem(110); + border-radius: 50%; + display: block; + margin-top: px2rem(18); + margin-right: px2rem(16); + } + + .user { + width: px2rem(250); + float: left; + + p { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #333333; + font-size: px2rem(32); + font-weight: 600; + margin-top: px2rem(40); + margin-bottom: px2rem(10); + } + + b { + color: #7B7B7D; + font-size: px2rem(26); + font-weight: 400; + } + } + + .right { + float: right; + text-align: right; + + p { + color: #313131; + font-size: px2rem(40); + font-weight: 600; + margin-top: px2rem(34); + margin-bottom: px2rem(10); + } + + b { + color: #313131; + font-size: px2rem(26); + font-weight: 400; + } + } + } + } +} + +.arabic { + .my .tx { + float: right; + } + + .my .user { + float: right; + margin-right: 0.2rem; + } + + .incomeTitle { + span { + float: right; + } + + b { + float: right; + } + + i { + float: right; + } + + span { + left: auto; + right: -0.26667rem; + } + } + + .incomeBox .d { + b { + float: right; + } + + img { + float: right; + } + + span { + float: left; + } + } + + .incomeTitleLast { + span { + float: right; + } + + b { + float: right; + } + + i { + float: right; + } + + span { + left: auto; + right: -0.26667rem; + } + } + + .incomeBoxLast .d { + b { + float: right; + } + + img { + float: right; + } + + span { + float: left; + } + } + .page1 .diamond p{ + float: right; + } + .page1 .diamond .withdraw{ + float: left; + } + .page2 .agentSalary, + .page2 .agentSalary2 { + b { + float: right; + } + + i { + float: right; + } + + img { + float: left; + transform: rotate(180deg); + } + + span { + left: auto; + right: px2rem(-20); + } + } + + .page2 .agentSalaryInfo { + .top { + span { + float: right; + } + + img { + float: right; + } + + b { + float: left; + } + } + } + + .page2 .data .box { + .tx { + float: right; + margin-left: 0.2rem; + } + + .user { + float: right; + } + + .right { + float: left; + text-align: left; + } + } + + .back img { + left: auto; + right: 0.24rem; + transform: rotate(180deg); + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/record.css b/view/molistar/modules/guild-ar/css/record.css new file mode 100644 index 00000000..a6536769 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/record.css @@ -0,0 +1,124 @@ +body, +html { + width: 100%; + background: #f4f4f4; +} + +.nav { + width: 100%; + height: 2.34667rem; + background: #f4f4f4; + position: fixed; + top: 0; + left: 50%; + transform: translateX(-50%); + z-index: 100; +} + +.nav .back { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.4rem; + bottom: 0.29333rem; +} + +.nav p { + height: 0.58667rem; + line-height: 0.58667rem; + font-size: 0.42667rem; + font-weight: 500; + color: #313131; + position: absolute; + bottom: 0.26667rem; + left: 50%; + transform: translateX(-50%); +} + +ul { + width: 9.14667rem; + margin: 2.34667rem auto 0; +} + +ul .date { + width: 100%; + height: 0.93333rem; + line-height: 0.93333rem; + font-weight: 500; + font-size: 0.4rem; + color: #313131; + background: #f4f4f4; + position: sticky; + top: 2.34667rem; + z-index: 2; +} + +ul li { + width: 100%; + height: 2.08rem; + background: #ffffff; + border-radius: 0.32rem; + margin-bottom: 0.37333rem; + position: relative; +} + +ul li .avatar { + width: 1.46667rem; + height: 1.46667rem; + border-radius: 50%; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0.24rem; +} + +ul li .name { + font-weight: 600; + font-size: 0.42667rem; + line-height: 0.58667rem; + color: #313131; + position: absolute; + top: 0.48rem; + left: 2.02667rem; + max-width: 2.6rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +ul li .id { + font-weight: 400; + font-size: 0.34667rem; + color: #7b7b7d; + position: absolute; + top: 1.22667rem; + left: 2.02667rem; +} + +ul li span { + font-weight: 400; + font-size: 0.34667rem; + color: #7b7b7d; + position: absolute; + top: 0.53333rem; + right: 0.24rem; +} + +ul li span b { + font-weight: 500; + color: #ff9010; +} + +ul li .coins { + font-size: 0.34667rem; + color: #afb1b3; + position: absolute; + top: 1.12rem; + right: 0.24rem; +} + +.arLang .nav .back { + right: 0.4rem; + left: unset; + transform: rotate(180deg); +} diff --git a/view/molistar/modules/guild-ar/css/record.scss b/view/molistar/modules/guild-ar/css/record.scss new file mode 100644 index 00000000..13265cba --- /dev/null +++ b/view/molistar/modules/guild-ar/css/record.scss @@ -0,0 +1,131 @@ +@function px2rem($px, $rem: 37.5) { + @return $px / $rem + rem; +} + +body, +html { + width: 100%; + background: #f4f4f4; +} + +.nav { + width: 100%; + height: px2rem(88); + background: #f4f4f4; + position: fixed; + top: 0; + left: 50%; + transform: translateX(-50%); + z-index: 100; + + .back { + width: px2rem(22); + height: px2rem(22); + position: absolute; + left: px2rem(15); + bottom: px2rem(11); + } + + p { + height: px2rem(22); + line-height: px2rem(22); + font-size: px2rem(16); + font-weight: 500; + color: #313131; + position: absolute; + bottom: px2rem(10); + left: 50%; + transform: translateX(-50%); + } +} + +ul { + width: px2rem(343); + margin: px2rem(88) auto 0; + + .date { + width: 100%; + height: px2rem(35); + line-height: px2rem(35); + font-weight: 500; + font-size: px2rem(15); + color: #313131; + background: #f4f4f4; + position: sticky; + top: px2rem(88); + z-index: 2; + } + + li { + width: 100%; + height: px2rem(78); + background: #ffffff; + border-radius: px2rem(12); + margin-bottom: px2rem(14); + position: relative; + + .avatar { + width: px2rem(55); + height: px2rem(55); + border-radius: 50%; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: px2rem(9); + } + + .name { + font-weight: 600; + font-size: px2rem(16); + line-height: px2rem(22); + color: #313131; + position: absolute; + top: px2rem(18); + left: px2rem(76); + max-width: 2.6rem; + // 单行溢出省略 + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + + .id { + font-weight: 400; + font-size: px2rem(13); + color: #7b7b7d; + position: absolute; + top: px2rem(46); + left: px2rem(76); + } + span { + font-weight: 400; + font-size: px2rem(13); + color: #7b7b7d; + position: absolute; + top: px2rem(20); + right: px2rem(9); + b { + font-weight: 500; + color: #ff9010; + } + } + + .coins { + font-size: px2rem(13); + color: #afb1b3; + position: absolute; + top: px2rem(42); + right: px2rem(9); + } + } +} + +.arLang { + .nav { + .back { + right: px2rem(15); + left: unset; + transform: rotate(180deg); + } + } +} diff --git a/view/molistar/modules/guild-ar/css/salary.css b/view/molistar/modules/guild-ar/css/salary.css new file mode 100644 index 00000000..7d008f87 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/salary.css @@ -0,0 +1,602 @@ +body, +html { + width: 100%; + background: #ffffff; +} + +.nav { + width: 100%; + height: 2.34667rem; + background: #ffffff; + position: fixed; + top: 0; + left: 50%; + transform: translateX(-50%); + z-index: 100; +} + +.nav .back { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.4rem; + bottom: 0.29333rem; +} + +.nav p { + height: 0.58667rem; + line-height: 0.58667rem; + font-size: 0.42667rem; + font-weight: 500; + color: #313131; + position: absolute; + bottom: 0.26667rem; + left: 50%; + transform: translateX(-50%); +} + +.my_salary { + width: 9.12rem; + padding-bottom: 0.21333rem; + border-bottom: 1px solid #e4e4e4; + margin: 3.04rem auto 0; + display: flex; + justify-content: space-between; +} + +.my_salary p { + height: 0.66667rem; + line-height: 0.66667rem; +} + +.my_salary p e, +.my_salary p b { + font-size: 0.48rem; + color: #313131; +} + +.my_salary p b { + color: #04D5C6; +} + +.my_salary p span { + font-size: 0.37333rem; + color: #7b7b7d; +} + +.my_salary p img { + width: 0.64rem; + height: 0.64rem; + display: inline-block; +} + +.tab { + width: 9.17333rem; + height: 0.85333rem; + background: #f2f3f7; + border-radius: 0.21333rem; + margin: 0.26667rem auto 0; + display: flex; +} + +.tab .item { + width: 50%; + height: 100%; + border-radius: 0.21333rem; + font-size: 0.37333rem; + color: #313131; + line-height: 0.85333rem; + text-align: center; +} + +.tab .act { + background: #04D5C6; + color: #ffffff; +} + +.transfer_method_tit, +.transfer_dollars_tit { + width: 9.2rem; + margin: 0 auto 0; + display: flex; + align-items: baseline; +} + +.transfer_method_tit .title, +.transfer_dollars_tit .title { + font-weight: 600; + font-size: 0.48rem; + color: #313131; + line-height: 0.66667rem; + padding: 0.32rem 0; +} + +.transfer_method_tit .title::before, +.transfer_dollars_tit .title::before { + content: ""; + display: inline-block; + width: 0.10667rem; + height: 0.48rem; + border-radius: 0.37333rem; + background: #04D5C6; + vertical-align: top; + margin: 0.10667rem 0.21333rem; +} + +.transfer_method_tit p, +.transfer_dollars_tit p { + height: 0.48rem; + line-height: 0.48rem; + font-size: 0.26667rem; + color: #ffffff; + padding: 0 0.16rem; + background: #313131; + border-radius: 0.32rem; + margin: 0 0.13333rem; +} + +.transfer_method, +.transfer_dollars { + width: 9.17333rem; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.transfer_method li, +.transfer_dollars li { + width: 4.48rem; + height: 1.86667rem; + background: #f2f3f7; + border-radius: 0.21333rem; + box-sizing: border-box; + margin-bottom: 0.16rem; + position: relative; + border: 0.05333rem solid #fff; + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: center; +} + +.transfer_method li:nth-child(2n), +.transfer_dollars li:nth-child(2n) { + margin-right: unset; +} + +.transfer_method li p, +.transfer_dollars li p { + font-weight: 500; + font-size: 0.42667rem; + color: #313131; + text-align: center; + line-height: 0.58667rem; +} + +.transfer_method li span, +.transfer_dollars li span { + font-weight: 400; + font-size: 0.37333rem; + color: #313131; +} + +.transfer_method li span .coin, +.transfer_dollars li span .coin { + width: 0.37333rem; + height: 0.37333rem; + display: inline-block; +} + +.transfer_method li .dollar, +.transfer_dollars li .dollar { + width: 0.42667rem; + height: 0.42667rem; + margin-top: 0.05333rem; + display: inline-block; +} + +.transfer_method li .custom, +.transfer_dollars li .custom { + width: 0.32rem; + height: 0.32rem; + margin-top: 0.13333rem; + display: inline-block; +} + +.transfer_method li .tips, +.transfer_dollars li .tips { + background: #04D5C6; + border-radius: 0px 0.16rem 0px 0.21333rem; + position: absolute; + top: 0; + right: 0; + font-size: 0.32rem; + color: #ffffff; + padding: 0.10667rem; +} + +.transfer_method li .tips img, +.transfer_dollars li .tips img { + width: 0.29333rem; + height: 0.29333rem; + display: inline-block; + vertical-align: unset; +} + +.transfer_method .li_act, +.transfer_dollars .li_act { + border: 0.05333rem solid #04D5C6; +} + +.transfer_method .official_withdraw, +.transfer_method .agent_settlement, +.transfer_dollars .official_withdraw, +.transfer_dollars .agent_settlement { + position: relative; +} + +.transfer_method .official_withdraw .pop, +.transfer_method .agent_settlement .pop, +.transfer_dollars .official_withdraw .pop, +.transfer_dollars .agent_settlement .pop { + width: 4.8rem; + height: 1.12rem; + background: url(../images/pop.png) no-repeat; + background-size: 100% 100%; + position: absolute; + top: -0.42667rem; + left: 3.52rem; + font-size: 0.32rem; + line-height: 0.42667rem; + color: #ffffff; + padding: 0.10667rem 0.21333rem 0; +} + +.transfer_dollars { + margin-bottom: 2.13333rem; +} + +.confirm { + width: 9.17333rem; + height: 1.06667rem; + background: #04D5C6; + border-radius: 0.66667rem; + position: fixed; + bottom: 0.48rem; + left: 50%; + transform: translateX(-50%); + font-weight: 400; + font-size: 0.42667rem; + color: #ffffff; + line-height: 1.06667rem; + text-align: center; +} + +.agent_pop, +.president_pop { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 999; + display: none; +} + +.agent_pop .agent_pop_in, +.agent_pop .president_pop_in, +.president_pop .agent_pop_in, +.president_pop .president_pop_in { + width: 7.73333rem; + background: #ffffff; + border-radius: 0.42667rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.agent_pop .agent_pop_in .title, +.agent_pop .president_pop_in .title, +.president_pop .agent_pop_in .title, +.president_pop .president_pop_in .title { + width: 100%; + font-weight: 500; + font-size: 0.42667rem; + color: #313131; + text-align: center; + padding: 0.37333rem 0; +} + +.agent_pop .agent_pop_in h2, +.agent_pop .president_pop_in h2, +.president_pop .agent_pop_in h2, +.president_pop .president_pop_in h2 { + font-size: 0.32rem; + color: #afb1b3; + line-height: 0.45333rem; + text-align: center; + padding: 0 0.21333rem 0.21333rem; +} + +.agent_pop .agent_pop_in .wrap, +.agent_pop .president_pop_in .wrap, +.president_pop .agent_pop_in .wrap, +.president_pop .president_pop_in .wrap { + width: 6.98667rem; + max-height: 9.97333rem; + margin: 0 auto; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.agent_pop .agent_pop_in .wrap::-webkit-scrollbar, +.agent_pop .president_pop_in .wrap::-webkit-scrollbar, +.president_pop .agent_pop_in .wrap::-webkit-scrollbar, +.president_pop .president_pop_in .wrap::-webkit-scrollbar { + display: none; +} + +.agent_pop .agent_pop_in .wrap li, +.agent_pop .president_pop_in .wrap li, +.president_pop .agent_pop_in .wrap li, +.president_pop .president_pop_in .wrap li { + box-sizing: border-box; + border: 2px solid #fff; + width: 100%; + height: 1.92rem; + background: #f4f4f4; + border-radius: 0.21333rem; + margin-bottom: 0.26667rem; + position: relative; +} + +.agent_pop .agent_pop_in .wrap li .avatar, +.agent_pop .president_pop_in .wrap li .avatar, +.president_pop .agent_pop_in .wrap li .avatar, +.president_pop .president_pop_in .wrap li .avatar { + width: 1.46667rem; + height: 1.46667rem; + border-radius: 50%; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0.24rem; +} + +.agent_pop .agent_pop_in .wrap li .name, +.agent_pop .president_pop_in .wrap li .name, +.president_pop .agent_pop_in .wrap li .name, +.president_pop .president_pop_in .wrap li .name { + display: flex; + align-items: center; + position: absolute; + top: 0.4rem; + left: 2.02667rem; +} + +.agent_pop .agent_pop_in .wrap li .name p, +.agent_pop .president_pop_in .wrap li .name p, +.president_pop .agent_pop_in .wrap li .name p, +.president_pop .president_pop_in .wrap li .name p { + max-width: 3rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-weight: 600; + font-size: 0.42667rem; + color: #333333; + line-height: 0.58667rem; +} + +.agent_pop .agent_pop_in .wrap li .name .flag, +.agent_pop .president_pop_in .wrap li .name .flag, +.president_pop .agent_pop_in .wrap li .name .flag, +.president_pop .president_pop_in .wrap li .name .flag { + width: 0.45333rem; + height: 0.32rem; +} + +.agent_pop .agent_pop_in .wrap li .id, +.agent_pop .president_pop_in .wrap li .id, +.president_pop .agent_pop_in .wrap li .id, +.president_pop .president_pop_in .wrap li .id { + font-weight: 400; + font-size: 0.34667rem; + color: #7b7b7d; + position: absolute; + bottom: 0.45333rem; + left: 2.02667rem; +} + +.agent_pop .agent_pop_in .wrap .li_act, +.agent_pop .president_pop_in .wrap .li_act, +.president_pop .agent_pop_in .wrap .li_act, +.president_pop .president_pop_in .wrap .li_act { + box-sizing: border-box; + border: 2px solid #04D5C6; +} + +.agent_pop .agent_pop_in .wrap li.no, +.agent_pop .president_pop_in .wrap li.no, +.president_pop .agent_pop_in .wrap li.no, +.president_pop .president_pop_in .wrap li.no { + width: 100%; + line-height: 1.92rem; + text-align: center; + font-weight: 400; + font-size: 0.26667rem; + color: #7b7b7d; +} + +.agent_pop .agent_pop_in .btn_wrap, +.agent_pop .president_pop_in .btn_wrap, +.president_pop .agent_pop_in .btn_wrap, +.president_pop .president_pop_in .btn_wrap { + width: 6.98667rem; + margin: 0.26667rem auto; + display: flex; + justify-content: space-evenly; +} + +.agent_pop .agent_pop_in .btn_wrap .cancel, +.agent_pop .agent_pop_in .btn_wrap .sure, +.agent_pop .president_pop_in .btn_wrap .cancel, +.agent_pop .president_pop_in .btn_wrap .sure, +.president_pop .agent_pop_in .btn_wrap .cancel, +.president_pop .agent_pop_in .btn_wrap .sure, +.president_pop .president_pop_in .btn_wrap .cancel, +.president_pop .president_pop_in .btn_wrap .sure { + width: 2.93333rem; + height: 0.96rem; + background: #04D5C6; + border-radius: 3.12rem; + font-weight: 500; + color: #ffffff; + font-size: 0.37333rem; + line-height: 0.96rem; + text-align: center; +} + +.agent_pop .agent_pop_in .btn_wrap .cancel, +.agent_pop .president_pop_in .btn_wrap .cancel, +.president_pop .agent_pop_in .btn_wrap .cancel, +.president_pop .president_pop_in .btn_wrap .cancel { + background: #ebebeb; + color: #7b7b7d; +} + +.custom_pop { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 999; + display: none; +} + +.custom_pop .custom_pop_in { + width: 9.17333rem; + background: #ffffff; + border-radius: 0.42667rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.custom_pop .custom_pop_in .title { + width: 100%; + font-weight: 500; + font-size: 0.42667rem; + color: #313131; + text-align: center; + padding: 0.37333rem 0 0.13333rem; +} + +.custom_pop .custom_pop_in h1 { + font-size: 0.32rem; + color: #afb1b3; + line-height: 0.45333rem; + text-align: center; + padding-bottom: 0.21333rem; +} + +.custom_pop .custom_pop_in h2 { + font-size: 0.32rem; + color: #7b7b7d; + line-height: 0.45333rem; + padding-left: 1.46667rem; + padding-top: 0.13333rem; +} + +.custom_pop .custom_pop_in .ipt { + display: flex; + align-items: center; + justify-content: center; + position: relative; +} + +.custom_pop .custom_pop_in .ipt span { + font-weight: 600; + font-size: 0.48rem; + color: #04D5C6; + margin-right: 0.26667rem; +} + +.custom_pop .custom_pop_in .ipt input { + width: 5.65333rem; + height: 0.8rem; + border-radius: 0.21333rem; + border: 1px solid #e4e4e4; + outline: none; + font-weight: 500; + font-size: 0.4rem; + color: #313131; + padding: 0 0.13333rem; +} + +.custom_pop .custom_pop_in .ipt e { + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 1.4rem; + font-weight: 400; + font-size: 0.37333rem; + color: #24cf9e; + text-decoration: underline; +} + +.custom_pop .custom_pop_in .btn_wrap { + width: 6.98667rem; + margin: 0.53333rem auto 0.26667rem; + display: flex; + justify-content: space-evenly; +} + +.custom_pop .custom_pop_in .btn_wrap .cancel, +.custom_pop .custom_pop_in .btn_wrap .sure { + width: 2.72rem; + height: 0.8rem; + background: #04D5C6; + border-radius: 0.66667rem; + font-weight: 500; + color: #ffffff; + font-size: 0.37333rem; + line-height: 0.8rem; + text-align: center; +} + +.custom_pop .custom_pop_in .btn_wrap .cancel { + background: #ebebeb; + color: #7b7b7d; +} + +.arabic .nav .back { + right: 0.4rem; + left: unset; + transform: rotate(180deg); +} + +.arabic .transfer_method .official_withdraw .pop { + left: unset; + right: 3.52rem; +} + +.arabic .my_salary p img { + transform: rotate(180deg); +} + +.arabic .custom_pop .custom_pop_in .ipt e { + right: unset; + left: 1.4rem; +} + +.arabic .custom_pop .custom_pop_in h2 { + padding-right: 1.4666666667rem; + padding-left: unset; +} diff --git a/view/molistar/modules/guild-ar/css/salary.scss b/view/molistar/modules/guild-ar/css/salary.scss new file mode 100644 index 00000000..49352c12 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/salary.scss @@ -0,0 +1,558 @@ +@function px2rem($px, $rem: 37.5) { + @return $px / $rem +rem; +} + +body, +html { + width: 100%; + background: #ffffff; + // overflow: hidden; +} + +.nav { + width: 100%; + height: px2rem(88); + background: #ffffff; + position: fixed; + top: 0; + left: 50%; + transform: translateX(-50%); + z-index: 100; + + .back { + width: px2rem(22); + height: px2rem(22); + position: absolute; + left: px2rem(15); + bottom: px2rem(11); + } + + p { + height: px2rem(22); + line-height: px2rem(22); + font-size: px2rem(16); + font-weight: 500; + color: #313131; + position: absolute; + bottom: px2rem(10); + left: 50%; + transform: translateX(-50%); + } +} + +.my_salary { + width: px2rem(342); + padding-bottom: px2rem(8); + border-bottom: 1px solid #e4e4e4; + margin: px2rem(114) auto 0; + display: flex; + justify-content: space-between; + + p { + height: px2rem(25); + line-height: px2rem(25); + + e, + b { + font-size: px2rem(18); + color: #313131; + } + + b { + color: #04D5C6; + } + + span { + font-size: px2rem(14); + color: #7b7b7d; + } + + img { + width: px2rem(24); + height: px2rem(24); + display: inline-block; + } + } +} + +.tab { + width: px2rem(344); + height: px2rem(32); + background: #f2f3f7; + border-radius: px2rem(8); + margin: px2rem(10) auto 0; + display: flex; + + .item { + width: 50%; + height: 100%; + border-radius: px2rem(8); + font-size: px2rem(14); + color: #313131; + line-height: px2rem(32); + text-align: center; + } + + .act { + background: #04D5C6; + color: #ffffff; + } +} + +.transfer_method_tit, +.transfer_dollars_tit { + width: px2rem(345); + margin: 0 auto 0; + display: flex; + align-items: baseline; + + .title { + font-weight: 600; + font-size: px2rem(18); + color: #313131; + line-height: px2rem(25); + padding: px2rem(12) 0; + + &::before { + content: ""; + display: inline-block; + width: px2rem(4); + height: px2rem(18); + border-radius: px2rem(14); + background: #04D5C6; + vertical-align: top; + margin: px2rem(4) px2rem(8); + } + } + + p { + height: px2rem(18); + line-height: px2rem(18); + font-size: px2rem(10); + color: #ffffff; + padding: 0 px2rem(6); + background: #313131; + border-radius: px2rem(12); + margin: 0 px2rem(5); + } +} + +.transfer_method, +.transfer_dollars { + width: px2rem(344); + margin: 0 auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + li { + width: px2rem(168); + height: px2rem(70); + background: #f2f3f7; + border-radius: px2rem(8); + box-sizing: border-box; + // margin-right: px2rem(6); + margin-bottom: px2rem(6); + position: relative; + border: px2rem(2) solid #fff; + + &:nth-child(2n) { + margin-right: unset; + } + + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: center; + + p { + font-weight: 500; + font-size: px2rem(16); + color: #313131; + text-align: center; + line-height: px2rem(22); + } + + span { + font-weight: 400; + font-size: px2rem(14); + color: #313131; + + .coin { + width: px2rem(14); + height: px2rem(14); + display: inline-block; + } + } + + .dollar { + width: px2rem(16); + height: px2rem(16); + margin-top: px2rem(2); + display: inline-block; + } + + .custom { + width: px2rem(12); + height: px2rem(12); + margin-top: px2rem(5); + display: inline-block; + } + + .tips { + background: #04D5C6; + border-radius: 0px px2rem(6) 0px px2rem(8); + position: absolute; + top: 0; + right: 0; + font-size: px2rem(12); + color: #ffffff; + padding: px2rem(4); + + img { + width: px2rem(11); + height: px2rem(11); + display: inline-block; + vertical-align: unset; + } + } + } + + .li_act { + border: px2rem(2) solid #04D5C6; + } + + .official_withdraw, + .agent_settlement { + position: relative; + // display: none; + + .pop { + width: px2rem(180); + height: px2rem(42); + background: url(../images/pop.png) no-repeat; + background-size: 100% 100%; + position: absolute; + top: px2rem(-16); + left: px2rem(132); + font-size: px2rem(12); + line-height: px2rem(16); + color: #ffffff; + padding: px2rem(4) px2rem(8) 0; + } + } +} + +.transfer_dollars { + margin-bottom: px2rem(80); +} + +.confirm { + width: px2rem(344); + height: px2rem(40); + // background: linear-gradient(274deg, #feb301 0%, #ffda5f 100%); + background: #04D5C6; + border-radius: px2rem(25); + position: fixed; + bottom: px2rem(18); + left: 50%; + transform: translateX(-50%); + font-weight: 400; + font-size: px2rem(16); + color: #ffffff; + line-height: px2rem(40); + text-align: center; +} + +.agent_pop, +.president_pop { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 999; + display: none; + + .agent_pop_in, + .president_pop_in { + width: px2rem(290); + // height: px2rem(495); + background: #ffffff; + border-radius: px2rem(16); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + .title { + width: 100%; + font-weight: 500; + font-size: px2rem(16); + color: #313131; + text-align: center; + padding: px2rem(14) 0; + } + + h2 { + font-size: px2rem(12); + color: #afb1b3; + line-height: px2rem(17); + text-align: center; + padding: 0 px2rem(8) px2rem(8); + } + + .wrap { + width: px2rem(262); + max-height: px2rem(374); + margin: 0 auto; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + + &::-webkit-scrollbar { + display: none; + } + + li { + box-sizing: border-box; + border: 2px solid #fff; + width: 100%; + height: px2rem(72); + background: #f4f4f4; + border-radius: px2rem(8); + margin-bottom: px2rem(10); + position: relative; + + .avatar { + width: px2rem(55); + height: px2rem(55); + border-radius: 50%; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: px2rem(9); + } + + .name { + display: flex; + align-items: center; + position: absolute; + top: px2rem(15); + left: px2rem(76); + + p { + max-width: 3rem; + // 单行溢出省略 + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-weight: 600; + font-size: px2rem(16); + color: #333333; + line-height: px2rem(22); + } + + .flag { + width: px2rem(17); + height: px2rem(12); + } + } + + .id { + font-weight: 400; + font-size: px2rem(13); + color: #7b7b7d; + position: absolute; + bottom: px2rem(17); + left: px2rem(76); + } + } + + .li_act { + box-sizing: border-box; + border: 2px solid #04D5C6; + } + + li.no { + width: 100%; + // line-height: px2rem(374); + line-height: 1.92rem; + text-align: center; + font-weight: 400; + font-size: px2rem(10); + color: #7b7b7d; + } + } + + .btn_wrap { + width: px2rem(262); + margin: px2rem(10) auto; + display: flex; + justify-content: space-evenly; + + .cancel, + .sure { + width: px2rem(110); + height: px2rem(36); + background: #04D5C6; + border-radius: px2rem(117); + font-weight: 500; + color: #ffffff; + font-size: px2rem(14); + line-height: px2rem(36); + text-align: center; + } + + .cancel { + background: #ebebeb; + color: #7b7b7d; + } + } + } + // .agent_pop_in{ + // width: px2rem(580); + // height: px2rem(988); + // } +} + +.custom_pop { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 999; + display: none; + + .custom_pop_in { + width: px2rem(344); + // height: px2rem(495); + background: #ffffff; + border-radius: px2rem(16); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + .title { + width: 100%; + font-weight: 500; + font-size: px2rem(16); + color: #313131; + text-align: center; + padding: px2rem(14) 0 px2rem(5); + } + + h1 { + font-size: px2rem(12); + color: #afb1b3; + line-height: px2rem(17); + text-align: center; + padding-bottom: px2rem(8); + } + + h2 { + font-size: px2rem(12); + color: #7b7b7d; + line-height: px2rem(17); + padding-left: px2rem(55); + padding-top: px2rem(5); + } + + .ipt { + display: flex; + align-items: center; + justify-content: center; + position: relative; + + span { + font-weight: 600; + font-size: px2rem(18); + color: #04D5C6; + margin-right: px2rem(10); + } + + input { + width: px2rem(212); + height: px2rem(30); + border-radius: px2rem(8); + border: 1px solid #e4e4e4; + outline: none; + font-weight: 500; + font-size: px2rem(15); + color: #313131; + padding: 0 px2rem(5); + } + + e { + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 1.4rem; + font-weight: 400; + font-size: px2rem(14); + color: #24cf9e; + text-decoration: underline; + } + } + + .btn_wrap { + width: px2rem(262); + margin: px2rem(20) auto px2rem(10); + display: flex; + justify-content: space-evenly; + + .cancel, + .sure { + width: px2rem(102); + height: px2rem(30); + // background: linear-gradient(274deg, #feb301 0%, #ffda5f 100%); + background: #04D5C6; + border-radius: px2rem(25); + font-weight: 500; + color: #ffffff; + font-size: px2rem(14); + line-height: px2rem(30); + text-align: center; + } + + .cancel { + background: #ebebeb; + color: #7b7b7d; + } + } + } +} + +.arabic { + .nav { + .back { + right: px2rem(15); + left: unset; + transform: rotate(180deg); + } + } + + .transfer_method .official_withdraw .pop { + left: unset; + right: 3.52rem; + } + + .my_salary p img { + transform: rotate(180deg); + } + + .custom_pop .custom_pop_in { + .ipt e { + right: unset; + left: 1.4rem; + } + + h2 { + padding-right: 1.4666666667rem; + padding-left: unset; + } + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/search.css b/view/molistar/modules/guild-ar/css/search.css new file mode 100644 index 00000000..b520259d --- /dev/null +++ b/view/molistar/modules/guild-ar/css/search.css @@ -0,0 +1,276 @@ +html, +body { + width: 100%; + height: 17.78667rem; + background: #eaeaec; +} + +.back { + width: 100%; + height: 2.8rem; + position: fixed; + left: 0; + top: 0rem; + text-align: center; + color: #FFFFFF; + font-size: 0.50667rem; + font-weight: bold; + z-index: 10; + background: #fff; +} + +.back .backs { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.24rem; + top: 58%; +} + +.back .fdj { + width: 0.42667rem; + height: 0.42667rem; + position: absolute; + top: 61%; + left: 1.41333rem; + z-index: 2; +} + +.back input { + border: none; + outline: none; + background: #eaeaec; + width: 6.8rem; + height: 0.74667rem; + line-height: 0.74667rem; + border-radius: 0.74667rem; + box-sizing: border-box; + padding-left: 0.72rem; + position: absolute; + left: 1.22667rem; + top: 70%; + transform: translateY(-50%); + color: #333; + font-size: 0.32rem; +} + +.back input::placeholder { + color: #BCBDCB; + font-size: 0.29333rem; +} + +.back .text { + position: absolute; + right: 0.62667rem; + height: 100%; + top: 0; + line-height: 3.93333rem; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +ul { + width: 10rem; + height: 18rem; + margin: 2.53333rem auto 0; + overflow-y: scroll; + padding-top: 0.34667rem; + box-sizing: border-box; +} + +ul::-webkit-scrollbar { + display: none; +} + +ul li { + width: 9.06667rem; + height: 2.13333rem; + box-sizing: border-box; + overflow: hidden; + margin: 0 auto 0.44rem; + position: relative; + background: #fff; + border-radius: 0.13333rem; +} + +ul li .tx { + width: 1.06667rem; + height: 1.06667rem; + border-radius: 1.06667rem; + float: left; + margin-right: 0.14667rem; + margin-left: 0.13333rem; + display: block; + margin-top: 0.44rem; +} + +ul li .user { + float: left; + width: 6rem; +} + +ul li .user p { + color: #515665; + font-size: 0.37333rem; + font-weight: bold; + display: inline-block; + margin-right: 0.10667rem; + margin-bottom: 0.16rem; + width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding-top: 0.74667rem; +} + +ul li .user b { + display: block; + color: #A4ABB2; + font-size: 0.32rem; +} + +ul li .user .sex { + width: 0.24rem; + height: 0.24rem; + display: inline-block; + margin-top: 0.81333rem; + margin-right: 0.10667rem; +} + +ul li .user .wealth, +ul li .user .charm { + display: inline-block; + width: 0.96rem; + height: 0.48rem; + margin-top: 0.64rem; +} + +ul li .but { + width: 1.17333rem; + height: 0.56rem; + background: #7C9EFF; + border-radius: 0.56rem; + position: absolute; + right: 0.34667rem; + top: 1.18667rem; + text-align: center; + color: #fff; + line-height: 0.56rem; + font-size: 0.34667rem; + font-weight: 400; +} + +ul li .chairman { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.16rem; + top: 0.94667rem; + background: linear-gradient(90deg, #FFEB67, #FFFCE7); +} + +ul li .administrator { + width: 1.04rem; + height: 0.34667rem; + line-height: 0.34667rem; + border-radius: 0.34667rem; + text-align: center; + color: #333; + font-size: 0.29333rem; + font-weight: 400; + position: absolute; + left: 0.16rem; + top: 0.94667rem; + background: linear-gradient(-90deg, #FBE1FF, #F090FF); +} + +ul .null { + width: 100%; + height: 100%; + position: relative; +} + +ul .null img { + width: 1.96rem; + height: 2.01333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +ul .null span { + width: 100%; + left: 0; + top: 55%; + transform: translateY(-50%); + color: #A9A9A9; + font-size: 0.4rem; + font-weight: 400; + position: absolute; + text-align: center; +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 11; + display: none; +} + +.pub .pub_in { + background: #fff; + border-radius: 0.4rem; + box-sizing: border-box; + padding: 0.66667rem 0.45333rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.pub .pub_in p { + text-align: center; + color: #333333; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox { + width: 6.85333rem; + display: flex; + justify-content: space-between; + margin: 0.66667rem auto 0; +} + +.pub .pub_in .butBox div { + width: 3.2rem; + height: 1.01333rem; + text-align: center; + line-height: 1.01333rem; + border-radius: 1.01333rem; + font-size: 0.45333rem; + font-weight: bold; +} + +.pub .pub_in .butBox .close { + background: #F5F5F5; + color: #999999; +} + +.pub .pub_in .butBox .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; +} diff --git a/view/molistar/modules/guild-ar/css/search.scss b/view/molistar/modules/guild-ar/css/search.scss new file mode 100644 index 00000000..bf676e82 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/search.scss @@ -0,0 +1,281 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + height: px2rem(1334); + background: #eaeaec; +} + +.back { + width: 100%; + height: px2rem(210); + position: fixed; + left: 0; + top: px2rem(0); + text-align: center; + color: #FFFFFF; + font-size: px2rem(38); + font-weight: bold; + z-index: 10; + background: #fff; + + .backs { + width: px2rem(44); + height: px2rem(44); + position: absolute; + left: px2rem(18); + top: 58%; + } + + .fdj { + width: px2rem(32); + height: px2rem(32); + position: absolute; + top: 61%; + left: px2rem(106); + z-index: 2; + } + + input { + border: none; + outline: none; + background: #eaeaec; + width: px2rem(510); + height: px2rem(56); + line-height: px2rem(56); + border-radius: px2rem(56); + box-sizing: border-box; + padding-left: px2rem(54); + position: absolute; + left: px2rem(92); + top: 70%; + transform: translateY(-50%); + color: #333; + font-size: px2rem(24); + + &::placeholder { + color: #BCBDCB; + font-size: px2rem(22); + } + } + + .text { + position: absolute; + right: px2rem(47); + height: 100%; + top: 0; + line-height: px2rem(295); + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } +} + +ul { + width: px2rem(750); + height: px2rem(1350); + margin: px2rem(190) auto 0; + overflow-y: scroll; + padding-top: px2rem(26); + box-sizing: border-box; + + &::-webkit-scrollbar { + display: none; + } + + li { + width: px2rem(680); + height: px2rem(160); + box-sizing: border-box; + overflow: hidden; + margin: 0 auto px2rem(33); + position: relative; + background: #fff; + border-radius: px2rem(10); + + .tx { + width: px2rem(80); + height: px2rem(80); + border-radius: px2rem(80); + float: left; + margin-right: px2rem(11); + margin-left: px2rem(10); + display: block; + margin-top: px2rem(33); + } + + .user { + float: left; + width: 6rem; + + p { + color: #515665; + font-size: px2rem(28); + font-weight: bold; + display: inline-block; + margin-right: px2rem(8); + // margin-top: px2rem(56); + margin-bottom: px2rem(12); + width: 2.7rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding-top: px2rem(56); + } + + b { + display: block; + color: #A4ABB2; + font-size: px2rem(24); + } + + .sex { + width: px2rem(18); + height: px2rem(18); + display: inline-block; + margin-top: px2rem(61); + margin-right: px2rem(8); + } + + .wealth, + .charm { + display: inline-block; + width: px2rem(72); + height: px2rem(36); + margin-top: px2rem(48); + } + } + + .but { + width: px2rem(88); + height: px2rem(42); + background: #7C9EFF; + border-radius: px2rem(42); + position: absolute; + right: px2rem(26); + top: px2rem(89); + text-align: center; + color: #fff; + line-height: px2rem(42); + font-size: px2rem(26); + font-weight: 400; + } + + .chairman { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(12); + top: px2rem(71); + background: linear-gradient(90deg, #FFEB67, #FFFCE7); + } + + .administrator { + width: px2rem(78); + height: px2rem(26); + line-height: px2rem(26); + border-radius: px2rem(26); + text-align: center; + color: #333; + font-size: px2rem(22); + font-weight: 400; + position: absolute; + left: px2rem(12); + top: px2rem(71); + background: linear-gradient(-90deg, #FBE1FF, #F090FF); + } + } + + .null { + width: 100%; + height: 100%; + position: relative; + + img { + width: px2rem(147); + height: px2rem(151); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + + span { + width: 100%; + left: 0; + top: 55%; + transform: translateY(-50%); + color: #A9A9A9; + font-size: px2rem(30); + font-weight: 400; + position: absolute; + text-align: center; + } + } +} + +.pub { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .6); + z-index: 11; + display: none; + + .pub_in { + background: #fff; + border-radius: px2rem(30); + box-sizing: border-box; + padding: px2rem(50) px2rem(34); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + p { + text-align: center; + color: #333333; + font-size: px2rem(34); + font-weight: bold; + } + + .butBox { + width: px2rem(514); + display: flex; + justify-content: space-between; + margin: px2rem(50) auto 0; + + div { + width: px2rem(240); + height: px2rem(76); + text-align: center; + line-height: px2rem(76); + border-radius: px2rem(76); + font-size: px2rem(34); + font-weight: bold; + } + + .close { + background: #F5F5F5; + color: #999999; + } + + .ok { + background: linear-gradient(90deg, #53C7D4, #7C5EFD); + color: #fff; + } + } + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/success.css b/view/molistar/modules/guild-ar/css/success.css new file mode 100644 index 00000000..c982dc82 --- /dev/null +++ b/view/molistar/modules/guild-ar/css/success.css @@ -0,0 +1,120 @@ +body, +html { + width: 100%; + background: #ffffff; +} + +.nav { + width: 100%; + height: 2.34667rem; + background: #ffffff; + position: fixed; + top: 0; + left: 50%; + transform: translateX(-50%); + z-index: 100; +} + +.nav .back { + width: 0.58667rem; + height: 0.58667rem; + position: absolute; + left: 0.4rem; + bottom: 0.29333rem; +} + +.nav p { + height: 0.58667rem; + line-height: 0.58667rem; + font-size: 0.42667rem; + font-weight: 500; + color: #313131; + position: absolute; + bottom: 0.26667rem; + left: 50%; + transform: translateX(-50%); +} + +main { + padding-bottom: 0.53333rem; + padding-top: 2.72rem; +} + +main .icon { + width: 1.94667rem; + height: 1.94667rem; + display: block; + margin: 0.96rem auto 0.32rem; +} + +main h1 { + width: 100%; + text-align: center; + font-weight: 600; + font-size: 0.42667rem; + color: #313131; +} + +main h1 strong { + font-weight: 600; +} + +main .dollar { + width: 100%; + text-align: center; + font-weight: 600; + font-size: 0.48rem; + color: #04D5C6; + line-height: 0.66667rem; + padding-top: 0.26667rem; +} + +main .exchange_wrap, +main .settlement_wrap { + width: 9.14667rem; + margin: 0.8rem auto; + background: #f4f4f4; + border-radius: 0.21333rem; +} + +main .exchange_wrap li, +main .settlement_wrap li { + width: 8.4rem; + padding: 0.26667rem; + display: flex; + justify-content: space-between; +} + +main .exchange_wrap li p, +main .settlement_wrap li p { + font-weight: 500; + font-size: 0.37333rem; + color: #7b7b7d; +} + +main .exchange_wrap li b, +main .settlement_wrap li b { + font-weight: 500; + font-size: 0.37333rem; + color: #313131; + display: flex; + align-items: center; +} + +main .exchange_wrap li b #copy, +main .settlement_wrap li b #copy { + width: 0.42667rem; + height: 0.42667rem; + display: inline-block; +} + +main .exchange_wrap li b .flag, +main .settlement_wrap li b .flag { + width: 0.42667rem; +} + +.arabic .nav .back { + right: 0.4rem; + left: unset; + transform: rotate(180deg); +} diff --git a/view/molistar/modules/guild-ar/css/success.scss b/view/molistar/modules/guild-ar/css/success.scss new file mode 100644 index 00000000..7698fbbf --- /dev/null +++ b/view/molistar/modules/guild-ar/css/success.scss @@ -0,0 +1,125 @@ +@function px2rem($px, $rem: 37.5) { + @return $px / $rem +rem; +} + +body, +html { + width: 100%; + background: #ffffff; + // overflow: hidden; +} + +.nav { + width: 100%; + height: px2rem(88); + background: #ffffff; + position: fixed; + top: 0; + left: 50%; + transform: translateX(-50%); + z-index: 100; + + .back { + width: px2rem(22); + height: px2rem(22); + position: absolute; + left: px2rem(15); + bottom: px2rem(11); + } + + p { + height: px2rem(22); + line-height: px2rem(22); + font-size: px2rem(16); + font-weight: 500; + color: #313131; + position: absolute; + bottom: px2rem(10); + left: 50%; + transform: translateX(-50%); + } +} + +main { + padding-bottom: px2rem(20); + padding-top: px2rem(102); + + .icon { + width: px2rem(73); + height: px2rem(73); + display: block; + margin: px2rem(36) auto px2rem(12); + } + + h1 { + width: 100%; + text-align: center; + font-weight: 600; + font-size: px2rem(16); + color: #313131; + + strong { + font-weight: 600; + } + } + + .dollar { + width: 100%; + text-align: center; + font-weight: 600; + font-size: px2rem(18); + color: #04D5C6; + line-height: px2rem(25); + padding-top: px2rem(10); + } + + .exchange_wrap, + .settlement_wrap { + width: px2rem(343); + margin: px2rem(30) auto; + background: #f4f4f4; + border-radius: px2rem(8); + + li { + width: px2rem(315); + padding: px2rem(10); + display: flex; + justify-content: space-between; + + p { + font-weight: 500; + font-size: px2rem(14); + color: #7b7b7d; + } + + b { + font-weight: 500; + font-size: px2rem(14); + color: #313131; + display: flex; + align-items: center; + + #copy { + width: px2rem(16); + height: px2rem(16); + display: inline-block; + } + + .flag { + width: px2rem(16); + } + + } + } + } +} + +.arabic { + .nav { + .back { + right: px2rem(15); + left: unset; + transform: rotate(180deg); + } + } +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/diamondWithdraw.html b/view/molistar/modules/guild-ar/diamondWithdraw.html new file mode 100644 index 00000000..d8ad82f9 --- /dev/null +++ b/view/molistar/modules/guild-ar/diamondWithdraw.html @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + +
+ +
+
+ +
+ My diamond: + 0 + +
+

+ +
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/guild.html b/view/molistar/modules/guild-ar/guild.html new file mode 100644 index 00000000..3472c4cc --- /dev/null +++ b/view/molistar/modules/guild-ar/guild.html @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + +
+ + +
+ +
+
+ +
+ + + +
+
+

+
+
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/guildInfoSet.html b/view/molistar/modules/guild-ar/guildInfoSet.html new file mode 100644 index 00000000..68303d50 --- /dev/null +++ b/view/molistar/modules/guild-ar/guildInfoSet.html @@ -0,0 +1,64 @@ + + + + + + + + + + + + + + +
+ + +
+ +

+
+ + 修改 +
+ +

公会背景图

+
+ + 修改 + +
+ + +
+ payoneer: + + 添加 +
+
+ USDT-trc20: + + 添加 +
+
+ paypal: + + 添加 +
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/images/boy.png b/view/molistar/modules/guild-ar/images/boy.png new file mode 100644 index 00000000..63fc37ac Binary files /dev/null and b/view/molistar/modules/guild-ar/images/boy.png differ diff --git a/view/molistar/modules/guild-ar/images/coin.png b/view/molistar/modules/guild-ar/images/coin.png new file mode 100644 index 00000000..71bd7286 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/coin.png differ diff --git a/view/molistar/modules/guild-ar/images/copy.png b/view/molistar/modules/guild-ar/images/copy.png new file mode 100644 index 00000000..c0b0b862 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/copy.png differ diff --git a/view/molistar/modules/guild-ar/images/custom.png b/view/molistar/modules/guild-ar/images/custom.png new file mode 100644 index 00000000..a7677849 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/custom.png differ diff --git a/view/molistar/modules/guild-ar/images/diamond.png b/view/molistar/modules/guild-ar/images/diamond.png new file mode 100644 index 00000000..45cddbc5 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/diamond.png differ diff --git a/view/molistar/modules/guild-ar/images/dollar.png b/view/molistar/modules/guild-ar/images/dollar.png new file mode 100644 index 00000000..ebacaca0 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/dollar.png differ diff --git a/view/molistar/modules/guild-ar/images/dor.png b/view/molistar/modules/guild-ar/images/dor.png new file mode 100644 index 00000000..e3ccbd18 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/dor.png differ diff --git a/view/molistar/modules/guild-ar/images/dos.png b/view/molistar/modules/guild-ar/images/dos.png new file mode 100644 index 00000000..2a582365 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/dos.png differ diff --git a/view/molistar/modules/guild-ar/images/dui.png b/view/molistar/modules/guild-ar/images/dui.png new file mode 100644 index 00000000..53de9e3e Binary files /dev/null and b/view/molistar/modules/guild-ar/images/dui.png differ diff --git a/view/molistar/modules/guild-ar/images/fdj.png b/view/molistar/modules/guild-ar/images/fdj.png new file mode 100644 index 00000000..dceeea90 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/fdj.png differ diff --git a/view/molistar/modules/guild-ar/images/girl.png b/view/molistar/modules/guild-ar/images/girl.png new file mode 100644 index 00000000..be195fa2 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/girl.png differ diff --git a/view/molistar/modules/guild-ar/images/gold2.png b/view/molistar/modules/guild-ar/images/gold2.png new file mode 100644 index 00000000..eb859266 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/gold2.png differ diff --git a/view/molistar/modules/guild-ar/images/goldIcon.png b/view/molistar/modules/guild-ar/images/goldIcon.png new file mode 100644 index 00000000..da09003d Binary files /dev/null and b/view/molistar/modules/guild-ar/images/goldIcon.png differ diff --git a/view/molistar/modules/guild-ar/images/header.png b/view/molistar/modules/guild-ar/images/header.png new file mode 100644 index 00000000..42f5d09f Binary files /dev/null and b/view/molistar/modules/guild-ar/images/header.png differ diff --git a/view/molistar/modules/guild-ar/images/header_ts.png b/view/molistar/modules/guild-ar/images/header_ts.png new file mode 100644 index 00000000..55fb240e Binary files /dev/null and b/view/molistar/modules/guild-ar/images/header_ts.png differ diff --git a/view/molistar/modules/guild-ar/images/icon1.png b/view/molistar/modules/guild-ar/images/icon1.png new file mode 100644 index 00000000..336de2a8 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/icon1.png differ diff --git a/view/molistar/modules/guild-ar/images/icon2.png b/view/molistar/modules/guild-ar/images/icon2.png new file mode 100644 index 00000000..9dfee258 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/icon2.png differ diff --git a/view/molistar/modules/guild-ar/images/icon3.png b/view/molistar/modules/guild-ar/images/icon3.png new file mode 100644 index 00000000..d36d294d Binary files /dev/null and b/view/molistar/modules/guild-ar/images/icon3.png differ diff --git a/view/molistar/modules/guild-ar/images/icon4.png b/view/molistar/modules/guild-ar/images/icon4.png new file mode 100644 index 00000000..63686f31 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/icon4.png differ diff --git a/view/molistar/modules/guild-ar/images/inveMemberIcon.png b/view/molistar/modules/guild-ar/images/inveMemberIcon.png new file mode 100644 index 00000000..5469936d Binary files /dev/null and b/view/molistar/modules/guild-ar/images/inveMemberIcon.png differ diff --git a/view/molistar/modules/guild-ar/images/logo.png b/view/molistar/modules/guild-ar/images/logo.png new file mode 100644 index 00000000..cbdc951a Binary files /dev/null and b/view/molistar/modules/guild-ar/images/logo.png differ diff --git a/view/molistar/modules/guild-ar/images/no1.png b/view/molistar/modules/guild-ar/images/no1.png new file mode 100644 index 00000000..8e02d647 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/no1.png differ diff --git a/view/molistar/modules/guild-ar/images/no2.png b/view/molistar/modules/guild-ar/images/no2.png new file mode 100644 index 00000000..e3640452 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/no2.png differ diff --git a/view/molistar/modules/guild-ar/images/no3.png b/view/molistar/modules/guild-ar/images/no3.png new file mode 100644 index 00000000..03e15181 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/no3.png differ diff --git a/view/molistar/modules/guild-ar/images/null.png b/view/molistar/modules/guild-ar/images/null.png new file mode 100644 index 00000000..6d26666b Binary files /dev/null and b/view/molistar/modules/guild-ar/images/null.png differ diff --git a/view/molistar/modules/guild-ar/images/pop.png b/view/molistar/modules/guild-ar/images/pop.png new file mode 100644 index 00000000..efb02544 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/pop.png differ diff --git a/view/molistar/modules/guild-ar/images/right.png b/view/molistar/modules/guild-ar/images/right.png new file mode 100644 index 00000000..9929e5f2 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/right.png differ diff --git a/view/molistar/modules/guild-ar/images/rigth.png b/view/molistar/modules/guild-ar/images/rigth.png new file mode 100644 index 00000000..ba5baf92 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/rigth.png differ diff --git a/view/molistar/modules/guild-ar/images/topBg.png b/view/molistar/modules/guild-ar/images/topBg.png new file mode 100644 index 00000000..25738524 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/topBg.png differ diff --git a/view/molistar/modules/guild-ar/images/travel/back.png b/view/molistar/modules/guild-ar/images/travel/back.png new file mode 100644 index 00000000..2b3812da Binary files /dev/null and b/view/molistar/modules/guild-ar/images/travel/back.png differ diff --git a/view/molistar/modules/guild-ar/images/travel/back3.png b/view/molistar/modules/guild-ar/images/travel/back3.png new file mode 100644 index 00000000..b603b440 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/travel/back3.png differ diff --git a/view/molistar/modules/guild-ar/images/travel/backB.png b/view/molistar/modules/guild-ar/images/travel/backB.png new file mode 100644 index 00000000..92e190c7 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/travel/backB.png differ diff --git a/view/molistar/modules/guild-ar/images/ts1.png b/view/molistar/modules/guild-ar/images/ts1.png new file mode 100644 index 00000000..cca1a210 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/ts1.png differ diff --git a/view/molistar/modules/guild-ar/images/ts2.png b/view/molistar/modules/guild-ar/images/ts2.png new file mode 100644 index 00000000..f52f6436 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/ts2.png differ diff --git a/view/molistar/modules/guild-ar/images/ts3.png b/view/molistar/modules/guild-ar/images/ts3.png new file mode 100644 index 00000000..25917202 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/ts3.png differ diff --git a/view/molistar/modules/guild-ar/images/txK.png b/view/molistar/modules/guild-ar/images/txK.png new file mode 100644 index 00000000..f4a0a03c Binary files /dev/null and b/view/molistar/modules/guild-ar/images/txK.png differ diff --git a/view/molistar/modules/guild-ar/images/upDate.png b/view/molistar/modules/guild-ar/images/upDate.png new file mode 100644 index 00000000..5c62e1e8 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/upDate.png differ diff --git a/view/molistar/modules/guild-ar/images/why.png b/view/molistar/modules/guild-ar/images/why.png new file mode 100644 index 00000000..68b9ba4a Binary files /dev/null and b/view/molistar/modules/guild-ar/images/why.png differ diff --git a/view/molistar/modules/guild-ar/images/xjt.png b/view/molistar/modules/guild-ar/images/xjt.png new file mode 100644 index 00000000..1a3652b4 Binary files /dev/null and b/view/molistar/modules/guild-ar/images/xjt.png differ diff --git a/view/molistar/modules/guild-ar/index.html b/view/molistar/modules/guild-ar/index.html new file mode 100644 index 00000000..0087cf77 --- /dev/null +++ b/view/molistar/modules/guild-ar/index.html @@ -0,0 +1,156 @@ + + + + + + + + + + + + + + +
+ + +
+ +
+ + + +
+
+ + + + + + + + + + + + + + + + +
+ +
+
+ + + + +
+
+ +
+
+ + +
+
+

+

+
+
+
+
+
+
+
+
+
+ +
+
+ + (0) + + +
+ +
+ +
+
+ +

من الوكالة؟XXXxxxهل أنت متأكد أنك تريد إزالة

+
+
+
+
+
+
+ +
+ + 邀请成员 +
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/invitation.html b/view/molistar/modules/guild-ar/invitation.html new file mode 100644 index 00000000..62114753 --- /dev/null +++ b/view/molistar/modules/guild-ar/invitation.html @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + +
+ + + +
+
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/adminSet.js b/view/molistar/modules/guild-ar/js/adminSet.js new file mode 100644 index 00000000..bc24dee9 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/adminSet.js @@ -0,0 +1,156 @@ +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' + }) +} +var roleTypes = getQueryString().roleTypes; +// 初始化函數 +$(function () { + getInfoFromClient(); + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + setTimeout(function () { + // 頁面全屏 + if (browser.app) { + if (browser.android) { + window.androidJsObj.initShowNav(false) + } else { + window.webkit.messageHandlers.initShowNav.postMessage(0) + } + }; + // 頂部返回事件 + $('.back .backs').click(() => { + window.location.href = document.referrer; + }) + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + langReplace = window.lang.replace; + localLang = window.lang; + translateFun(); + }, 100) +}) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').text(langReplace(localLang.adminSet.text1)); + $('.text2').text(langReplace(localLang.adminSet.text2)); + $('.text3').text(langReplace(localLang.adminSet.text3)); + $('.text4').text(langReplace(localLang.adminSet.text4)); + $('.text5').text(langReplace(localLang.adminSet.text5)); + $('.text6').text(langReplace(localLang.adminSet.text6)); + $('.text16').attr('placeholder', langReplace(localLang.demoModule.text16)); + $('.texts1').text(langReplace(localLang.adminSet2.text6)); + $('.texts2').text(langReplace(localLang.adminSet2.text7)); +} +// 搜索接口 +function searchUser(erbanNo) { + var str = ''; + $('ul li').remove(); + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/guild/searchUser', + data: { erbanNo, type: 2 }, + success(res) { + if (res.code === 200) { + console.log(res.data); + // res.data.forEach(res => { + str += ` +
  • + +
    +

    ${res.data.nick}

    + + + + ID:${res.data.erbanNo} +
    +
    ${langReplace(localLang.adminSet.text7)}
    +
    • + ` + // }) + $('ul').append(str); + } else if (res.code == 1404) { + str += ` +
  • + + ${langReplace(localLang.adminSet.text3)} +
    • ` + $('ul').append(str); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 搜索接口 +$('.back .text').click(function () { + var val = $('.back input').val(); + searchUser(val); +}) +// 二次确认弹窗 +$('ul').on('click', 'li .but', function () { + var uid = $(this).attr("uid"); + $('.pub .pub_in .butBox .ok').attr("uid", uid); + $('.pub').show(); +}) +// 二次确认 +$('.pub .pub_in .butBox .ok').click(function () { + var uid = $('.pub .pub_in .butBox .ok').attr("uid"); + setManager(uid); + $('.pub').hide(); +}) +// 添加管理员接口 +function setManager(targetUid) { + showLoading() + networkRequest({ + type: 'post', + url: urlPrefix + '/guild/setManager', + data: { targetUid, type: 1 }, + success(res) { + if (res.code === 200) { + searchUser($('.back input').val()); + toastMsg(langReplace(localLang.adminSet.text8)); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 关闭弹窗 +$('.pub .pub_in .butBox .close').click(function () { + $('.pub').hide(); +}) \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/adminSet2.js b/view/molistar/modules/guild-ar/js/adminSet2.js new file mode 100644 index 00000000..d8c1b21f --- /dev/null +++ b/view/molistar/modules/guild-ar/js/adminSet2.js @@ -0,0 +1,154 @@ +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' + }) +} +var roleTypes = getQueryString().roleTypes; +// 初始化函數 +$(function () { + getInfoFromClient(); + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + setTimeout(function () { + // 頁面全屏 + if (browser.app) { + if (browser.android) { + window.androidJsObj.initShowNav(false) + } else { + window.webkit.messageHandlers.initShowNav.postMessage(0) + } + }; + // 頂部返回事件 + $('.back .backs').click(() => { + window.location.href = "./index.html"; + }) + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + langReplace = window.lang.replace; + localLang = window.lang; + translateFun(); + listManager(); + }, 100) +}) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').text(langReplace(localLang.adminSet2.text1)); + $('.text2').text(langReplace(localLang.adminSet2.text2)); + $('.text3').text(langReplace(localLang.adminSet2.text3)); + $('.text4').text(langReplace(localLang.adminSet2.text4)); + $('.text5').text(langReplace(localLang.adminSet2.text5)); + $('.text6').text(langReplace(localLang.adminSet2.text6)); + $('.text7').text(langReplace(localLang.adminSet2.text7)); +} +// 搜索所有管理员接口 +function listManager() { + $('ul li').remove(); + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/guild/listManager', + success(res) { + if (res.code === 200) { + var str = ''; + if (res.data.length == 0) { + str += ` +
  • + + ${langReplace(localLang.adminSet2.text4)} +
    • ` + } else { + res.data.forEach(res => { + str += ` +
  • +
    ${langReplace(localLang.adminSet2.text8)}
    +
    ${langReplace(localLang.adminSet2.text9)}
    + +
    +

    ${res.nick}

    + + + + ID:${res.erbanNo} +
    +
    ${langReplace(localLang.adminSet2.text10)}
    + ` + }) + } + $('ul').append(str); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 移除管理员按钮 +$('.back .text').click(function () { + window.location.href = `./adminSet.html?roleTypes=${roleTypes}` +}) +// 二次确认弹窗 +$('ul').on('click', 'li .but', function () { + var uid = $(this).attr("uid"); + $('.pub .pub_in .butBox .ok').attr("uid", uid); + $('.pub').show(); +}) +// 二次确认 +$('.pub .pub_in .butBox .ok').click(function () { + var uid = $('.pub .pub_in .butBox .ok').attr("uid"); + setManager(uid); + $('.pub').hide(); +}) +// 移除管理员接口 +function setManager(targetUid) { + showLoading() + networkRequest({ + type: 'post', + url: urlPrefix + '/guild/setManager', + data: { targetUid, type: 0 }, + success(res) { + if (res.code === 200) { + listManager(); + toastMsg(langReplace(localLang.adminSet2.text11)); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 关闭弹窗 +$('.pub .pub_in .butBox .close').click(function () { + $('.pub').hide(); +}) \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/bill.js b/view/molistar/modules/guild-ar/js/bill.js new file mode 100644 index 00000000..c5296b40 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/bill.js @@ -0,0 +1,150 @@ +const urlData = getQueryString(); +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' + }) +} + +var list = []; +var pageNo = 1; +var pageSize = 20; +var canNext = true; +var type = 1 //1--收入 2--支出 + +$(function () { + getInfoFromClient(); + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + setTimeout(function () { + // 頁面全屏 + if (browser.app) { + if (browser.android) { + window.androidJsObj.initShowNav(false) + } else { + window.webkit.messageHandlers.initShowNav.postMessage(0) + } + }; + // 頂部返回事件 + $('.nav .back').click(() => { + window.history.back(); + }) + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + langReplace = window.lang.replace; + localLang = window.lang; + translateFun(); + getData() + }, 100); + + // 页面触底 分页加载 + $(window).scroll(function () { + if ($(this).scrollTop() + $(this).height() >= $(document).height() - 5) { + console.log(list.length); + if (canNext && list.length == pageSize) { + canNext = false + pageNo++; + getData(); + } else { + // toastMsg("No more~"); + } + } + }); + +}); + +function translateFun() { + langReplace = window.lang.replace; + localLang = window.lang; + $('.text1').text(langReplace(localLang.bill.text1)); + $('.text2').text(langReplace(localLang.bill.text2)); + $('.text3').text(langReplace(localLang.bill.text3)); + +} + +// 获取账单列表 +function getData() { + showLoading(); + networkRequest({ + type: "GET", + url: urlPrefix + "/guild/usd/bill/page", + data: { type, pageNo, pageSize, uid: pubInfo.uid }, + success: function (res) { + if (res.code == 200) { + list = res.data + let str = '' + list.forEach(item => { + // tradeType 1 收入 2支出 + // if (item.tradeType == 1) { + str += `
  • +
    +

    ${item.type == 1 ? `${langReplace(localLang.bill.text5)}` : item.type == 2 ? `${langReplace(localLang.bill.text6)}` : item.type == 3 ? `${langReplace(localLang.bill.text7)}` : item.type == 4 ? `（ID:${me.erbanNo}）${langReplace(localLang.bill.text8)} (ID: ${target.erbanNo})` : `${langReplace(localLang.bill.text9)}`}

    + ${item.operateUsdNum.toLocaleString()} ÜS +
    +
    + ${langReplace(localLang.bill.text4)}${item.beforeUsdNum}ÜS->${item.afterUsdNum}ÜS + ${dateFormat(item.createTime, 'yyyy/MM/dd hh:mm:ss')} +
    +
    • ` + // } else { + // str += `
  • + //
    + //

    ${item.type == 1 ? '' : item.type == 2 ? '' : item.type == 3 ? '' : item.type == 4 ? '' : ''}

    + // -${item.operateUsdNum.toLocaleString()} ÜS + //
    + //
    + // Salary:${item.beforeUsdNum}ÜS->${item.afterUsdNum}ÜS + // ${dateFormat(item.createTime, 'yyyy/MM/dd hh:mm:ss')} + //
    + //
    • ` + // } + }); + $('ul').append(str) + } + canNext = true + hideLoading(layerIndex); + }, + error: function (res) { + console.log(res, "报错啦"); + hideLoading(layerIndex); + canNext = true + }, + }); +} + +$(".income_expenses p").click(function () { + let i = $(this).index() + $(this).addClass('act') + $(this).siblings().removeClass('act') + pageNo = 1 + canNext = true + $('ul li').remove() + if (i == 0) { + type = 1 + } else { + type = 2 + } + getData() +}) \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/diamondWithdraw.js b/view/molistar/modules/guild-ar/js/diamondWithdraw.js new file mode 100644 index 00000000..82cb1ed1 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/diamondWithdraw.js @@ -0,0 +1,160 @@ +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' + }) +} +var roleTypes; +var searTime; +var guildNick; +var backgroundUrl; +var payoneer; +var usdt; +var payPal; +var familyMemberId; +// 初始化函數 +$(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(); + getDiamondWithdrawChannel(); + }, 100) +}) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').text(langReplace(localLang.diamondWithdraw.text1)); + $('.text2').text(langReplace(localLang.diamondWithdraw.text2)); + $('.text3').text(langReplace(localLang.diamondWithdraw.text3)); + $('.text4').text(langReplace(localLang.diamondWithdraw.text4)); + $('.text5').text(langReplace(localLang.diamondWithdraw.text5)); + $('.text7').html(langReplace(localLang.diamondWithdraw.text7)); +} + +// 进入薪资页面弹窗按钮 +$('.pub .pub_in .view').click(function () { + window.location.href = `./salary_account.html` +}) + +//获取档位 +function getDiamondWithdrawChannel() { + $('ul li').remove(); + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/guild/usd/getDiamondWithdrawChannel', + success(res) { + if (res.code === 200) { + // 处理当前钻石余额 + $('.myDiamond b').text(res.data.diamondNum); + // 是否支持自定义 + if (res.data.prodChannel.canCustom) { + $('ul').append(` +
  • +

    Custom amount

    +
    • + `) + } + // 处理档位 + var str = ''; + res.data.prodChannel.prodList.forEach((res, i) => { + str += ` +
  • +

    ${res.guildUsdNum} ÜS

    +

    ${res.currencyNum} ${langReplace(localLang.diamondWithdraw.text6)}

    +
    • + ` + }); + $('.but').attr('guildUsdNum', res.data.prodChannel.prodList[0].guildUsdNum); + $('ul').append(str); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) + +} +// 选择档位列表 +$('ul').on('click', 'li', function () { + var guildUsdNum = $(this).attr(`guildUsdNum`); + $(this).addClass('act').siblings().removeClass('act'); + $('.but').attr('guildUsdNum', guildUsdNum); +}) +// 确认提现按钮 +$('.but').click(function () { + var guildUsdNum = $(this).attr(`guildUsdNum`); + showLoading() + networkRequest({ + type: 'post', + url: urlPrefix + '/guild/usd/withdraw', + data: { guildUsdNum }, + success(res) { + if (res.code === 200) { + getDiamondWithdrawChannel(); + $('.pub .pub_in h3 b').text(`${guildUsdNum}`) + $('.pub').show(); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +}) +// 关闭弹窗 +$('.pub .pub_in .close').click(function () { + $('.pub').hide(); +}) +// 跳转薪资页面 +$('.pub .pub_in .view').click(function () { + $('.pub').hide(); + window.location.href = `./salary_account.html` +}) \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/guild.js b/view/molistar/modules/guild-ar/js/guild.js new file mode 100644 index 00000000..3fecaf16 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/guild.js @@ -0,0 +1,145 @@ +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(); + listRank(); + }, 100) +}) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').text(langReplace(localLang.guild.text1)); + $('.text2').text(langReplace(localLang.guild.text2)); + $('.text3').text(langReplace(localLang.guild.text3)); + $('.text4').text(langReplace(localLang.guild.text4)); + $('.text5').text(langReplace(localLang.guild.text5)); + $('.text6').text(langReplace(localLang.guild.text6)); +} +// 搜索按钮 +$('.top img').click(function () { + window.location.href = './search.html' +}) +// 配置接口 +function listRank() { + $('ul li').remove(); + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/guild/listRank', + success(res) { + if (res.code === 200) { + var str = ''; + res.data.forEach((res, i) => { + str += ` +
  • +
    ${i > 2 ? i + 1 : ''}
    + + +
    +

    ${res.familyName}

    + ID:${res.owner.erbanNo} +
    +
    ${langReplace(localLang.guild.text7)}
    +
    • + ` + }) + $('ul').append(str); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 确认加入按钮 +$('ul').on('click', 'li .but', function () { + var familyId = $(this).attr('familyId'); + $('.pub .pub_in .butBox .ok').attr('familyId', familyId); + $('.pub').show(); +}) +// 取消 +$('.pub .pub_in .butBox .close').click(function () { + $('.pub').hide(); +}) +// 二次确认 +$('.pub .pub_in .butBox .ok').click(function () { + var familyId = $(this).attr('familyId'); + apply(familyId); + $('.pub').hide(); +}) +// 配置接口 +function apply(familyId) { + showLoading() + networkRequest({ + type: 'post', + url: urlPrefix + '/guild/manager/apply', + data: { guildId:familyId }, + success(res) { + if (res.code === 200) { + toastMsg(langReplace(localLang.guild.text8)) + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/guildInfoSet.js b/view/molistar/modules/guild-ar/js/guildInfoSet.js new file mode 100644 index 00000000..6de916f1 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/guildInfoSet.js @@ -0,0 +1,229 @@ +let urlPrefix = getUrlPrefix() +let browser = checkVersion() +let env = EnvCheck(); +if (env == 'test') { + new VConsole(); +} +var urlDate = getQueryString(); +// 封裝layer消息提醒框 +let layerIndex +var langReplace; +var localLang; +var newBg; +var textConte1; +var textConte2; +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.location.href = './index.html'; + }) + // pubInfo['Accept-Language'] = 'ar' + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + langReplace = window.lang.replace; + localLang = window.lang; + translateFun(); + textConte1 = langReplace(localLang.guildInfoSet.textConte1); + textConte2 = langReplace(localLang.guildInfoSet.textConte2); + $('.name input').val(urlDate.guildNick); + $('.payoneer input').val(urlDate.payoneer == undefined ? urlDate.payoneer : ''); + $('.usdt input').val(urlDate.usdt == undefined ? urlDate.usdt : ''); + $('.paypal input').val(urlDate.payPal == undefined ? urlDate.payPal : ''); + $('.background img').attr('src', urlDate.backgroundUrl); + newBg = urlDate.backgroundUrl; + if ($('.payoneer input').val() != '') { + $('.payoneer span').hide(); + $('.payoneer input').attr('disabled', true); + } + if ($('.usdt input').val() != '') { + $('.usdt span').hide(); + $('.usdt input').attr('disabled', true); + } + if ($('.paypal input').val() != '') { + $('.paypal span').hide(); + $('.paypal input').attr('disabled', true); + } + }, 100) +}) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').text(langReplace(localLang.guildInfoSet.text1)); + $('.text2').text(langReplace(localLang.guildInfoSet.text2)); + $('.text3').text(langReplace(localLang.guildInfoSet.text3)); + $('.text4').attr('placeholder', langReplace(localLang.guildInfoSet.text4)); + $('.text5').text(langReplace(localLang.guildInfoSet.text5)); + $('.text6').text(langReplace(localLang.guildInfoSet.text6)); + $('.text7').text(langReplace(localLang.guildInfoSet.text7)); + $('.textConte2').text(langReplace(localLang.guildInfoSet.textConte2)); + $('.textConte3').text(langReplace(localLang.guildInfoSet.textConte3)); + $('.textConte1').text(langReplace(localLang.guildInfoSet.textConte1)); + $('.textConte4').text(langReplace(localLang.guildInfoSet.textConte4)); + +} +// 上傳图片接口 +function getUploadToken() { + const backImage = document.getElementById('backImageUpload').files[0]; + showLoading() + networkRequest({ + type: 'GET', + url: urlPrefix + '/qiniu/upload/getUploadToken', + success(res) { + if (res.code === 200) { + var frontImageKey = res.data.key; + var frontImageToken = res.data.token; + showLoading() + const observable = qiniu.upload( + backImage, + frontImageKey, + frontImageToken + ); + observable.subscribe({ + complete: (res) => { + console.log(res); + $('.background img').attr('src', res.path); + setInfo(null, res.path, function () { }); + // toastMsg(langReplace(localLang.guildInfoSet.text8)) + }, + }); + } else { + toastMsg(res.message) + } + // hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +function fileChangeF(e) { + var filesList = document.querySelector('#backImageUpload').files; + if (filesList.length == 0) { + return; + } + getUploadToken(2) +} + +// 保存接口 +function setInfo(name, backgroundUrl, fun) { + showLoading() + networkRequest({ + type: 'post', + url: urlPrefix + '/guild/setInfo', + data: { name, backgroundUrl }, + success(res) { + if (res.code === 200) { + fun(); + // window.location.href = "./index.html" + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 保存按钮 +$('.boxBut .ok').click(function () { + var name = $('.nick input').val(); + var bgUrl = $('.bg img').attr('src'); + setInfo(name, bgUrl); +}) +// 修改昵称按钮 +var statusName = true; +$('.name span').click(function () { + if (statusName) { + $('.name span').addClass('act'); + $('.name span').text(textConte1); + $('.name input').attr("disabled", false); + $('.name input').val(""); + $('.name input').focus(); + statusName = false; + } else { + var funParams = function (params) { + $('.name span').removeClass('act'); + $('.name span').text(textConte2); + $('.name input').attr("disabled", true); + $('.name input').val($('.name input').val()) + statusName = true; + } + setInfo($('.name input').val(), null, funParams) + } +}) +// 保存账户接口 +function savePayAccount(payoneer, usdt, payPal, fun) { + showLoading() + networkRequest({ + type: 'post', + url: urlPrefix + '/guild/savePayAccount', + data: { payoneer, usdt, payPal }, + success(res) { + if (res.code === 200) { + fun(); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +$('.payoneer span').click(function () { + var funParams = function (params) { + $('.payoneer input').val($('.payoneer input').val()) + $('.payoneer span').hide(); + } + savePayAccount($('.payoneer input').val(), null, null, funParams) +}) +$('.usdt span').click(function () { + var funParams = function (params) { + $('.usdt input').val($('.usdt input').val()) + $('.usdt span').hide(); + } + savePayAccount(null, $('.usdt input').val(), null, funParams) +}) +$('.paypal span').click(function () { + var funParams = function (params) { + $('.paypal input').val($('.paypal input').val()) + $('.paypal span').hide(); + } + savePayAccount(null, null, $('.paypal input').val(), funParams) +}) \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/index.js b/view/molistar/modules/guild-ar/js/index.js new file mode 100644 index 00000000..c8fff064 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/index.js @@ -0,0 +1,336 @@ +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' + }) +} +var roleTypes; +var searTime; +var guildNick; +var backgroundUrl; +var payoneer; +var usdt; +var payPal; +var familyMemberId; +// 初始化函數 +$(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(); + get(); + }, 100) +}) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').text(langReplace(localLang.demoModule.text1)); + // $('.text2').text(langReplace(localLang.demoModule.text2)); + $('.text3').text(langReplace(localLang.demoModule.text3)); + $('.text4').text(langReplace(localLang.demoModule.text4)); + $('.text5').text(langReplace(localLang.demoModule.text5)); + $('.text6').text(langReplace(localLang.demoModule.text6)); + $('.text7').text(langReplace(localLang.demoModule.text7)); + $('.text8').text(langReplace(localLang.demoModule.text8)); + $('.text9').text(langReplace(localLang.demoModule.text9)); + $('.text10').text(langReplace(localLang.demoModule.text10)); + $('.text16').attr('placeholder', langReplace(localLang.demoModule.text16)); + $('.texts1').text(langReplace(localLang.demoModule.texts1)); + $('.texts2').text(langReplace(localLang.demoModule.texts2)); + $('.texts3').text(langReplace(localLang.demoModule.texts3)); + $('.texts4').text(langReplace(localLang.demoModule.texts4)); + $('.texts5').text(langReplace(localLang.demoModule.texts5)); + $('.newtext1').text(langReplace(localLang.demoModule.newtext1)); + $('.newtext2').text(langReplace(localLang.demoModule.newtext2)); + $('.newtext3').text(langReplace(localLang.demoModule.newtext3)); + $('.newtext4').text(langReplace(localLang.demoModule.newtext4)); + $('.newtext5').text(langReplace(localLang.demoModule.newtext5)); + $('.newtext6').text(langReplace(localLang.demoModule.newtext6)); + $('.newtext7').text(langReplace(localLang.demoModule.newtext7)); +} +// 判断公会身份函数 +function guildFun(type) { + // 公会长 + if (type == 1) { + $('.guildList .top img').show() + $('.guildList .top input').show() + $('.header .headerBox .myWages').hide() + } + // 管理员 + else if (type == 2) { + $('.header .headerBox .guildInfoSet').hide(); + $('.header .headerBox .adminSet').hide(); + $('.guildList .top input').show() + $('.memberFlow2').hide() + } + // 普通成员 + else if (type == 3) { + $('.header .headerBox .guildInfoSet').hide(); + $('.header .headerBox .adminSet').hide(); + $('.header .headerBox .memberFlow').hide(); + $('.header .memberFlowMy').show() + $('.header .guildNick').show() + $('.guildList .top input').show() + $('.memberFlow2').hide(); + + } + // 非公会成员 + else { + } +} +// 配置接口 +function get() { + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/guild/get', + success(res) { + if (res.code === 200) { + // 判断身份 + roleTypes = res.data.roleType; + guildFun(roleTypes); + if (res.data.wageEnable == false) { + $('.hmemberFlow2').hide() + $('.header .headerBox .myWages').hide() + } + $('.text2').text(res.data.name) + // 渲染贵族等级 + var cycleDiamondWageLevel = res.data.cycleDiamondWageLevel; + $('.agencylevel .agencylevelInfo h3 b').text(cycleDiamondWageLevel.curLevel); + $('.agencylevel .agencylevelInfo h4 b').text(cycleDiamondWageLevel.nextLevelGap); + $('.agencylevel .agencylevelInfo .bottom div').eq(0).text(`${cycleDiamondWageLevel.curLevel}(${unitProcessingAr(cycleDiamondWageLevel.curLevelWage, 0)})`); + $('.agencylevel .agencylevelInfo .bottom div').eq(1).text(`${cycleDiamondWageLevel.nextLevel}(${unitProcessingAr(cycleDiamondWageLevel.nextLevelWage, 0)})`); + // $('.agencylevel .agencylevelInfo .line .line_in').css('width', (cycleDiamondWageLevel.nextLevelWage - cycleDiamondWageLevel.nextLevelGap) / cycleDiamondWageLevel.nextLevelWage * 100 + '%') + $('.agencylevel .agencylevelInfo .line .line_in').css('width', (cycleDiamondWageLevel.nextLevelWage - cycleDiamondWageLevel.curLevelWage) / (cycleDiamondWageLevel.nextLevelWage - cycleDiamondWageLevel.curLevelWage) * 100 + '%') + res.data.authCodes.forEach((res) => { + console.log(res); + if (res == 'set_info') { + $('.guildInfoSet').show(); + } + if (res == 'set_manager') { + $('.adminSet').show(); + } + if (res == 'look_income') { + $('.memberFlow').show(); + } + if (res == 'guild_usd_account') { + $('.memberFlow2').show(); + } + }) + // 渲染基本信息 + $('.header .tx').attr('src', res.data.me.avatar); + $('.header .nick').text(res.data.me.nick); + guildNick = res.data.name; + backgroundUrl = res.data.backgroundUrl; + if (res.data.payAccount) { + payoneer = res.data.payAccount.payoneer; + usdt = res.data.payAccount.usdt; + payPal = res.data.payAccount.payPal; + } + familyMemberId = res.data.familyMemberId; + $('.header .id').text('ID：' + res.data.me.erbanNo); + $('.header').css({ "background": `url(${res.data.backgroundUrl}) no-repeat`, "background-size": "cover" }); + $('.header .guildNick').text(langReplace(localLang.demoModule.text11) + res.data.name); + // 处理成员 + var str = ''; + $('.guildList .top i').text(`(${res.data.members.length})`); + $('.guildList ul li').remove(); + res.data.members.forEach((res, i) => { + str += ` +
  • +
    ${langReplace(localLang.demoModule.text12)}
    +
    ${langReplace(localLang.demoModule.text13)}
    + +
    +

    ${res.nick}

    + + + + ID:${res.erbanNo} +
    + ${roleTypes == 1 && res.roleType != 1 ? `
    ${langReplace(localLang.demoModule.text14)}
    ` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `
    ${langReplace(localLang.demoModule.text14)}
    ` : ``} + +
    • + ` + }); + $('.guildList ul').append(str); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 监听移除输入框 +$(".guildList .top input").bind("input propertychange", function () { + let value = $(this).val()//拿到输入的值 + clearTimeout(searTime); + searTime = setTimeout(function () { + searchUser(value); + }, 800) +}) +// 搜索移除接口 +function searchUser(erbanNo) { + if (erbanNo == '') { + get(); + } else { + $('.guildList ul li').remove(); + networkRequest({ + type: 'get', + url: urlPrefix + '/guild/searchUser', + data: { erbanNo, type: 2 }, + success(res) { + if (res.code === 200) { + var res = res.data; + var str = ` +
  • +
    ${langReplace(localLang.demoModule.text12)}
    +
    ${langReplace(localLang.demoModule.text13)}
    + +
    +

    ${res.nick}

    + + + + ID:${res.erbanNo} +
    + ${roleTypes == 1 ? `
    ${langReplace(localLang.demoModule.text14)}
    ` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `
    ${langReplace(localLang.demoModule.text14)}
    ` : ``} +
    • + ` + $('.guildList ul').append(str); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) + } +} +// 移除按钮 +$('.guildList ul').on('click', 'li .but', function () { + var uid = $(this).attr('uid'); + var nick = $(this).attr('nick'); + $('.pub .pub_in p').text(langReplace(localLang.demoModule.text15)); + $('.pub .pub_in .butBox .ok').attr("uid", uid); + $('.pub').show(); +}) +// 跳转个人资料页 +$('.guildList ul').on('click', 'li .tx', function () { + var uid = $(this).attr('uid'); + if (browser.ios) { + window.webkit.messageHandlers.openPersonPage.postMessage(uid); + setTimeout(function () { lock = true; }, 200) + } else if (browser.android) { + if (androidJsObj && typeof androidJsObj === 'object') { + window.androidJsObj.openPersonPage(uid); + } + } +}) + +//移除接口 +function setManager(targetUid) { + $('.guildList ul li').remove(); + networkRequest({ + type: 'post', + url: urlPrefix + '/guild/removeMember', + data: { targetUid }, + success(res) { + if (res.code === 200) { + $('.pub').hide(); + get(); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) + +} +// 确认移除此人按钮 +$('.pub .pub_in .butBox .ok').click(function () { + var uid = $(this).attr('uid'); + setManager(uid) +}) +// 关闭弹窗 +$('.pub .pub_in .butBox .close').click(function () { + $('.pub').hide(); +}) +// 管理员设置 +$('.adminSet').click(function () { + window.location.href = `./adminSet2.html?roleTypes=${roleTypes}` +}) +// 公会信息设置 +$('.guildInfoSet').click(function () { + window.location.href = `./guildInfoSet.html?guildNick=${guildNick}&backgroundUrl=${backgroundUrl}&payoneer=${payoneer}&usdt=${usdt}&payPal=${payPal}` +}) +// 我的收入 +$('.memberFlow').click(function (params) { + window.location.href = `./personal.html` +}) +// 薪资账户 +$('.memberFlow2').click(function (params) { + window.location.href = `./salary_account.html` +}) +// 邀请成员 +$('.inveMember').click(function (params) { + window.location.href = `./invitation.html` +}) +// 我的工资 +$(`.myWages`).click(function (params) { + window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}` +}) \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/invitation.js b/view/molistar/modules/guild-ar/js/invitation.js new file mode 100644 index 00000000..df23debd --- /dev/null +++ b/view/molistar/modules/guild-ar/js/invitation.js @@ -0,0 +1,147 @@ +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 .backs').click(() => { + window.location.href = document.referrer; + }) + fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言 + langReplace = window.lang.replace; + localLang = window.lang; + translateFun(); + }, 100) +}) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').text(langReplace(localLang.invitation.text1)); + $('.text2').attr("placeholder", langReplace(localLang.invitation.text2)); + $('.text3').text(langReplace(localLang.invitation.text3)); + $('.text4').text(langReplace(localLang.invitation.text4)); + $('.text5').text(langReplace(localLang.invitation.text5)); + $('.text6').text(langReplace(localLang.invitation.text6)); + $('.text7').text(langReplace(localLang.invitation.text7)); +} +// 搜索接口 +function searchUser(erbanNo) { + var str = ''; + $('ul li').remove(); + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/guild/searchUser', + data: { erbanNo, type: 1 }, + success(res) { + if (res.code === 200) { + str += ` +
  • + +
    +

    ${res.data.nick}

    + + + + ID:${res.data.erbanNo} +
    +
    ${langReplace(localLang.invitation.text8)}
    +
    • + ` + $('ul').append(str); + } else if (res.code == 1404) { + str += ` +
  • + + ${langReplace(localLang.invitation.text9)} +
    • ` + $('ul').append(str); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 搜索用户按钮 +$('.back .text').click(function () { + var val = $('.back input').val(); + searchUser(val); +}) +// 搜索用户按钮 +$('ul').on('click', ' li .but', function () { + var uid = $(this).attr('uid'); + $('.pub .pub_in .butBox .ok').attr('uid', uid) + $('.pub').show(); +}) +$('.pub .pub_in .butBox .ok').click(function (params) { + var uid = $(this).attr('uid'); + invite(uid) +}) +$('.pub .pub_in .butBox .close').click(function (params) { + $('.pub').hide(); +}) +// 邀请接口 +function invite(targetUid) { + showLoading() + networkRequest({ + type: 'post', + url: urlPrefix + '/guild/manager/invite', + data: { targetUid }, + success(res) { + if (res.code === 200) { + toastMsg(langReplace(localLang.invitation.text10)) + $('.pub').hide(); + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/lay-picker.min.js b/view/molistar/modules/guild-ar/js/lay-picker.min.js new file mode 100644 index 00000000..22b96cc2 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/lay-picker.min.js @@ -0,0 +1,1086 @@ +/** + * + * 移动端底部抽屉选择器 + * + * @author yyq + * @CSDN 慕云枫 + * @date 2024-01-12 + * @version 1.7 + */ +var layPicker = { + index: 0, // 递增的index，作为元素的唯一标识 + indexList: [], // 每个index的集合 + offset: {}, // 每个ul元素的滚动位置 + liHeight: 50, // 每个li的高度 + selectList: {}, // 存储每个被选中的值，li下标 + textField: 'name', // 参数名称-内容 + valueField: 'value',// 参数名称-值 + fieldList: {}, // 参数名称集 + dataList: {}, // 数据集合 + tempSearchList: {}, // 临时存储搜索前的主数据 + minMaxData: {}, // 最小最大限制数据 + init: function (data) { + layPicker.index++; + layPicker.indexList.push(layPicker.index); + var key = '' + layPicker.index; + // 参数名称替换 + layPicker.fieldList[key] = { + textField: data.textField || layPicker.textField, + valueField: data.valueField || layPicker.valueField, + }; + // 滚动位置初始化 + layPicker.offset[key] = { + start: {}, + move: {}, + end: { state: false }, + }; + // 日期选择器-获取对应值 + if (data.options) { + var minObj = lay_picker_date.getMinOrMaxDate(data.minDate); + var maxObj = lay_picker_date.getMinOrMaxDate(data.maxDate); + layPicker.minMaxData[key] = {}; + layPicker.minMaxData[key]['minObj'] = minObj; + layPicker.minMaxData[key]['maxObj'] = maxObj; + layPicker.minMaxData[key]['options'] = data.options; + data.data = lay_picker_date.getData(data.options, key); + } + // 选中值初始化 + layPicker.selectList[key] = {}; + // 数据集 + layPicker.dataList[key] = data.data; + // 渲染标签 + var html = layPicker.initBody(data, key); + $('body').append(html); + // 给绑定元素添加标识 + $(data.elem).attr('readonly', true); + $(data.elem).attr('lay-picker-id', key); + + // 不等于自定义html才需要执行这些操作 + if (!data.type || data.type != 3) { + // 初始化标签和值 + layPicker.initBox(data.data, key); + layPicker.initSelect(key); + // 日期选择器-赋值 + if (data.options) { + layPicker.setValue(key, lay_picker_date.getVoluation(data.options, layPicker.fieldList[key].valueField), data.options); + } + // 搜索监听 + if (data.search) { + layPicker.tempSearchList[key] = data.data[0]; + var temp_keyup; + $('#lay-picker-input-' + key).on('keyup', function () { + var value = $(this).val(); + clearTimeout(temp_keyup); + temp_keyup = setTimeout(function () { + var tempArray = []; + if (value) { + var arr = layPicker.tempSearchList[key]; + for (var i = 0; i < arr.length; i++) { + var obj = arr[i]; + var text = layPicker.fieldList[key].textField; + if (obj[text].indexOf(value) != -1) { + tempArray.push(obj); + } + } + } else { + tempArray = layPicker.tempSearchList[key]; + } + layPicker.setData(key, -1, tempArray); + }, 500) + }); + } + // 滑动-开始（手指放在页面时触发） + $('.lay-picker-' + key).on('touchstart', '.lay-picker-list-wrap', function (e) { + var touch = e.originalEvent.targetTouches[0]; + if (layPicker.tempInter) { + clearInterval(layPicker.tempInter); + layPicker.tempInter = null; + layPicker.offset[key].move.y = touch.clientY; + } + layPicker.offset[key].move.len = 0; + layPicker.offset[key].end.state = true; + layPicker.offset[key].start.y = touch.clientY; + var ul = $(this).find('ul')[0]; + layPicker.offset[key].start.top = parseInt(ul.style.transform.split(",")[1].replace('px', '')) || 0; + e.stopPropagation(); // 防止屏幕滑动 + }); + // 滑动-中（手指移动时触发） + $('.lay-picker-' + key).on('touchmove', '.lay-picker-list-wrap', function (e) { + var touch = e.originalEvent.targetTouches[0]; + layPicker.offset[key].move.y = touch.clientY; + var y = layPicker.offset[key].move.y - layPicker.offset[key].start.y + layPicker.offset[key].start.top; + $(this).find('ul').css('transform', 'translate3d(0px, ' + y + 'px, 0px)'); + layPicker.offset[key].end.y = y; + e.stopPropagation(); + e.preventDefault();// 防止屏幕滑动 + }); + // 滑动-结束（手指离开页面时触发） + $('.lay-picker-' + key).on('touchend', '.lay-picker-list-wrap', function (e) { + layPicker.offset[key].move.state = true; + var tempLen = 1; + if (layPicker.offset[key].start.y > layPicker.offset[key].move.y) { + layPicker.offset[key].move.num = true; + tempLen = layPicker.offset[key].start.y - layPicker.offset[key].move.y; + } else { + layPicker.offset[key].move.num = false; + tempLen = layPicker.offset[key].move.y - layPicker.offset[key].start.y; + } + tempLen = tempLen / layPicker.liHeight; + var _this = this; + var ul = $(_this).find('ul')[0], ul2 = $(_this).find('ul'); + var tempNum = 1; + layPicker.tempInter = setInterval(function () { + tempNum++; + var tempTop = layPicker.offset[key].start.top; + layPicker.offset[key].start.top = parseInt(ul.style.transform.split(",")[1].replace('px', '')) || 0; + if (tempLen <= 3 + || tempTop >= 0 + || layPicker.offset[key].start.top >= 0 + || ((ul.children.length - 1) * layPicker.liHeight) <= Math.abs(tempTop) + || ((ul.children.length - 1) * layPicker.liHeight) <= Math.abs(layPicker.offset[key].start.top)) { + tempNum = tempLen; + } else { + layPicker.offset[key].start.y = layPicker.offset[key].move.y; + if (layPicker.offset[key].move.num) { + layPicker.offset[key].move.y = layPicker.offset[key].move.y - ((tempLen - tempNum) * layPicker.liHeight); + } else { + if (layPicker.offset[key].move.y < 0) { + layPicker.offset[key].move.y = layPicker.offset[key].move.y - ((tempLen - tempNum) * layPicker.liHeight); + } else { + layPicker.offset[key].move.y = layPicker.offset[key].move.y + ((tempLen - tempNum) * layPicker.liHeight); + } + } + var y = layPicker.offset[key].move.y - layPicker.offset[key].start.y + layPicker.offset[key].start.top; + ul2.css('transform', 'translate3d(0px, ' + y + 'px, 0px)'); + layPicker.offset[key].end.y = y; + } + // 在这前面的都是实现延迟继续滚动效果,这下面的则是原来的效果 + if (tempNum >= tempLen) { + clearInterval(layPicker.tempInter); + layPicker.offset[key].end.state = false; + var itemHeight = layPicker.liHeight; + var sign = layPicker.offset[key].end.y >= 0 ? 1 : -1; + var thisIndex = $(_this).attr("index"); + // 计算超出回弹 + var fieldIndex = Math.round(Math.abs(layPicker.offset[key].end.y) / itemHeight); + var len = sign * (fieldIndex * itemHeight); + if (len > 0) { + len = 0; + fieldIndex = 0; + } else if (len < -(ul.children.length - 1) * itemHeight) { + len = -(ul.children.length - 1) * itemHeight; + fieldIndex = ul.children.length - 1; + }; + ul2.css('transform', 'translate3d(0px, ' + len + 'px, 0px)'); + layPicker.selectList[key][thisIndex] = fieldIndex; + // 获取选中值 + var list = layPicker.dataList[key]; + var resultArray = []; + for (var k in layPicker.selectList[key]) { + var arr = list[Number(k)] + if (arr && arr.length > 0) { + var obj = arr[layPicker.selectList[key][k]] + resultArray.push(obj); + } + } + // 回调 + if (data.onSelect) { + data.onSelect(key, thisIndex, resultArray); + } + // 日期选择器-赋值day + if (data.options) { + var valList = layPicker.setOptions(data.options, key, resultArray, thisIndex); + layPicker.setValue(key, valList); // 赋值，以位置类推 + } + } + }, 100) + e.stopPropagation();// 防止屏幕滑动 + }); + // 取消-点击 + $('.lay-picker-' + key).on("click", ".lay-picker-cancel-click", function (e) { + layPicker.hiden($(this).parents('.lay-picker').attr('lay-index')); + if (data.onCancel) { + data.onCancel(key); + } + }); + // 确认-点击 + $('.lay-picker-' + key).on("click", ".lay-picker-confirm-click", function (e) { + layPicker.hiden($(this).parents('.lay-picker').attr('lay-index')); + var list = layPicker.dataList[key]; + var v = '', resultArray = []; + for (var k in layPicker.selectList[key]) { + var arr = list[Number(k)] + if (arr && arr.length > 0) { + var obj = arr[layPicker.selectList[key][k]] + if (data.options && (data.options == 'time' || data.options == 'timesecond' || data.options == 'datetime' || data.options == 'datetimesecond')) { + if (data.options == 'time' || data.options == 'timesecond') { + v += obj[layPicker.fieldList[key].valueField] + ":"; + } else if ((data.options == 'datetime' || data.options == 'datetimesecond') && Number(k) == 2) { + v += obj[layPicker.fieldList[key].valueField] + " "; + } else if ((data.options == 'datetime' || data.options == 'datetimesecond') && Number(k) > 2) { + v += obj[layPicker.fieldList[key].valueField] + ":"; + } else { + v += obj[layPicker.fieldList[key].valueField] + "-"; + } + } else { + v += obj[layPicker.fieldList[key].valueField] + "-"; + } + resultArray.push(obj); + } + } + if (data.onConfirm) { + data.onConfirm(key, v.substring(0, v.length - 1), resultArray); + } + }); + } + // 绑定元素-点击 + $(data.elem).on('click', function (e) { + layPicker.show($(this).attr('lay-picker-id')); + if (data.onShow) { + data.onShow(key); + } + }) + // 遮罩-点击 + $('.lay-picker-' + key).on("click", ".lay-picker-shade", function (e) { + layPicker.hiden($(this).parents('.lay-picker').attr('lay-index')); + if (data.onShade) { + data.onShade(key); + } + }); + // 成功回调 + if (data.onSuccess) { + data.onSuccess(key, '.lay-picker-' + key); + } + return key; + }, + /** 重置值*/ + setOptions: function (options, key, resultArray, thisIndex) { + var valList = []; + if (options == 'month' || options == 'date' || options == 'datetime' || options == 'datetimesecond') { + if (thisIndex == 0) { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getMonth(resultArray, key)); + if (options != 'month') { + layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getDay(resultArray, key)); + } + } else if (thisIndex == 1 && options != 'month') { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getDay(resultArray, key)); + } + if (options != 'month') { + var tempDay = resultArray[2][layPicker.fieldList[key].valueField]; + var lastDay = lay_picker_date.getLastDay(resultArray); + if (Number(tempDay) > lastDay) { + tempDay = lastDay; + } + valList = [ + { value: resultArray[0][layPicker.fieldList[key].valueField] }, + { value: resultArray[1][layPicker.fieldList[key].valueField] }, + { value: tempDay }, + ]; + if (options == 'datetime' || options == 'datetimesecond') { + if (thisIndex == 0) { + layPicker.setData(key, Number(thisIndex) + 2, lay_picker_date.getHours(resultArray, key)); + layPicker.setData(key, Number(thisIndex) + 3, lay_picker_date.getMinutes(resultArray, key)); + } else if (thisIndex == 1) { + layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getHours(resultArray, key)); + layPicker.setData(key, Number(thisIndex) + 2, lay_picker_date.getMinutes(resultArray, key)); + } else if (thisIndex == 2) { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getHours(resultArray, key)); + layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getMinutes(resultArray, key)); + } else if (thisIndex == 3) { + layPicker.setData(key, thisIndex, lay_picker_date.getMinutes(resultArray, key)); + } + valList.push({ value: resultArray[3][layPicker.fieldList[key].valueField] }) + valList.push({ value: resultArray[4][layPicker.fieldList[key].valueField] }) + if (options == 'datetimesecond') { + if (thisIndex == 0) { + layPicker.setData(key, Number(thisIndex) + 4, lay_picker_date.getSeconds(resultArray, key)); + } else if (thisIndex == 1) { + layPicker.setData(key, Number(thisIndex) + 3, lay_picker_date.getSeconds(resultArray, key)); + } else if (thisIndex == 2) { + layPicker.setData(key, Number(thisIndex) + 2, lay_picker_date.getSeconds(resultArray, key)); + } else if (thisIndex == 3) { + layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getSeconds(resultArray, key)); + } else if (thisIndex == 4) { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getSeconds(resultArray, key)); + } + valList.push({ value: resultArray[5][layPicker.fieldList[key].valueField] }) + } + } + } + } + if (options == 'time' || options == 'timesecond') { + if (thisIndex == 0) { + layPicker.setData(key, thisIndex, lay_picker_date.getMinutes(resultArray, key, 1)); + } + valList = [ + { value: resultArray[0][layPicker.fieldList[key].valueField] }, + { value: resultArray[1][layPicker.fieldList[key].valueField] }, + ]; + if (options == 'timesecond') { + if (thisIndex == 0) { + layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getSeconds(resultArray, key, 1)); + } else if (thisIndex == 1) { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getSeconds(resultArray, key, 1)); + } + valList.push({ value: resultArray[2][layPicker.fieldList[key].valueField] }); + } + } + return valList; + }, + initBody: function (data, index) { + var s = ''; + s += ''; + } else if (data.type == 2) { + var sumHeight = 350; // 高度超出出现滚动条 + sumHeight = (data.title) ? sumHeight += 80 : sumHeight; + sumHeight = (data.search) ? sumHeight += 80 : sumHeight; + var h = $(window).height(); + var radius = (data.radius ? 'border-radius: ' + data.radius + 'px ' + data.radius + 'px 0px 0;' : ''); + s += '
    '; + if (data.title) { + s += '
    '; + s += '
    ' + (data.title || '') + '
    '; + s += '
    '; + } + if (data.search) { + s += '
    '; + s += ' '; + s += '
    '; + } + s += '
    '; + s += '
    '; + s += '
    '; + s += '
    '; + s += '
    '; + s += '
    '; + s += ' ' + cancel + ''; + s += ' ' + confirm + ''; + s += '
    '; + s += '
    '; + s += ''; + } else { + var sumHeight = 350; // 高度超出出现滚动条 + sumHeight = (data.search) ? sumHeight += 80 : sumHeight; + var h = $(window).height(); + var radius = (data.radius ? 'border-radius: ' + data.radius + 'px ' + data.radius + 'px 0px 0;' : ''); + s += '
    '; + s += '
    '; + s += '
    ' + (data.title || '') + '
    '; + s += '
    '; + s += ' ' + cancel + ''; + s += ' ' + confirm + ''; + s += '
    '; + s += '
    '; + if (data.search) { + s += '
    '; + s += ' '; + s += '
    '; + } + s += '
    '; + s += '
    '; + s += '
    '; + s += '
    '; + s += '
    '; + s += '
    '; + s += ''; + } + return s; + }, + initBox: function (data, index) { + var len = 100 / data.length; + var box = $('.lay-picker-' + index).find('.lay-picker-box'); + for (var i = 0; i < data.length; i++) { + var div = $('
    '); + var ul = $(''); + for (var j = 0; j < data[i].length; j++) { + var li = $('
  • ' + data[i][j][layPicker.fieldList[index].textField] + '
    • '); + ul.append(li); + } + div.append(ul); + box.append(div); + } + }, + initSelect: function (index) { + var list = layPicker.dataList[index]; + for (var i = 0; i < list.length; i++) { + layPicker.selectList[index][i + ''] = 0; + } + }, + setData: function (index, i, data, trends) { + var t_index = (Number(i) + 1); + var ul = $('.lay-picker-' + index).find('.lay-picker-box').find('[index=' + t_index + ']>ul'); + ul.empty(); + ul.css('transform', 'translate3d(0px, 0px, 0px)'); + for (var i = 0; i < data.length; i++) { + var li = $('
  • ' + data[i][layPicker.fieldList[index].textField] + '
    • '); + ul.append(li); + } + layPicker.selectList[index][t_index + ''] = 0; + layPicker.dataList[index][t_index] = data; + + }, + setDataTrends: function (index, i, data) { + var t_index = (Number(i) + 1); + if (!data || data.length == 0) { + layPicker.deleteData(index, i, t_index); + var len = 100 / layPicker.dataList[index].length; + $('.lay-picker-' + index).find('.lay-picker-list-wrap').css('width', len + '%'); + return; + } + var data_len = t_index > layPicker.dataList[index].length - 1; + if (data_len) { + layPicker.dataList[index].push(data); + } else { + layPicker.dataList[index][t_index] = data; + layPicker.deleteData(index, t_index, t_index + 1); + } + var box = $('.lay-picker-' + index).find('.lay-picker-box'); + var len = 100 / layPicker.dataList[index].length; + $('.lay-picker-' + index).find('.lay-picker-list-wrap').css('width', len + '%'); + if (data_len) { + var div = $('
    '); + box.append(div); + } + var ul = $('.lay-picker-' + index).find('.lay-picker-box').find('[index=' + t_index + ']>ul'); + ul.empty(); + ul.css('transform', 'translate3d(0px, 0px, 0px)'); + for (var i = 0; i < data.length; i++) { + var li = $('
  • ' + data[i][layPicker.fieldList[index].textField] + '
    • '); + ul.append(li); + } + layPicker.selectList[index][t_index + ''] = 0; + }, + deleteData: function (index, i, t_index) { + if (layPicker.dataList[index].length > Number(i)) { + for (var i = t_index; i < layPicker.dataList[index].length; i++) { + layPicker.dataList[index].splice(i, 1); + $('.lay-picker-' + index).find('.lay-picker-box').find('[index=' + i + ']').remove(); + return layPicker.deleteData(index, i, t_index); + } + } + }, + setValue: function (index, data, options) { + var list = layPicker.dataList[index]; + var box = $('.lay-picker-' + index).find('.lay-picker-box'); + for (var i = 0; i < data.length; i++) { + data[i].value = Number(data[i].value) < 10 ? '0' + Number(data[i].value) : data[i].value; + } + if (!options && layPicker.minMaxData[index]) { + options = layPicker.minMaxData[index]['options']; + } + for (var i = 0; i < data.length; i++) { + var arr = list[i]; + for (var j = 0; j < arr.length; j++) { + if (arr[j][layPicker.fieldList[index].valueField] == data[i][layPicker.fieldList[index].valueField]) { + layPicker.selectList[index][i + ''] = j; + if (options) { + layPicker.setOptionsValue(options, index, data, i); + } + var y = j * layPicker.liHeight; + box.find('[index=' + i + ']>ul').css('transform', 'translate3d(0px, -' + y + 'px, 0px)'); + } + } + } + }, + setOptionsValue: function (options, key, resultArray, thisIndex) { + if (options == 'month' || options == 'date' || options == 'datetime' || options == 'datetimesecond') { + if (thisIndex == 0) { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getMonth(resultArray, key)); + } else if (thisIndex == 1 && options != 'month') { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getDay(resultArray, key)); + } + if (options == 'datetime' || options == 'datetimesecond') { + if (thisIndex == 2) { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getHours(resultArray, key)); + } else if (thisIndex == 3) { + layPicker.setData(key, thisIndex, lay_picker_date.getMinutes(resultArray, key)); + } + if (options == 'datetimesecond') { + if (thisIndex == 4) { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getSeconds(resultArray, key)); + } + } + } + } + if (options == 'time' || options == 'timesecond') { + if (thisIndex == 0) { + layPicker.setData(key, thisIndex, lay_picker_date.getMinutes(resultArray, key, 1)); + } + if (options == 'timesecond') { + if (thisIndex == 1) { + layPicker.setData(key, Number(thisIndex), lay_picker_date.getSeconds(resultArray, key, 1)); + } + } + } + }, + hiden: function (index) { + $('.lay-picker-' + index).find('.lay-picker-container').css('transform', 'translate3d(0px, 100%, 0px)'); + $('.lay-picker-' + index).find('.lay-picker-shade').fadeOut(200); + setTimeout(function () { + $('.lay-picker-' + index).css('display', 'none'); + }, 100) + }, + show: function (index) { + $('.lay-picker-' + index).css('display', 'block'); + $('.lay-picker-' + index).find('.lay-picker-shade').fadeIn(200); + setTimeout(function () { + $('.lay-picker-' + index).find('.lay-picker-container').css('transform', 'translate3d(0px, 0px, 0px)'); + }, 10) + $(".lay-picker-not-mobile").remove(); + if (!layPicker.isMobile()) { + $(".lay-picker-container").append("
    非手机模式无法滑动
    ") + } + }, + remove: function (index) { + layPicker.hiden(index); + setTimeout(function () { + $('.lay-picker-' + index).remove(); + }, 200) + for (var i = 0; i < layPicker.indexList.length; i++) { + if (layPicker.indexList[i] == index) { + layPicker.indexList.splice(i, 1); + break; + } + } + }, + removeAll: function () { + if (layPicker.indexList.length > 0) { + for (var i = 0; i < layPicker.indexList.length; i++) { + layPicker.hiden(layPicker.indexList[i]); + var index = layPicker.indexList[i]; + layPicker.removeTime(index); + layPicker.indexList.splice(i, 1); + return layPicker.removeAll(); + } + } + }, + removeTime: function (index) { + setTimeout(function () { + $('.lay-picker-' + index).remove(); + }, 200) + }, + /** 判断是否是手机打开*/ + isMobile: function () { + return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|DingTalk|Opera Mini/i.test(navigator.userAgent); + }, +} + +/** + * 日期对象 + */ +var lay_picker_date = { + getVoluation: function (value, key) { + var date_obj = lay_picker_date.getDateTime(); + var year_obj = {}; + year_obj['' + key] = date_obj.year; + var month_obj = {}; + month_obj['' + key] = date_obj.month; + var day_obj = {}; + day_obj['' + key] = date_obj.day; + var hours_obj = {}; + hours_obj['' + key] = date_obj.hours; + var minutes_obj = {}; + minutes_obj['' + key] = date_obj.minutes; + var seconds_obj = {}; + seconds_obj['' + key] = date_obj.seconds; + if (value == 'year') { + return [year_obj]; + } else if (value == 'month') { + return [year_obj, month_obj]; + } else if (value == 'date') { + return [year_obj, month_obj, day_obj]; + } else if (value == 'time') { + return [hours_obj, minutes_obj]; + } else if (value == 'timesecond') { + return [hours_obj, minutes_obj, seconds_obj]; + } else if (value == 'datetime') { + return [year_obj, month_obj, day_obj, hours_obj, minutes_obj]; + } else if (value == 'datetimesecond') { + return [year_obj, month_obj, day_obj, hours_obj, minutes_obj, seconds_obj]; + } + }, + getData: function (value, key) { + if (value == 'year') { + var years = lay_picker_date.getYear(key); + return [years]; + } else if (value == 'month') { + var years = lay_picker_date.getYear(key); + var date_obj = lay_picker_date.getDateTime(); + var months = lay_picker_date.getMonth( + [ + { value: years[0].value }, + { value: date_obj.month }, + ] + , key); + return [years, months]; + } else if (value == 'date') { + var years = lay_picker_date.getYear(key); + var date_obj = lay_picker_date.getDateTime(); + var months = lay_picker_date.getMonth( + [ + { value: years[0].value }, + { value: date_obj.month }, + ] + , key); + var days = lay_picker_date.getDay( + [ + { value: years[0].value }, + { value: months[0].value }, + { value: date_obj.day }, + ] + , key); + return [years, months, days]; + } else if (value == 'time') { + var hourss = lay_picker_date.getHours(null, key, 1); + var date_obj = lay_picker_date.getDateTime(); + var minutess = lay_picker_date.getMinutes( + [ + { value: hourss[0].value }, + { value: date_obj.minutes }, + ] + , key, 1); + return [hourss, minutess]; + } else if (value == 'timesecond') { + var hourss = lay_picker_date.getHours(null, key, 1); + var date_obj = lay_picker_date.getDateTime(); + var minutess = lay_picker_date.getMinutes( + [ + { value: hourss[0].value }, + { value: date_obj.minutes }, + ] + , key, 1); + var secondss = lay_picker_date.getSeconds( + [ + { value: hourss[0].value }, + { value: minutess[0].value }, + { value: date_obj.seconds }, + ] + , key, 1); + return [hourss, minutess, secondss]; + } else if (value == 'datetime') { + var years = lay_picker_date.getYear(key); + var date_obj = lay_picker_date.getDateTime(); + var months = lay_picker_date.getMonth( + [ + { value: years[0].value }, + { value: date_obj.month }, + ] + , key); + var days = lay_picker_date.getDay( + [ + { value: years[0].value }, + { value: months[0].value }, + { value: date_obj.day }, + ] + , key); + var hourss = lay_picker_date.getHours( + [ + { value: years[0].value }, + { value: months[0].value }, + { value: days[0].value }, + ], key); + var minutess = lay_picker_date.getMinutes( + [ + { value: years[0].value }, + { value: months[0].value }, + { value: days[0].value }, + { value: hourss[0].value }, + ], key); + return [years, months, days, hourss, minutess]; + } else if (value == 'datetimesecond') { + var years = lay_picker_date.getYear(key); + var date_obj = lay_picker_date.getDateTime(); + var months = lay_picker_date.getMonth( + [ + { value: years[0].value }, + { value: date_obj.month }, + ] + , key); + var days = lay_picker_date.getDay( + [ + { value: years[0].value }, + { value: months[0].value }, + { value: date_obj.day }, + ] + , key); + var hourss = lay_picker_date.getHours( + [ + { value: years[0].value }, + { value: months[0].value }, + { value: days[0].value }, + ], key); + var minutess = lay_picker_date.getMinutes( + [ + { value: years[0].value }, + { value: months[0].value }, + { value: days[0].value }, + { value: hourss[0].value }, + ], key); + var secondss = lay_picker_date.getSeconds( + [ + { value: years[0].value }, + { value: months[0].value }, + { value: days[0].value }, + { value: hourss[0].value }, + { value: minutess[0].value }, + ], key); + return [years, months, days, hourss, minutess, secondss]; + } + }, + getDateTime: function () { + var myDate = new Date(); + var year = myDate.getFullYear(); //获取年 + var month = myDate.getMonth() + 1; //获取月，默认从0开始，所以要加一 + month = ('00' + month).slice(-2); + var day = ('00' + myDate.getDate()).slice(-2); //获取日 + var hours = ('00' + myDate.getHours()).slice(-2); //获取小时 + var minutes = ('00' + myDate.getMinutes()).slice(-2); //获取分 + var seconds = ('00' + myDate.getSeconds()).slice(-2); //获取秒 + return { + year: year, + month: month, + day: day, + hours: hours, + minutes: minutes, + seconds: seconds, + } + }, + getYear: function (key) { + var arr = [], + now = new Date(); + var minYear = 1900; + var maxYear = now.getFullYear() + 60; + if (key) { + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.ymd) { + minYear = Number(minObj.ymd[0]); + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.ymd) { + maxYear = Number(maxObj.ymd[0]); + } + } + for (var i = minYear; i <= maxYear; i++) { + var lang = getQueryString().lang; + arr.push({ + // name: i + `${lang == 'zh' ? '年' : lang == 'en' ? 'Year' : 'سنة'}`, + name: i, + value: i + }); + } + return arr; + }, + getMonth: function (result, key) { + var year = result[0].value; + var arr = []; + var minMonth = 1; + var maxMonth = 12; + if (key) { + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.ymd) { + if (year == minObj.ymd[0]) { + minMonth = Number(minObj.ymd[1]); + } else { + var d1 = Number(year + '' + result[1].value); + var d2 = Number(minObj.ymd[0] + '' + minObj.ymd[1]); + if (d1 <= d2) { + minMonth = Number(minObj.ymd[1]); + } + } + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.ymd) { + if (year == maxObj.ymd[0]) { + maxMonth = Number(maxObj.ymd[1]); + } else { + var d1 = Number(year + '' + result[1].value); + var d2 = Number(maxObj.ymd[0] + '' + maxObj.ymd[1]); + if (d1 >= d2) { + maxMonth = Number(maxObj.ymd[1]); + } + } + } + } + for (var i = minMonth; i <= maxMonth; i++) { + var code = ('00' + i).slice(-2); + var lang = getQueryString().lang; + arr.push({ + // name: i + `${lang == 'zh' ? '月' : lang == 'en' ? 'Month' : 'شهر'}`, + name: i, + value: code + }); + } + return arr; + }, + getDay: function (result, key) { + var year = result[0].value, + month = result[1].value; + var thisDate = new Date(Number(year), Number(month), 0); + var maxDay = thisDate.getDate(); + var minDay = 1; + if (key) { + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.ymd) { + if (year == minObj.ymd[0] && month == minObj.ymd[1]) { + minDay = Number(minObj.ymd[2]); + } else { + var d1 = Number(year + '' + month + '' + result[1].value); + var d2 = Number(minObj.ymd[0] + '' + minObj.ymd[1] + '' + minObj.ymd[2]); + if (d1 <= d2) { + minDay = Number(minObj.ymd[2]); + } + } + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.ymd) { + if (year == maxObj.ymd[0] && month == maxObj.ymd[1]) { + maxDay = Number(maxObj.ymd[2]); + } else { + var d1 = Number(year + '' + month + '' + result[1].value); + var d2 = Number(maxObj.ymd[0] + '' + maxObj.ymd[1] + '' + maxObj.ymd[2]); + if (d1 >= d2) { + maxDay = Number(maxObj.ymd[2]); + } + } + } + } + var arr = []; + for (var i = minDay; i <= maxDay; i++) { + var code = ('00' + i).slice(-2); + var lang = getQueryString().lang + arr.push({ + // name: i + `${lang == 'zh' ? '日' : lang == 'en' ? 'Day' : 'يوم'}`, + name: i, + value: code + }); + } + return arr; + }, + getHours: function (result, key, type) { + var arr = []; + var minHour = 0; + var maxHour = 23; + if (key) { + if (type) { + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.hms) { + minHour = Number(minObj.hms[0]); + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.hms) { + maxHour = Number(maxObj.hms[0]); + } + } else { + var year = result[0].value, + month = result[1].value, + day = result[2].value; + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.hms) { + if (minObj && minObj.ymd) { + var d1 = Number(year + '' + month + '' + day + '' + minObj.hms[0]); + var d2 = Number(minObj.ymd[0] + '' + minObj.ymd[1] + '' + minObj.ymd[2] + '' + minObj.hms[0]); + if (d1 <= d2) { + minHour = Number(minObj.hms[0]); + } + } else { + minHour = Number(minObj.hms[0]); + } + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.hms) { + if (maxObj && maxObj.ymd) { + var d1 = Number(year + '' + month + '' + day + '' + maxObj.hms[0]); + var d2 = Number(maxObj.ymd[0] + '' + maxObj.ymd[1] + '' + maxObj.ymd[2] + '' + maxObj.hms[0]); + if (d1 >= d2) { + maxHour = Number(maxObj.hms[0]); + } + } else { + maxHour = Number(maxObj.hms[0]); + } + } + } + } + for (var i = minHour; i <= maxHour; i++) { + var value = ('00' + i).slice(-2); + arr.push({ + name: value + '时', + value: value + }) + } + return arr; + }, + getMinutes: function (result, key, type) { + var arr = []; + var minMinute = 0; + var maxMinute = 59; + if (key) { + if (type) { + var hours = result[0].value; + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.hms) { + var d1 = Number(hours + '' + minObj.hms[1]); + var d2 = Number(minObj.hms[0] + '' + minObj.hms[1]); + if (d1 <= d2) { + minMinute = Number(minObj.hms[1]); + } + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.hms) { + var d1 = Number(hours + '' + maxObj.hms[1]); + var d2 = Number(maxObj.hms[0] + '' + maxObj.hms[1]); + if (d1 >= d2) { + maxMinute = Number(maxObj.hms[1]); + } + } + } else { + var year = result[0].value, + month = result[1].value, + day = result[2].value; + hours = result[3].value; + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.hms) { + if (minObj && minObj.ymd) { + var d1 = Number(year + '' + month + '' + day + '' + hours + '' + minObj.hms[1]); + var d2 = Number(minObj.ymd[0] + '' + minObj.ymd[1] + '' + minObj.ymd[2] + '' + minObj.hms[0] + '' + minObj.hms[1]); + if (d1 <= d2) { + minMinute = Number(minObj.hms[1]); + } + } else { + minMinute = Number(minObj.hms[1]); + } + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.hms) { + if (maxObj && maxObj.ymd) { + var d1 = Number(year + '' + month + '' + day + '' + hours + '' + maxObj.hms[1]); + var d2 = Number(maxObj.ymd[0] + '' + maxObj.ymd[1] + '' + maxObj.ymd[2] + '' + maxObj.hms[0] + '' + maxObj.hms[1]); + if (d1 >= d2) { + maxMinute = Number(maxObj.hms[1]); + } + } else { + maxMinute = Number(maxObj.hms[1]); + } + } + } + } + for (var i = minMinute; i <= maxMinute; i++) { + var value = ('00' + i).slice(-2); + arr.push({ + name: value + '分', + value: value + }) + } + return arr; + }, + getSeconds: function (result, key, type) { + var arr = []; + var minSecond = 0; + var maxSecond = 59 + if (key) { + if (type) { + var hours = result[0].value; + var minute = result[1].value; + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.hms && minObj.hms.length > 2) { + var d1 = Number(hours + '' + minute + '' + minObj.hms[2]); + var d2 = Number(minObj.hms[0] + '' + minObj.hms[1] + '' + minObj.hms[2]); + if (d1 <= d2) { + minSecond = Number(minObj.hms[2]); + } + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.hms && maxObj.hms.length > 2) { + var d1 = Number(hours + '' + minute + '' + maxObj.hms[2]); + var d2 = Number(maxObj.hms[0] + '' + maxObj.hms[1] + '' + maxObj.hms[2]); + if (d1 >= d2) { + maxSecond = Number(maxObj.hms[2]); + } + } + } else { + var year = result[0].value, + month = result[1].value, + day = result[2].value; + hours = result[3].value; + minute = result[4].value; + var minObj = layPicker.minMaxData[key].minObj; + if (minObj && minObj.hms) { + if (minObj && minObj.ymd) { + var d1 = Number(year + '' + month + '' + day + '' + hours + '' + minute + '' + minObj.hms[2]); + var d2 = Number(minObj.ymd[0] + '' + minObj.ymd[1] + '' + minObj.ymd[2] + '' + minObj.hms[0] + '' + minObj.hms[1] + '' + minObj.hms[2]); + if (d1 <= d2) { + minSecond = Number(minObj.hms[2]); + } + } else { + minSecond = Number(minObj.hms[2]); + } + } + var maxObj = layPicker.minMaxData[key].maxObj; + if (maxObj && maxObj.hms) { + if (maxObj && maxObj.ymd) { + var d1 = Number(year + '' + month + '' + day + '' + hours + '' + minute + '' + maxObj.hms[2]); + var d2 = Number(maxObj.ymd[0] + '' + maxObj.ymd[1] + '' + maxObj.ymd[2] + '' + maxObj.hms[0] + '' + maxObj.hms[1] + '' + maxObj.hms[2]); + if (d1 >= d2) { + maxSecond = Number(maxObj.hms[2]); + } + } else { + maxSecond = Number(maxObj.hms[2]); + } + } + } + } + for (var i = minSecond; i <= maxSecond; i++) { + var value = ('00' + i).slice(-2); + arr.push({ + name: value + '秒', + value: value + }) + } + return arr; + }, + getLastDay: function (result) { + var year = result[0].value, + month = result[1].value; + var thisDate = new Date(Number(year), Number(month), 0); + return thisDate.getDate(); + }, + getMinOrMaxDate: function (date) { + if (!date) { + return; + } + var arr = date.split(" "); + var obj = {}; + if (arr.length > 0) { + if (arr.length == 2) { + obj.ymd = arr[0].split("-"); + obj.hms = arr[1].split(":"); + } else if (arr.length == 1 && date.indexOf(":") == -1) { + obj.ymd = arr[0].split("-"); + } else { + obj.hms = arr[0].split(":"); + } + } + return obj; + }, +} + diff --git a/view/molistar/modules/guild-ar/js/mobileSelect.js b/view/molistar/modules/guild-ar/js/mobileSelect.js new file mode 100644 index 00000000..bdb2e340 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/mobileSelect.js @@ -0,0 +1,692 @@ +/*! +* mobileSelect.js +* (c) 2017-present onlyhom +* Released under the MIT License. +*/ +(function () { + function getClass(dom, string) { + return dom.getElementsByClassName(string); + } + function MobileSelect(config) { + this.mobileSelect; + this.wheelsData = config.wheels; + this.jsonType = false; + this.cascadeJsonData = []; + this.displayJson = []; + this.cascade = false; + this.startY; + this.moveEndY; + this.moveY; + this.oldMoveY; + this.offset = 0; + this.offsetSum = 0; + this.oversizeBorder; + this.curDistance = []; + this.clickStatus = false; + this.isPC = true; + this.init(config); + } + MobileSelect.prototype = { + constructor: MobileSelect, + init: function (config) { + var _this = this; + _this.keyMap = config.keyMap ? config.keyMap : { + id: 'id', + value: 'value', + childs: 'childs' + }; + _this.checkDataType(); + _this.renderWheels(_this.wheelsData, config.cancelBtnText, config.ensureBtnText); + _this.trigger = document.querySelector(config.trigger); + if (!_this.trigger) { + console.error('mobileSelect has been successfully installed, but no trigger found on your page.'); + return false; + } + _this.wheel = getClass(_this.mobileSelect, 'wheel'); + _this.slider = getClass(_this.mobileSelect, 'selectContainer'); + _this.wheels = _this.mobileSelect.querySelector('.wheels'); + _this.liHeight = _this.mobileSelect.querySelector('li').offsetHeight; + _this.ensureBtn = _this.mobileSelect.querySelector('.ensure'); + _this.cancelBtn = _this.mobileSelect.querySelector('.cancel'); + _this.grayLayer = _this.mobileSelect.querySelector('.grayLayer'); + _this.popUp = _this.mobileSelect.querySelector('.content'); + _this.callback = config.callback ? config.callback : function () { } + ; + _this.transitionEnd = config.transitionEnd ? config.transitionEnd : function () { } + ; + _this.initPosition = config.position ? config.position : []; + _this.titleText = config.title ? config.title : ''; + _this.connector = config.connector != undefined && config.connector != "" ? config.connector : '-'; + _this.trigger.style.cursor = 'pointer'; + _this.setStyle(config); + _this.setTitle(_this.titleText); + _this.checkIsPC(); + _this.checkCascade(); + if (_this.cascade) { + _this.initCascade(); + } + if (_this.initPosition.length < _this.slider.length) { + var diff = _this.slider.length - _this.initPosition.length; + for (var i = 0; i < diff; i++) { + _this.initPosition.push(0); + } + } + _this.setCurDistance(_this.initPosition); + _this.addListenerAll(); + _this.cancelBtn.addEventListener('click', function () { + _this.mobileSelect.classList.remove('mobileSelect-show'); + }); + _this.ensureBtn.addEventListener('click', function () { + _this.mobileSelect.classList.remove('mobileSelect-show'); + var tempValue = '' + , tempIdValue = ''; + for (var i = 0; i < _this.wheel.length; i++) { + i == _this.wheel.length - 1 ? tempValue += _this.getInnerHtml(i) : tempValue += _this.getInnerHtml(i) + _this.connector; + i == _this.wheel.length - 1 ? tempIdValue = _this.getDataId(i) : ''; + } + _this.trigger.value = tempValue; + $(_this.trigger).data("value", tempIdValue); + _this.callback(_this.getIndexArr(), _this.getValue()); + }); + _this.trigger.addEventListener('click', function () { + _this.mobileSelect.classList.add('mobileSelect-show'); + $('.wheels').eq(0).find('li').attr("style", "color:#848D9C !important") + $('.wheels').eq(1).find('li').attr("style", "color:#848D9C !important") + var tempValue = '' + , tempIdValue = ''; + for (var i = 0; i < _this.wheel.length; i++) { + i == _this.wheel.length - 1 ? tempValue += _this.getInnerHtml(i) : tempValue += _this.getInnerHtml(i) + _this.connector; + i == _this.wheel.length - 1 ? tempIdValue = _this.getDataId(i) : ''; + } + var ddd = tempValue.split("-") + var s1 = $(".wheels").eq(0).find(".selectContainer")[0]; + var s2 = $(".wheels").eq(0).find(".selectContainer")[1]; + var s3 = $(".wheels").eq(0).find(".selectContainer")[2]; + $(s1).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[0]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + $(s2).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[1]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + $(s3).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[2]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + var s4 = $(".wheels").eq(1).find(".selectContainer")[0]; + var s5 = $(".wheels").eq(1).find(".selectContainer")[1]; + var s6 = $(".wheels").eq(1).find(".selectContainer")[2]; + $(s4).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[0]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + $(s5).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[1]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + $(s6).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[2]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + }); + _this.grayLayer.addEventListener('click', function () { + _this.mobileSelect.classList.remove('mobileSelect-show'); + }); + _this.popUp.addEventListener('click', function () { + event.stopPropagation(); + }); + _this.fixRowStyle(); + }, + setTitle: function (string) { + var _this = this; + _this.titleText = string; + _this.mobileSelect.querySelector('.title').innerHTML = _this.titleText; + }, + setStyle: function (config) { + var _this = this; + if (config.ensureBtnColor) { + _this.ensureBtn.style.color = config.ensureBtnColor; + } + if (config.cancelBtnColor) { + _this.cancelBtn.style.color = config.cancelBtnColor; + } + if (config.titleColor) { + _this.title = _this.mobileSelect.querySelector('.title'); + _this.title.style.color = config.titleColor; + } + if (config.textColor) { + _this.panel = _this.mobileSelect.querySelector('.panel'); + _this.panel.style.color = config.textColor; + } + if (config.titleBgColor) { + _this.btnBar = _this.mobileSelect.querySelector('.btnBar'); + _this.btnBar.style.backgroundColor = config.titleBgColor; + } + if (config.bgColor) { + _this.panel = _this.mobileSelect.querySelector('.panel'); + _this.shadowMask = _this.mobileSelect.querySelector('.shadowMask'); + _this.panel.style.backgroundColor = config.bgColor; + _this.shadowMask.style.background = 'linear-gradient(to bottom, ' + config.bgColor + ', rgba(255, 255, 255, 0), ' + config.bgColor + ')'; + } + }, + checkIsPC: function () { + var _this = this; + var sUserAgent = navigator.userAgent.toLowerCase(); + var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; + var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; + var bIsMidp = sUserAgent.match(/midp/i) == "midp"; + var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; + var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; + var bIsAndroid = sUserAgent.match(/android/i) == "android"; + var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; + var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; + if ((bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) { + _this.isPC = false; + } + }, + show: function () { + this.mobileSelect.classList.add('mobileSelect-show'); + }, + renderWheels: function (wheelsData, cancelBtnText, ensureBtnText) { + var _this = this; + var cancelText = cancelBtnText ? cancelBtnText : langReplace(localLang.memberFlow.close); + var ensureText = ensureBtnText ? ensureBtnText : langReplace(localLang.memberFlow.ok); + _this.mobileSelect = document.createElement("div"); + _this.mobileSelect.className = "mobileSelect"; + _this.mobileSelect.innerHTML = '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + cancelText + '
    ' + '
    ' + '
    ' + ensureText + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    '; + // _this.mobileSelect.innerHTML = '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + cancelText + '
    ' + '
    ' + '
    ' + ensureText + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    ' + '
    年月日
    ' + '
    ' + '
    ' + '
    ' + '
    '; + document.body.appendChild(_this.mobileSelect); + var tempHTML = ''; + for (var i = 0; i < wheelsData.length; i++) { + tempHTML += '
    '; + } + _this.mobileSelect.querySelector('.wheels').innerHTML = tempHTML; + }, + addListenerAll: function () { + var _this = this; + for (var i = 0; i < _this.slider.length; i++) { + (function (i) { + _this.addListenerWheel(_this.wheel[i], i); + _this.addListenerLi(i); + } + )(i); + } + }, + addListenerWheel: function (theWheel, index) { + var _this = this; + theWheel.addEventListener('touchstart', function () { + _this.touch(event, this.firstChild, index); + }, false); + theWheel.addEventListener('touchend', function () { + _this.touch(event, this.firstChild, index); + }, false); + theWheel.addEventListener('touchmove', function () { + _this.touch(event, this.firstChild, index); + }, false); + if (_this.isPC) { + theWheel.addEventListener('mousedown', function () { + _this.dragClick(event, this.firstChild, index); + }, false); + theWheel.addEventListener('mousemove', function () { + _this.dragClick(event, this.firstChild, index); + }, false); + theWheel.addEventListener('mouseup', function () { + _this.dragClick(event, this.firstChild, index); + }, true); + } + }, + addListenerLi: function (sliderIndex) { + var _this = this; + var curWheelLi = _this.slider[sliderIndex].getElementsByTagName('li'); + for (var j = 0; j < curWheelLi.length; j++) { + (function (j) { + curWheelLi[j].addEventListener('click', function () { + _this.singleClick(this, j, sliderIndex); + }, false); + } + )(j); + } + }, + checkDataType: function () { + var _this = this; + if (typeof (_this.wheelsData[0].data[0]) == 'object') { + _this.jsonType = true; + } + }, + checkCascade: function () { + var _this = this; + if (_this.jsonType) { + var node = _this.wheelsData[0].data; + for (var i = 0; i < node.length; i++) { + if (_this.keyMap.childs in node[i] && node[i][_this.keyMap.childs].length > 0) { + _this.cascade = true; + _this.cascadeJsonData = _this.wheelsData[0].data; + break; + } + } + } else { + _this.cascade = false; + } + }, + generateArrData: function (targetArr) { + var tempArr = []; + var keyMap_id = this.keyMap.id; + var keyMap_value = this.keyMap.value; + for (var i = 0; i < targetArr.length; i++) { + var tempObj = {}; + tempObj[keyMap_id] = targetArr[i][this.keyMap.id]; + tempObj[keyMap_value] = targetArr[i][this.keyMap.value]; + tempArr.push(tempObj); + } + return tempArr; + }, + initCascade: function () { + var _this = this; + _this.displayJson.push(_this.generateArrData(_this.cascadeJsonData)); + if (_this.initPosition.length > 0) { + _this.initDeepCount = 0; + _this.initCheckArrDeep(_this.cascadeJsonData[_this.initPosition[0]]); + } else { + _this.checkArrDeep(_this.cascadeJsonData[0]); + } + _this.reRenderWheels(); + }, + initCheckArrDeep: function (parent) { + var _this = this; + if (parent) { + if (_this.keyMap.childs in parent && parent[_this.keyMap.childs].length > 0) { + _this.displayJson.push(_this.generateArrData(parent[_this.keyMap.childs])); + _this.initDeepCount++; + var nextNode = parent[_this.keyMap.childs][_this.initPosition[_this.initDeepCount]]; + if (nextNode) { + _this.initCheckArrDeep(nextNode); + } else { + _this.checkArrDeep(parent[_this.keyMap.childs][0]); + } + } + } + }, + checkArrDeep: function (parent) { + var _this = this; + if (parent) { + if (_this.keyMap.childs in parent && parent[_this.keyMap.childs].length > 0) { + _this.displayJson.push(_this.generateArrData(parent[_this.keyMap.childs])); + _this.checkArrDeep(parent[_this.keyMap.childs][0]); + } + } + }, + checkRange: function (index, posIndexArr) { + var _this = this; + var deleteNum = _this.displayJson.length - 1 - index; + for (var i = 0; i < deleteNum; i++) { + _this.displayJson.pop(); + } + var resultNode; + for (var i = 0; i <= index; i++) { + if (i == 0) + resultNode = _this.cascadeJsonData[posIndexArr[0]]; + else { + resultNode = resultNode[_this.keyMap.childs][posIndexArr[i]]; + } + } + _this.checkArrDeep(resultNode); + _this.reRenderWheels(); + _this.fixRowStyle(); + _this.setCurDistance(_this.resetPostion(index, posIndexArr)); + var tempValue = '' + , tempIdValue = ''; + for (var i = 0; i < _this.wheel.length; i++) { + i == _this.wheel.length - 1 ? tempValue += _this.getInnerHtml(i) : tempValue += _this.getInnerHtml(i) + _this.connector; + i == _this.wheel.length - 1 ? tempIdValue = _this.getDataId(i) : ''; + } + var ddd = tempValue.split("-") + $('.wheels').eq(0).find('li').attr("style", "color:#848D9C !important") + $('.wheels').eq(1).find('li').attr("style", "color:#848D9C !important") + var s1 = $(".wheels").find(".selectContainer")[0]; + var s2 = $(".wheels").find(".selectContainer")[1]; + var s3 = $(".wheels").find(".selectContainer")[2]; + $(s1).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[0]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + $(s2).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[1]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + $(s3).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[2]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + var s4 = $(".wheels").eq(1).find(".selectContainer")[0]; + var s5 = $(".wheels").eq(1).find(".selectContainer")[1]; + var s6 = $(".wheels").eq(1).find(".selectContainer")[2]; + $(s4).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[0]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + $(s5).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[1]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + $(s6).find("li").each(function () { + var s = $(this)[0]; + if ($(s).text() == ddd[2]) { + $(s).attr("style", "color:#1A1A1A") + } + }) + }, + resetPostion: function (index, posIndexArr) { + var _this = this; + var tempPosArr = posIndexArr; + var tempCount; + if (_this.slider.length > posIndexArr.length) { + tempCount = _this.slider.length - posIndexArr.length; + for (var i = 0; i < tempCount; i++) { + tempPosArr.push(0); + } + } else if (_this.slider.length < posIndexArr.length) { + tempCount = posIndexArr.length - _this.slider.length; + for (var i = 0; i < tempCount; i++) { + tempPosArr.pop(); + } + } + for (var i = index + 1; i < tempPosArr.length; i++) { + tempPosArr[i] = 0; + } + return tempPosArr; + }, + reRenderWheels: function () { + var _this = this; + if (_this.wheel.length > _this.displayJson.length) { + var count = _this.wheel.length - _this.displayJson.length; + for (var i = 0; i < count; i++) { + _this.wheels.removeChild(_this.wheel[_this.wheel.length - 1]); + } + } + for (var i = 0; i < _this.displayJson.length; i++) { + (function (i) { + var tempHTML = ''; + if (_this.wheel[i]) { + for (var j = 0; j < _this.displayJson[i].length; j++) { + tempHTML += '
  • ' + _this.displayJson[i][j][_this.keyMap.value] + '
    • '; + } + _this.slider[i].innerHTML = tempHTML; + } else { + var tempWheel = document.createElement("div"); + tempWheel.className = "wheel"; + tempHTML = ''; + tempWheel.innerHTML = tempHTML; + _this.addListenerWheel(tempWheel, i); + _this.wheels.appendChild(tempWheel); + } + _this.addListenerLi(i); + } + )(i); + } + }, + updateWheels: function (data) { + var _this = this; + if (_this.cascade) { + _this.cascadeJsonData = data; + _this.displayJson = []; + _this.initCascade(); + if (_this.initPosition.length < _this.slider.length) { + var diff = _this.slider.length - _this.initPosition.length; + for (var i = 0; i < diff; i++) { + _this.initPosition.push(0); + } + } + _this.setCurDistance(_this.initPosition); + _this.fixRowStyle(); + } + }, + updateWheel: function (sliderIndex, data) { + var _this = this; + var tempHTML = ''; + if (_this.cascade) { + console.error('级联格式不支持updateWheel(),请使用updateWheels()更新整个数据源'); + return false; + } else if (_this.jsonType) { + for (var j = 0; j < data.length; j++) { + tempHTML += '
  • ' + data[j][_this.keyMap.value] + '
    • '; + } + _this.wheelsData[sliderIndex] = { + data: data + }; + } else { + for (var j = 0; j < data.length; j++) { + tempHTML += '
  • ' + data[j] + '
    • '; + } + _this.wheelsData[sliderIndex] = data; + } + _this.slider[sliderIndex].innerHTML = tempHTML; + _this.addListenerLi(sliderIndex); + }, + fixRowStyle: function () { + var _this = this; + var width = (100 / _this.wheel.length).toFixed(2); + for (var i = 0; i < _this.wheel.length; i++) { + _this.wheel[i].style.width = width + '%'; + } + }, + getIndex: function (distance) { + return Math.round((2 * this.liHeight - distance) / this.liHeight); + }, + getIndexArr: function () { + var _this = this; + var temp = []; + for (var i = 0; i < _this.curDistance.length; i++) { + temp.push(_this.getIndex(_this.curDistance[i])); + } + return temp; + }, + getValue: function () { + var _this = this; + var temp = []; + var positionArr = _this.getIndexArr(); + if (_this.cascade) { + for (var i = 0; i < _this.wheel.length; i++) { + temp.push(_this.displayJson[i][positionArr[i]]); + } + } else if (_this.jsonType) { + for (var i = 0; i < _this.curDistance.length; i++) { + temp.push(_this.wheelsData[i].data[_this.getIndex(_this.curDistance[i])]); + } + } else { + for (var i = 0; i < _this.curDistance.length; i++) { + temp.push(_this.getInnerHtml(i)); + } + } + return temp; + }, + calcDistance: function (index) { + return 2 * this.liHeight - index * this.liHeight; + }, + setCurDistance: function (indexArr) { + var _this = this; + var temp = []; + for (var i = 0; i < _this.slider.length; i++) { + temp.push(_this.calcDistance(indexArr[i])); + _this.movePosition(_this.slider[i], temp[i]); + } + _this.curDistance = temp; + }, + fixPosition: function (distance) { + return -(this.getIndex(distance) - 2) * this.liHeight; + }, + movePosition: function (theSlider, distance) { + theSlider.style.webkitTransform = 'translate3d(0,' + distance + 'px, 0)'; + theSlider.style.transform = 'translate3d(0,' + distance + 'px, 0)'; + }, + locatePostion: function (index, posIndex) { + this.curDistance[index] = this.calcDistance(posIndex); + this.movePosition(this.slider[index], this.curDistance[index]); + }, + updateCurDistance: function (theSlider, index) { + this.curDistance[index] = parseInt(theSlider.style.transform.split(',')[1]); + }, + getDistance: function (theSlider) { + return parseInt(theSlider.style.transform.split(',')[1]); + }, + getInnerHtml: function (sliderIndex) { + var _this = this; + var index = _this.getIndex(_this.curDistance[sliderIndex]); + return _this.slider[sliderIndex].getElementsByTagName('li')[index].innerHTML; + }, + getDataId: function (sliderIndex) { + var _this = this; + var index = _this.getIndex(_this.curDistance[sliderIndex]); + return _this.slider[sliderIndex].getElementsByTagName('li')[index].dataset.id; + }, + touch: function (event, theSlider, index) { + var _this = this; + event = event || window.event; + switch (event.type) { + case "touchstart": + _this.startY = event.touches[0].clientY; + _this.oldMoveY = _this.startY; + break; + case "touchend": + _this.moveEndY = event.changedTouches[0].clientY; + _this.offsetSum = _this.moveEndY - _this.startY; + _this.updateCurDistance(theSlider, index); + _this.curDistance[index] = _this.fixPosition(_this.curDistance[index]); + _this.movePosition(theSlider, _this.curDistance[index]); + _this.oversizeBorder = -(theSlider.getElementsByTagName('li').length - 3) * _this.liHeight; + if (_this.curDistance[index] + _this.offsetSum > 2 * _this.liHeight) { + _this.curDistance[index] = 2 * _this.liHeight; + setTimeout(function () { + _this.movePosition(theSlider, _this.curDistance[index]); + }, 100); + } else if (_this.curDistance[index] + _this.offsetSum < _this.oversizeBorder) { + _this.curDistance[index] = _this.oversizeBorder; + setTimeout(function () { + _this.movePosition(theSlider, _this.curDistance[index]); + }, 100); + } + _this.transitionEnd(_this.getIndexArr(), _this.getValue()); + if (_this.cascade) { + var tempPosArr = _this.getIndexArr(); + tempPosArr[index] = _this.getIndex(_this.curDistance[index]); + _this.checkRange(index, tempPosArr); + } + break; + case "touchmove": + event.preventDefault(); + _this.moveY = event.touches[0].clientY; + _this.offset = _this.moveY - _this.oldMoveY; + _this.updateCurDistance(theSlider, index); + _this.curDistance[index] = _this.curDistance[index] + _this.offset; + _this.movePosition(theSlider, _this.curDistance[index]); + _this.oldMoveY = _this.moveY; + break; + } + }, + dragClick: function (event, theSlider, index) { + var _this = this; + event = event || window.event; + switch (event.type) { + case "mousedown": + _this.startY = event.clientY; + _this.oldMoveY = _this.startY; + _this.clickStatus = true; + break; + case "mouseup": + _this.moveEndY = event.clientY; + _this.offsetSum = _this.moveEndY - _this.startY; + _this.updateCurDistance(theSlider, index); + _this.curDistance[index] = _this.fixPosition(_this.curDistance[index]); + _this.movePosition(theSlider, _this.curDistance[index]); + _this.oversizeBorder = -(theSlider.getElementsByTagName('li').length - 3) * _this.liHeight; + if (_this.curDistance[index] + _this.offsetSum > 2 * _this.liHeight) { + _this.curDistance[index] = 2 * _this.liHeight; + setTimeout(function () { + _this.movePosition(theSlider, _this.curDistance[index]); + }, 100); + } else if (_this.curDistance[index] + _this.offsetSum < _this.oversizeBorder) { + _this.curDistance[index] = _this.oversizeBorder; + setTimeout(function () { + _this.movePosition(theSlider, _this.curDistance[index]); + }, 100); + } + _this.clickStatus = false; + _this.transitionEnd(_this.getIndexArr(), _this.getValue()); + if (_this.cascade) { + var tempPosArr = _this.getIndexArr(); + tempPosArr[index] = _this.getIndex(_this.curDistance[index]); + _this.checkRange(index, tempPosArr); + } + break; + case "mousemove": + event.preventDefault(); + if (_this.clickStatus) { + _this.moveY = event.clientY; + _this.offset = _this.moveY - _this.oldMoveY; + _this.updateCurDistance(theSlider, index); + _this.curDistance[index] = _this.curDistance[index] + _this.offset; + _this.movePosition(theSlider, _this.curDistance[index]); + _this.oldMoveY = _this.moveY; + } + break; + } + }, + singleClick: function (theLi, index, sliderIndex) { + var _this = this; + if (_this.cascade) { + var tempPosArr = _this.getIndexArr(); + tempPosArr[sliderIndex] = index; + _this.checkRange(sliderIndex, tempPosArr); + } else { + _this.curDistance[sliderIndex] = (2 - index) * _this.liHeight; + _this.movePosition(theLi.parentNode, _this.curDistance[sliderIndex]); + } + } + }; + if (typeof exports == "object") { + module.exports = MobileSelect; + } else if (typeof define == "function" && define.amd) { + define([], function () { + return MobileSelect; + }) + } else { + window.MobileSelect = MobileSelect; + } +} +)(); diff --git a/view/molistar/modules/guild-ar/js/personal.js b/view/molistar/modules/guild-ar/js/personal.js new file mode 100644 index 00000000..5fc4fc77 --- /dev/null +++ b/view/molistar/modules/guild-ar/js/personal.js @@ -0,0 +1,169 @@ +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' + }) +} +var roleTypes; +var searTime; +var guildNick; +var backgroundUrl; +var payoneer; +var usdt; +var payPal; +var familyMemberId; +// 初始化函數 +$(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(); + getAccount(); + }, 100) +}) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').html(langReplace(localLang.personal.text1)); + $('.text2').html(langReplace(localLang.personal.text2)); + $('.text3').text(langReplace(localLang.personal.text3)); + $('.text4').text(langReplace(localLang.personal.text4)); + $('.text5').text(langReplace(localLang.personal.text5)); + $('.text6').text(langReplace(localLang.personal.text6)); + $('.text7').text(langReplace(localLang.personal.text7)); + $('.text8').text(langReplace(localLang.personal.text8)); + $('.text9').text(langReplace(localLang.personal.text9)); + $('.text10').text(langReplace(localLang.personal.text10)); + $('.text11').text(langReplace(localLang.personal.text11)); + $('.text12').text(langReplace(localLang.personal.text12)); + $('.text13').text(langReplace(localLang.personal.text13)); + $('.text14').text(langReplace(localLang.personal.text14)); + $('.text15').text(langReplace(localLang.personal.text15)); + $('.text16').text(langReplace(localLang.personal.text16)); + $('.text17').text(langReplace(localLang.personal.text17)); + $('.text18').text(langReplace(localLang.personal.text18)); + $('.text19').text(langReplace(localLang.personal.text19)); +} +// 配置接口 +function getAccount() { + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/guild/income/getIncome', + success(res) { + if (res.code === 200) { + // 判断是否展示agency + // person + // 处理自己 + var me = res.data.person.me; + $('.page1 .my .tx').attr('src', me.avatar); + $('.page1 .my .user p').text(me.nick); + $('.page1 .my .user b').text(me.erbanNo); + $('.page1 .diamond p b').text(res.data.diamondNum); + // 处理当前 + var curCycle = res.data.person.curCycle; + $('.page1 .incomeTitle i').text(curCycle.cycleDate); + $('.page1 .incomeBox .d1 span').text(`${curCycle.totalIncome} ÜS`); + $('.page1 .incomeBox .d2 span').text(`${curCycle.settledIncome} ÜS`); + $('.page1 .incomeBox .d3 span').text(`${curCycle.remainingIncome} ÜS`); + // 处理之前 + var lastCycle = res.data.person.lastCycle; + $('.page1 .incomeTitleLast i').text(lastCycle.cycleDate); + $('.page1 .incomeBoxLast .d1 span').text(`${lastCycle.totalIncome} ÜS`); + $('.page1 .incomeBoxLast .d2 span').text(`${lastCycle.settledIncome} ÜS`); + $('.page1 .incomeBoxLast .d3 span').text(`${lastCycle.remainingIncome} ÜS`); + // agency + if (res.data.agency) { + var agency = res.data.agency + $('.page2 .agentSalary i').text(agency.curCycleInterval); + $('.page2 .agentSalaryInfo .top b').text(`${agency.usdWage} ÜS`); + $('.page2 .agentSalaryInfo .bottom div .p1').text(agency.diamondNum); + $('.page2 .agentSalaryInfo .bottom div .p2').text(agency.diamondRatio * 100 + '%'); + // 渲染列表 + $('.page2 .data .box').remove(); + var str = ''; + agency.memberIncomeList.forEach((res, i) => { + str += ` +
    + +
    +

    ${res.nick}

    + ID:${res.erbanNo} +
    +
    +

    ${res.diamondNum}

    + ${langReplace(localLang.personal.text20)} +
    +
    + ` + }); + $('.page2 .data').append(str); + } else { + $('.back .tab').css('justify-content', 'center'); + $('.back .tab div').eq(1).hide(); + } + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// tab切换 +$('.back .tab div').click(function () { + var i = $(this).index() + 1; + $(this).addClass('act').siblings().removeClass(); + $('.page1,.page2').hide(); + $(`.page${i}`).show(); +}) +// 跳转提现 +$('.page1 .diamond .withdraw').click(function () { + window.location.href = `./diamondWithdraw.html` +}) +// 跳转薪资账户页面 +$('.page1 .account').click(function () { + window.location.href = `./salary_account.html` +}) \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/js/qiniu.min.js b/view/molistar/modules/guild-ar/js/qiniu.min.js new file mode 100644 index 00000000..4fe63d0e --- /dev/null +++ b/view/molistar/modules/guild-ar/js/qiniu.min.js @@ -0,0 +1,2 @@ +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.qiniu=e():t.qiniu=e()}(window,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/dist/",n(n.s=87)}([function(t,e,n){t.exports=n(88)},function(t,e){var n=t.exports={version:"2.6.11"};"number"==typeof __e&&(__e=n)},function(t,e){t.exports=function(t){return t&&t.__esModule?t:{default:t}}},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var r=n(3),o=n(1),i=n(13),u=n(14),a=n(15),s=function(t,e,n){var c,f,l,p=t&s.F,h=t&s.G,d=t&s.S,v=t&s.P,y=t&s.B,g=t&s.W,m=h?o:o[e]||(o[e]={}),b=m.prototype,w=h?r:d?r[e]:(r[e]||{}).prototype;for(c in h&&(n=e),n)(f=!p&&w&&void 0!==w[c])&&a(m,c)||(l=f?w[c]:n[c],m[c]=h&&"function"!=typeof w[c]?n[c]:y&&f?i(l,r):g&&w[c]==l?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):v&&"function"==typeof l?i(Function.call,l):l,v&&((m.virtual||(m.virtual={}))[c]=l,t&s.R&&b&&!b[c]&&u(b,c,l)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e,n){var r=n(51)("wks"),o=n(35),i=n(3).Symbol,u="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=u&&i[t]||(u?i:o)("Symbol."+t))}).store=r},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){t.exports=!n(16)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(t,e,n){t.exports=n(119)},function(t,e,n){t.exports=n(120)},function(t,e,n){var r=n(11),o=n(66),i=n(45),u=Object.defineProperty;e.f=n(7)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(6);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){t.exports=n(102)},function(t,e,n){var r=n(22);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var r=n(10),o=n(32);t.exports=n(7)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var r=n(46),o=n(47);t.exports=function(t){return r(o(t))}},function(t,e,n){"use strict";var r=n(2),o=n(20),i=n(0);i(e,"__esModule",{value:!0});var u={compressImage:!0};i(e,"compressImage",{enumerable:!0,get:function(){return p.default}});var a=n(101);o(a).forEach((function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(u,t)||i(e,t,{enumerable:!0,get:function(){return a[t]}}))}));var s=n(118);o(s).forEach((function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(u,t)||i(e,t,{enumerable:!0,get:function(){return s[t]}}))}));var c=n(80);o(c).forEach((function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(u,t)||i(e,t,{enumerable:!0,get:function(){return c[t]}}))}));var f=n(63);o(f).forEach((function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(u,t)||i(e,t,{enumerable:!0,get:function(){return f[t]}}))}));var l=n(129);o(l).forEach((function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(u,t)||i(e,t,{enumerable:!0,get:function(){return l[t]}}))}));var p=r(n(165))},function(t,e,n){t.exports=n(125)},function(t,e,n){t.exports=n(99)},function(t,e,n){var r=n(13),o=n(109),i=n(110),u=n(11),a=n(48),s=n(111),c={},f={};(e=t.exports=function(t,e,n,l,p){var h,d,v,y,g=p?function(){return t}:s(t),m=r(n,l,e?2:1),b=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(i(g)){for(h=a(t.length);h>b;b++)if((y=e?m(u(d=t[b])[0],d[1]):m(t[b]))===c||y===f)return y}else for(v=g.call(t);!(d=v.next()).done;)if((y=o(v,m,d.value,e))===c||y===f)return y}).BREAK=c,e.RETURN=f},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){"use strict";var r=n(2);n(0)(e,"__esModule",{value:!0}),e.QiniuNetworkError=e.QiniuRequestError=e.QiniuError=e.QiniuErrorName=void 0;var o,i,u=r(n(33)),a=r(n(36)),s=(o=function(t,e){return(o=a.default||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)},function(t,e){function n(){this.constructor=t}o(t,e),t.prototype=null===e?(0,u.default)(e):(n.prototype=e.prototype,new n)});e.QiniuErrorName=i,function(t){t.InvalidFile="InvalidFile",t.InvalidToken="InvalidToken",t.InvalidMetadata="InvalidMetadata",t.InvalidChunkSize="InvalidChunkSize",t.InvalidCustomVars="InvalidCustomVars",t.NotAvailableUploadHost="NotAvailableUploadHost",t.ReadCacheFailed="ReadCacheFailed",t.InvalidCacheData="InvalidCacheData",t.WriteCacheFailed="WriteCacheFailed",t.RemoveCacheFailed="RemoveCacheFailed",t.GetCanvasContextFailed="GetCanvasContextFailed",t.UnsupportedFileType="UnsupportedFileType",t.FileReaderReadFailed="FileReaderReadFailed",t.NotAvailableXMLHttpRequest="NotAvailableXMLHttpRequest",t.InvalidProgressEventTarget="InvalidProgressEventTarget",t.RequestError="RequestError"}(i||(e.QiniuErrorName=i={}));var c=function(t,e){this.name=t,this.message=e,this.stack=(new Error).stack};e.QiniuError=c;var f=function(t){function e(e,n,r,o){var u=t.call(this,i.RequestError,r)||this;return u.code=e,u.reqId=n,u.isRequestError=!0,u.data=o,u}return s(e,t),e}(c);e.QiniuRequestError=f;var l=function(t){function e(e,n){return void 0===n&&(n=""),t.call(this,0,n,e)||this}return s(e,t),e}(f);e.QiniuNetworkError=l},function(t,e,n){var r=n(67),o=n(52);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=!0},function(t,e,n){var r=n(47);t.exports=function(t){return Object(r(t))}},function(t,e){t.exports={}},function(t,e,n){var r=n(10).f,o=n(15),i=n(5)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(35)("meta"),o=n(6),i=n(15),u=n(10).f,a=0,s=Object.isExtensible||function(){return!0},c=!n(16)((function(){return s(Object.preventExtensions({}))})),f=function(t){u(t,r,{value:{i:"O"+ ++a,w:{}}})},l=t.exports={KEY:r,NEED:!1,fastKey:function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!s(t))return"F";if(!e)return"E";f(t)}return t[r].i},getWeak:function(t,e){if(!i(t,r)){if(!s(t))return!0;if(!e)return!1;f(t)}return t[r].w},onFreeze:function(t){return c&&l.NEED&&s(t)&&!i(t,r)&&f(t),t}}},function(t,e,n){var r=n(6);t.exports=function(t,e){if(!r(t)||t._t!==e)throw TypeError("Incompatible receiver, "+e+" required!");return t}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){t.exports=n(90)},function(t,e,n){var r=n(11),o=n(92),i=n(52),u=n(50)("IE_PROTO"),a=function(){},s=function(){var t,e=n(44)("iframe"),r=i.length;for(e.style.display="none",n(68).appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write(" + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/record.html b/view/molistar/modules/guild-ar/record.html new file mode 100644 index 00000000..b04572d8 --- /dev/null +++ b/view/molistar/modules/guild-ar/record.html @@ -0,0 +1,52 @@ + + + + + + + Transfer salary record + + + + + + + + + + + + + +
    + +

    Transfer salary record

    +
    + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/salary_account.html b/view/molistar/modules/guild-ar/salary_account.html new file mode 100644 index 00000000..c149f208 --- /dev/null +++ b/view/molistar/modules/guild-ar/salary_account.html @@ -0,0 +1,172 @@ + + + + + + + + + + + + + + + + + + + +
    + +

    +
    + +
    +

    + 0 ÜS +

    +

    + + +

    +
    +
    +
    +
    +
    + +
    +
    +
    + + +
    +
    +
    + + +
    + + +
    +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +

    + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +

    +
    + ÜS + + +
    +

    +
    +
    Cancel
    +
    Confirm
    +
    +
    +
    + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/search.html b/view/molistar/modules/guild-ar/search.html new file mode 100644 index 00000000..0340f74b --- /dev/null +++ b/view/molistar/modules/guild-ar/search.html @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + +
    + + + +
    +
    + + + +
    +
    +

    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/successful.html b/view/molistar/modules/guild-ar/successful.html new file mode 100644 index 00000000..9f1f25e7 --- /dev/null +++ b/view/molistar/modules/guild-ar/successful.html @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + + +
    + +

    +
    + +
    + +

    + -Username +

    +
    0 ÜS
    + + + + + + + +
    + + + + + + + + + + + + + + + \ No newline at end of file