细节优化

2025-10-21 15:13:22 +08:00
parent 5a7605e9d2
commit 6087e1bf94
6 changed files with 72 additions and 62 deletions
--- a/src/pages.json
+++ b/src/pages.json
@@ -91,10 +91,7 @@
      "path": "pages/ranking"
    },
    {
-      "path": "pages/rank-list",
-      "style": {
-        "enablePullDownRefresh": false
-      }
+      "path": "pages/rank-list"
    },
    {
      "path": "pages/team-match"
@@ -123,7 +120,8 @@
    "navigationBarBackgroundColor": "#000000",
    "navigationBarTextStyle": "@navTxtStyle",
    "navigationBarTitleText": "Uni Creator",
-    "navigationStyle": "custom"
+    "navigationStyle": "custom",
+    "enablePullDownRefresh": false
  },
  "subPackages": []
 }
--- a/src/pages/be-vip.vue
+++ b/src/pages/be-vip.vue
@@ -100,7 +100,7 @@ onBeforeUnmount(() => {
        </block>
        <block v-else>
          <text v-if="user.expiredAt">
-            {{ formatTimestamp(user.expiredAt) }}到期
+            {{ formatTimestamp(user.expiredAt) }} 到期
          </text>
        </block>
      </view>
@@ -113,7 +113,7 @@ onBeforeUnmount(() => {
            <view />
            <text>VIP 介绍</text>
          </view>
-          <view>
+          <view :style="{ marginTop: '10rpx' }">
            <rich-text :nodes="richContent" />
            <!-- <text
              >射灵星球VIP服务，为全球弓箭手提供约战、段位评级、实时排位赛、智能教练点评等专属特权。会员可在酷帅的真实射箭运动中，同步享受在线竞技的乐趣，还能找到志同道合的伙伴，并获得新鲜的功能体验和持续升级的系统。
@@ -209,6 +209,7 @@ onBeforeUnmount(() => {
  width: 100%;
  display: flex;
  align-items: center;
+  color: #000;
 }
 .title-bar > view:first-child {
  width: 5px;
--- a/src/pages/friend-battle.vue
+++ b/src/pages/friend-battle.vue
@@ -186,6 +186,7 @@ onShow(async () => {
  text-align: center;
  font-size: 14px;
  height: 40px;
+  color: #fff;
 }
 .founded-room > view > view {
  background-color: #fed847;
--- a/src/pages/point-book-detail.vue
+++ b/src/pages/point-book-detail.vue
@@ -144,57 +144,61 @@ onLoad(async (options) => {
          />
        </button>
      </view>
-      <BowTargetEdit
-        :id="targetId"
-        :src="targetSrc"
-        :arrows="arrows.filter((item) => item.x && item.y)"
-        :editMode="false"
-      />
-      <view class="title-bar">
-        <view />
-        <text>环值分布</text>
+      <view :style="{ transform: 'translateY(-45rpx)' }">
+        <BowTargetEdit
+          :id="targetId"
+          :src="targetSrc"
+          :arrows="arrows.filter((item) => item.x && item.y)"
+          :editMode="false"
+        />
      </view>
-      <view :style="{ padding: '0 30rpx' }">
-        <RingBarChart :data="ringRates" />
-      </view>
-      <view class="title-bar" :style="{ marginTop: '30rpx' }">
-        <view />
-        <text>{{
-          selectedIndex === 0 ? "每组环数" : `第${selectedIndex}组环数`
-        }}</text>
-      </view>
-      <view class="ring-text-groups">
-        <view v-for="(item, index) in groups" :key="index">
-          <text v-if="selectedIndex === 0 && index !== 0">{{
-            `第${index}组`
+      <view :style="{ transform: 'translateY(-90rpx)' }">
+        <view class="title-bar">
+          <view />
+          <text>环值分布</text>
+        </view>
+        <view :style="{ padding: '0 30rpx' }">
+          <RingBarChart :data="ringRates" />
+        </view>
+        <view class="title-bar" :style="{ marginTop: '30rpx' }">
+          <view />
+          <text>{{
+            selectedIndex === 0 ? "每组环数" : `第${selectedIndex}组环数`
          }}</text>
-          <view
-            v-if="
-              (selectedIndex === 0 && index !== 0) ||
-              (selectedIndex !== 0 && index === selectedIndex)
-            "
-          >
-            <text
-              v-for="(arrow, index2) in item.list"
-              :key="index2"
-              :style="{
-                color:
-                  arrow.ring === 0 || arrow.ring === 10 ? '#FFA118' : '#666',
-              }"
+        </view>
+        <view class="ring-text-groups">
+          <view v-for="(item, index) in groups" :key="index">
+            <text v-if="selectedIndex === 0 && index !== 0">{{
+              `第${index}组`
+            }}</text>
+            <view
+              v-if="
+                (selectedIndex === 0 && index !== 0) ||
+                (selectedIndex !== 0 && index === selectedIndex)
+              "
            >
-              {{
-                arrow.ring === 0
-                  ? "X"
-                  : arrow.ring === -1
-                  ? "M"
-                  : arrow.ring + "环"
-              }}
-            </text>
+              <text
+                v-for="(arrow, index2) in item.list"
+                :key="index2"
+                :style="{
+                  color:
+                    arrow.ring === 0 || arrow.ring === 10 ? '#FFA118' : '#666',
+                }"
+              >
+                {{
+                  arrow.ring === 0
+                    ? "X"
+                    : arrow.ring === -1
+                    ? "M"
+                    : arrow.ring + "环"
+                }}
+              </text>
+            </view>
          </view>
        </view>
-      </view>
-      <view :style="{ marginBottom: '40rpx' }">
-        <SButton :onClick="goBack" :rounded="50">关闭</SButton>
+        <view :style="{ marginBottom: '40rpx' }">
+          <SButton :onClick="goBack" :rounded="50">关闭</SButton>
+        </view>
      </view>
      <ScreenHint2 :show="showTip || showTip2" :onClose="closeTip">
        <view class="tip-content">
@@ -236,7 +240,7 @@ onLoad(async (options) => {
  border-radius: 10px;
  background-color: #fff;
  width: 24vw;
-  height: 90rpx;
+  height: 80rpx;
  text-align: center;
  margin: 5px;
  margin-top: 0;
@@ -245,7 +249,7 @@ onLoad(async (options) => {
  position: relative;
 }
 .tab-bar > view > text {
-  line-height: 90rpx;
+  line-height: 80rpx;
  transition: all 0.2s ease;
 }
 .tab-bar > view > image {
@@ -259,18 +263,18 @@ onLoad(async (options) => {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3vw;
-  margin: 10px 15px;
+  margin: 10rpx 30rpx;
 }
 .detail-data > view {
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 20rpx;
-  padding: 18rpx 24rpx;
+  padding: 15rpx 24rpx;
 }
 .detail-data > view > view {
  font-size: 13px;
  color: #999;
-  margin-bottom: 12rpx;
+  margin-bottom: 6rpx;
 }
 .detail-data > view > view > text {
  word-break: keep-all;
@@ -290,6 +294,8 @@ onLoad(async (options) => {
  align-items: center;
  font-size: 13px;
  color: #999;
+  position: relative;
+  z-index: 10;
 }
 .title-bar > view:first-child {
  width: 8rpx;
@@ -307,6 +313,7 @@ onLoad(async (options) => {
  padding: 25px;
  display: flex;
  flex-direction: column;
+  color: #000;
 }
 .tip-content > text {
  width: 100%;
@@ -345,7 +352,7 @@ onLoad(async (options) => {
  margin-left: 20rpx;
 }
 .ring-text-groups > view > view > text {
-  width: 60rpx;
+  width: 1fr;
  text-align: center;
  margin-bottom: 10rpx;
 }
--- a/src/pages/point-book-edit.vue
+++ b/src/pages/point-book-edit.vue
@@ -218,6 +218,7 @@ onMounted(() => {
  padding: 25px;
  display: flex;
  flex-direction: column;
+  color: #000;
 }
 .tip-content > text {
  width: 100%;
@@ -237,6 +238,7 @@ onMounted(() => {
  border: 1px solid #eeeeee;
  padding: 12px 0;
  font-size: 14px;
+  color: #000;
 }
 .tip-content > view > button:last-child {
  background: #fed847;
--- a/src/pages/point-book.vue
+++ b/src/pages/point-book.vue
@@ -273,7 +273,7 @@ onShareTimeline(() => {
          </button>
        </view>
      </view>
-      <view class="title">
+      <view class="title" :style="{ marginBottom: 0 }">
        <image src="../static/point-book-title1.png" mode="widthFix" />
      </view>
      <view class="heat-map">
@@ -441,9 +441,10 @@ onShareTimeline(() => {
 }
 .heat-map {
  position: relative;
-  margin: 10rpx;
+  margin: 0 auto;
  width: calc(100vw - 70rpx);
  height: calc(100vw - 70rpx);
+  transform: scale(0.9);
 }
 .heat-map > image {
  width: 100%;
@@ -467,7 +468,7 @@ onShareTimeline(() => {
  width: 100%;
  display: flex;
  justify-content: flex-end;
-  margin-top: -100rpx;
+  margin-top: -120rpx;
  position: relative;
  z-index: 10;
 }