southnote-sdk 1.0.12 → 1.0.14

package/pages/playerRank/playerRank.wxss

@@ -1,276 +1,276 @@
-page {
-  background: #fff;
-}
-
-.page {
-  background: #fff;
-}
-
-/* ========== 前三名 ========== */
-.podium {
-  display: flex;
-  align-items: flex-end;
-  padding: 15px 12px 20px;
-}
-
-.podium-col {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 0;
-  margin: 0 6px;
-}
-
-.avatar-zone {
-  position: relative;
-  z-index: 2;
-}
-
-.p-avatar {
-  border-radius: 50%;
-  border: 3px solid #fff;
-  display: block;
-  box-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.1);
-}
-
-.p-avatar.main {
-  width: 136rpx;
-  height: 136rpx;
-}
-
-.p-avatar.sub {
-  width: 112rpx;
-  height: 112rpx;
-}
-
-/* 色块卡片 */
-.card-bg {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  border-radius: 20rpx;
-  box-sizing: border-box;
-  padding-left: 12rpx;
-  padding-right: 12rpx;
-  position: relative;
-}
-
-.card-bg.first-bg {
-  margin-top: -74rpx;
-  padding-top: 124rpx;
-  padding-bottom: 100rpx;
-  background: linear-gradient(180deg, #fcedb4 0%, rgba(252, 237, 180, 0) 100%);
-}
-
-.card-bg.second-bg {
-  margin-top: -62rpx;
-  padding-top: 92rpx;
-  padding-bottom: 100rpx;
-  background: linear-gradient(180deg, #dfeaf9 0%, rgba(223, 234, 249, 0) 100%);
-}
-
-.card-bg.third-bg {
-  margin-top: -62rpx;
-  padding-top: 72rpx;
-  padding-bottom: 100rpx;
-  background: linear-gradient(180deg, #efe0d1 0%, rgba(239, 224, 209, 0) 100%);
-}
-
-.card-bottom {
-  position: absolute;
-  bottom: 20rpx;
-  left: 12rpx;
-  right: 12rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-/* 奖章 */
-.medal-wrap {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 12rpx;
-}
-
-.medal-img {
-  width: 100%;
-  height: 100%;
-}
-
-.medal-num {
-  position: absolute;
-  left: 53%;
-  transform: translateX(-50%);
-  color: #fff;
-  font-weight: bold;
-}
-
-.main-medal {
-  width: 96rpx;
-  height: 96rpx;
-}
-
-.main-medal .medal-num {
-  font-size: 32rpx;
-  bottom: 10rpx;
-}
-
-.sub-medal {
-  width: 84rpx;
-  height: 84rpx;
-}
-
-.sub-medal .medal-num {
-  font-size: 28rpx;
-  bottom: 10rpx;
-}
-
-/* 名字 */
-.p-name {
-  font-size: 26rpx;
-  font-weight: 600;
-  max-width: 95%;
-  text-align: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.first-name {
-  color: #bb660c;
-}
-
-.second-name {
-  color: #6482a5;
-}
-
-.third-name {
-  color: #796a57;
-}
-
-.p-level {
-  font-size: 22rpx;
-  color: #646464;
-  margin-top: 6rpx;
-}
-
-/* 皇冠icon */
-.hg-icon {
-  position: absolute;
-  top: -20rpx;
-  right: -20rpx;
-  border-radius: 50%;
-  z-index: 3;
-}
-
-.hg-icon.main-hg {
-  width: 56rpx;
-  height: 56rpx;
-}
-
-.hg-icon.sub-hg {
-  width: 48rpx;
-  height: 48rpx;
-}
-
-/* ========== 列表（第4名起） ========== */
-.rank-cell {
-  display: flex;
-  align-items: center;
-  padding: 28rpx 30rpx;
-  border-bottom: 1px solid #f5f5f5;
-}
-
-.rank-num {
-  width: 60rpx;
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #999;
-  text-align: center;
-  flex-shrink: 0;
-}
-
-.cell-avatar {
-  width: 88rpx;
-  height: 88rpx;
-  border-radius: 50%;
-  margin-left: 12rpx;
-  flex-shrink: 0;
-}
-
-.cell-info {
-  flex: 1;
-  margin-left: 20rpx;
-  min-width: 0;
-}
-
-.cell-name-row {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.cell-name {
-  font-size: 30rpx;
-  font-weight: 600;
-  color: #333;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 320rpx;
-}
-
-.cell-bio {
-  font-size: 24rpx;
-  color: #999;
-  margin-top: 6rpx;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-/* 等级icon */
-.level-icon {
-  position: relative;
-  width: 32rpx;
-  height: 32rpx;
-  flex-shrink: 0;
-}
-
-.level-img {
-  width: 100%;
-  height: 100%;
-}
-
-.level-text {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 20rpx;
-  color: #6d6d6d;
-}
-
-/* 粉丝标签 */
-.fan-tag {
-  font-size: 20rpx;
-  color: #ff9800;
-  background: #ffefd7;
-  padding: 2rpx 12rpx;
-  border-radius: 8rpx;
-  flex-shrink: 0;
-  margin-left: 4rpx;
-  font-weight: bold;
-}
-
-.loading-tip {
-  text-align: center;
-  padding: 30rpx 0;
-  font-size: 24rpx;
-  color: #999;
-}
+page {
+  background: #fff;
+}
+
+.page {
+  background: #fff;
+}
+
+/* ========== 前三名 ========== */
+.podium {
+  display: flex;
+  align-items: flex-end;
+  padding: 15px 12px 20px;
+}
+
+.podium-col {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 0;
+  margin: 0 6px;
+}
+
+.avatar-zone {
+  position: relative;
+  z-index: 2;
+}
+
+.p-avatar {
+  border-radius: 50%;
+  border: 3px solid #fff;
+  display: block;
+  box-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.1);
+}
+
+.p-avatar.main {
+  width: 136rpx;
+  height: 136rpx;
+}
+
+.p-avatar.sub {
+  width: 112rpx;
+  height: 112rpx;
+}
+
+/* 色块卡片 */
+.card-bg {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-radius: 20rpx;
+  box-sizing: border-box;
+  padding-left: 12rpx;
+  padding-right: 12rpx;
+  position: relative;
+}
+
+.card-bg.first-bg {
+  margin-top: -74rpx;
+  padding-top: 124rpx;
+  padding-bottom: 100rpx;
+  background: linear-gradient(180deg, #fcedb4 0%, rgba(252, 237, 180, 0) 100%);
+}
+
+.card-bg.second-bg {
+  margin-top: -62rpx;
+  padding-top: 92rpx;
+  padding-bottom: 100rpx;
+  background: linear-gradient(180deg, #dfeaf9 0%, rgba(223, 234, 249, 0) 100%);
+}
+
+.card-bg.third-bg {
+  margin-top: -62rpx;
+  padding-top: 72rpx;
+  padding-bottom: 100rpx;
+  background: linear-gradient(180deg, #efe0d1 0%, rgba(239, 224, 209, 0) 100%);
+}
+
+.card-bottom {
+  position: absolute;
+  bottom: 20rpx;
+  left: 12rpx;
+  right: 12rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* 奖章 */
+.medal-wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 12rpx;
+}
+
+.medal-img {
+  width: 100%;
+  height: 100%;
+}
+
+.medal-num {
+  position: absolute;
+  left: 53%;
+  transform: translateX(-50%);
+  color: #fff;
+  font-weight: bold;
+}
+
+.main-medal {
+  width: 96rpx;
+  height: 96rpx;
+}
+
+.main-medal .medal-num {
+  font-size: 32rpx;
+  bottom: 10rpx;
+}
+
+.sub-medal {
+  width: 84rpx;
+  height: 84rpx;
+}
+
+.sub-medal .medal-num {
+  font-size: 28rpx;
+  bottom: 10rpx;
+}
+
+/* 名字 */
+.p-name {
+  font-size: 26rpx;
+  font-weight: 600;
+  max-width: 95%;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.first-name {
+  color: #bb660c;
+}
+
+.second-name {
+  color: #6482a5;
+}
+
+.third-name {
+  color: #796a57;
+}
+
+.p-level {
+  font-size: 22rpx;
+  color: #646464;
+  margin-top: 6rpx;
+}
+
+/* 皇冠icon */
+.hg-icon {
+  position: absolute;
+  top: -20rpx;
+  right: -20rpx;
+  border-radius: 50%;
+  z-index: 3;
+}
+
+.hg-icon.main-hg {
+  width: 56rpx;
+  height: 56rpx;
+}
+
+.hg-icon.sub-hg {
+  width: 48rpx;
+  height: 48rpx;
+}
+
+/* ========== 列表（第4名起） ========== */
+.rank-cell {
+  display: flex;
+  align-items: center;
+  padding: 28rpx 30rpx;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.rank-num {
+  width: 60rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #999;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+.cell-avatar {
+  width: 88rpx;
+  height: 88rpx;
+  border-radius: 50%;
+  margin-left: 12rpx;
+  flex-shrink: 0;
+}
+
+.cell-info {
+  flex: 1;
+  margin-left: 20rpx;
+  min-width: 0;
+}
+
+.cell-name-row {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+}
+
+.cell-name {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #333;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 320rpx;
+}
+
+.cell-bio {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 6rpx;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* 等级icon */
+.level-icon {
+  position: relative;
+  width: calc(32rpx * 56 / 67);
+  height: 32rpx;
+  flex-shrink: 0;
+}
+
+.level-img {
+  width: 100%;
+  height: 100%;
+}
+
+.level-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 20rpx;
+  color: #fff;
+}
+
+/* 粉丝标签 */
+.fan-tag {
+  font-size: 20rpx;
+  color: #ff9800;
+  background: #ffefd7;
+  padding: 2rpx 12rpx;
+  border-radius: 8rpx;
+  flex-shrink: 0;
+  margin-left: 4rpx;
+  font-weight: bold;
+}
+
+.loading-tip {
+  text-align: center;
+  padding: 30rpx 0;
+  font-size: 24rpx;
+  color: #999;
+}