细节完善

src/pages/point-book-rank.vue

@@ -71,11 +71,7 @@ const shareImage = async () => {
       </view>
       <block v-if="list[0]">
         <text>{{ list[0].name }}占领了封面</text>
-        <text
-          >整整消耗了{{
-            Number((list[0].weekArrow * 1.6).toFixed(0))
-          }}大卡!</text
-        >
+        <text>整整消耗了{{ Math.round(list[0].weekArrow * 1.6) }}大卡!</text>
       </block>
     </view>
     <view class="rank-title-bar">
@@ -173,12 +169,12 @@ const shareImage = async () => {
   display: flex;
   align-items: center;
   text-align: center;
-  width: 100%;
+  width: calc(100% - 80rpx);
   line-height: 80rpx;
+  padding: 0 40rpx;
 }
 .rank-title-bar > text:nth-child(1) {
-  width: calc(15% - 30rpx);
-  padding-left: 30rpx;
+  width: 60rpx;
 }
 .rank-title-bar > text:nth-child(2) {
   flex: 1;
@@ -187,7 +183,7 @@ const shareImage = async () => {
   width: 18%;
 }
 .rank-title-bar > text:nth-child(4) {
-  width: 27%;
+  width: 24%;
 }
 .data-list {
   background: $uni-white;

src/pages/point-book.vue

@@ -648,11 +648,12 @@ onShareTimeline(() => {
   display: flex;
   align-items: center;
   text-align: center;
-  width: 100%;
+  width: calc(100% - 40rpx);
   line-height: 80rpx;
+  padding: 0 20rpx;
 }
 .rank-title-bar > text:nth-child(1) {
-  width: 15%;
+  width: 55rpx;
 }
 .rank-title-bar > text:nth-child(2) {
   flex: 1;
@@ -661,7 +662,7 @@ onShareTimeline(() => {
   width: 16%;
 }
 .rank-title-bar > text:nth-child(4) {
-  width: 27%;
+  width: 25%;
 }
 .strength {
   font-size: 22rpx;