From 64279158190e2be741036ba0efd61588eb6b828c Mon Sep 17 00:00:00 2001 From: Dragon <13925835632@139.com> Date: Thu, 28 Dec 2023 19:23:38 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A6=9C=E5=8D=95=E6=98=BE?= =?UTF-8?q?=E7=A4=BAbug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- view/yinmeng/activity/2023-year/css/index.css | 60 +++++++++++------- .../yinmeng/activity/2023-year/css/index.scss | 62 ++++++++++++------- view/yinmeng/activity/2023-year/js/index.js | 6 +- 3 files changed, 77 insertions(+), 51 deletions(-) diff --git a/view/yinmeng/activity/2023-year/css/index.css b/view/yinmeng/activity/2023-year/css/index.css index a0327de..ad35cd6 100644 --- a/view/yinmeng/activity/2023-year/css/index.css +++ b/view/yinmeng/activity/2023-year/css/index.css @@ -715,13 +715,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.93333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page2 .top3Box .no1 span { @@ -772,13 +773,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.49333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page2 .top3Box .no2 span { @@ -829,13 +831,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.49333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page2 .top3Box .no3 span { @@ -1159,13 +1162,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.93333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page3 .top3Box .no1 span { @@ -1216,13 +1220,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.49333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page3 .top3Box .no2 span { @@ -1273,13 +1278,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.49333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page3 .top3Box .no3 span { @@ -1593,13 +1599,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.93333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page4 .top3Box .no1 span { @@ -1650,13 +1657,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.49333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page4 .top3Box .no2 span { @@ -1707,13 +1715,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.49333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page4 .top3Box .no3 span { @@ -1931,13 +1940,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.93333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page5 .top3Box .no1 span { @@ -1988,13 +1998,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.49333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page5 .top3Box .no2 span { @@ -2045,13 +2056,14 @@ body { font-size: 0.32rem; font-weight: 400; position: absolute; - left: 0; top: 2.49333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } .page5 .top3Box .no3 span { diff --git a/view/yinmeng/activity/2023-year/css/index.scss b/view/yinmeng/activity/2023-year/css/index.scss index 80059ec..8781b40 100644 --- a/view/yinmeng/activity/2023-year/css/index.scss +++ b/view/yinmeng/activity/2023-year/css/index.scss @@ -722,13 +722,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(220); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -779,13 +780,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(187); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -836,13 +838,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(187); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -1166,13 +1169,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(220); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -1223,13 +1227,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(187); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -1280,13 +1285,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(187); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -1600,13 +1606,16 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(220); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); + + } span { @@ -1657,13 +1666,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(187); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -1714,13 +1724,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(187); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -1938,13 +1949,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(220); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -1995,13 +2007,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(187); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { @@ -2052,13 +2065,14 @@ body { font-size: px2rem(24); font-weight: 400; position: absolute; - left: 0; top: px2rem(187); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2; - width: 100%; + left: 50%; + width: 75%; + transform: translateX(-50%); } span { diff --git a/view/yinmeng/activity/2023-year/js/index.js b/view/yinmeng/activity/2023-year/js/index.js index 9de9ca8..79f30e6 100644 --- a/view/yinmeng/activity/2023-year/js/index.js +++ b/view/yinmeng/activity/2023-year/js/index.js @@ -920,7 +920,7 @@ function popularGetRankCountup (leftTime) { $('.page3 .page3RuleIcon').click(function () { getHourRank(); }) -$('.page3_pop .page3_pop_in ul').on('click', 'li ts', function () { +$('.page3 ul').on('click', 'li .ts', function () { var uid = $(this).attr('uid'); // 跳转个人资料页 if (browser.ios) { @@ -945,7 +945,7 @@ function getHourRank () { // 渲染小时榜时间 $('.page3_pop .page3_pop_in .timeBox .div1').text(`${res.data.curHour}点小时榜`); if (res.data.curHourEndTime) { - hourCountup(res.data.curHourEndTime - res.timestamp); + hourCountup(res.data.curHourEndTime - res.timestamp); } else { toastMsg('小时榜仅在每晚19:00-23:59开启') hideLoading(layerIndex) @@ -1126,7 +1126,7 @@ $('.page4 .top3Box .no .ts').click(function () { } }) // 点击人气榜非前三跳转个人信息页 -$('.page4 ul li').on('click', '.ts', function () { +$('.page4 ul').on('click', ' li .ts', function () { // 跳转房间 var roomUid = $(this).attr('roomUid'); if (browser.ios) {