修改完成

pages/records/r01-people-list.vue

@@ -14,10 +14,6 @@
     <view class="people-content">
       <template v-if="peopleState === 'ready'">
         <view class="people-search">
-          <image
-            src="/static/assets/modules/records/transparent/r01-search-input-frame.png"
-            mode="scaleToFill"
-          />
           <input
             v-model="keywordInput"
             confirm-type="search"
@@ -41,11 +37,6 @@
             class="person-card"
             @click="openPerson(person)"
           >
-            <image
-              class="person-card__skin"
-              src="/static/assets/modules/records/transparent/r01-person-name-card.png"
-              mode="scaleToFill"
-            />
             <view class="person-card__copy">
               <text class="person-card__name">{{ person.name }}</text>
               <text class="person-card__meta"
@@ -63,11 +54,7 @@
         </view>
 
         <view v-else class="people-result-empty">
-          <image
-            src="/static/assets/modules/records/transparent/r01-person-name-card.png"
-            mode="scaleToFill"
-          />
-          <view
+          <view class="people-state-card__copy"
             ><text>没有找到相关人物</text
             ><text>请更换姓名、身份或世代关键词后再试。</text></view
           >
@@ -81,11 +68,7 @@
       </template>
 
       <view v-else class="people-state-card">
-        <image
-          src="/static/assets/modules/records/transparent/r01-person-name-card.png"
-          mode="scaleToFill"
-        />
-        <view>
+        <view class="people-state-card__copy">
           <text>{{
             peopleState === "empty" ? "还没有人物记录" : "人物录暂不可用"
           }}</text>
@@ -171,12 +154,7 @@ const openPerson = (person) =>
     url: `/pages/records/r02-person-detail?personId=${person.id}`,
   });
 const showCreateNotice = () => {
-  toastVisible.value = true;
-  if (toastTimer) clearTimeout(toastTimer);
-  toastTimer = setTimeout(() => {
-    toastVisible.value = false;
-    toastTimer = null;
-  }, 1800);
+  uni.navigateTo({ url: "/pages/records/r02-person-detail?mode=create" });
 };
 
 onUnmounted(() => {
@@ -186,37 +164,28 @@ onUnmounted(() => {
 
 <style scoped lang="scss">
 .people-page {
-  position: relative;
+  display: flex;
   min-height: 100vh;
-  overflow-x: hidden;
+  flex-direction: column;
   background: $paper;
 }
 .people-page__header,
 .people-content {
-  position: relative;
-  z-index: 2;
+  z-index: 1;
 }
 .people-content {
+  flex: 1;
   padding: 22rpx 24rpx 100rpx;
 }
 .people-search {
-  position: relative;
   display: grid;
   grid-template-columns: minmax(0, 1fr) 126rpx;
   width: 100%;
-  height: 82rpx;
   min-height: 44px;
   align-items: center;
-}
-.people-search > image {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
+  background: url("/static/assets/modules/records/transparent/r01-search-input-frame.png") center / 100% 100% no-repeat;
 }
 .people-search input {
-  position: relative;
   z-index: 1;
   width: 100%;
   min-width: 0;
@@ -230,7 +199,6 @@ onUnmounted(() => {
   color: #8a7965;
 }
 .people-search__action {
-  position: relative;
   z-index: 2;
   display: flex;
   width: 126rpx;
@@ -246,7 +214,6 @@ onUnmounted(() => {
   margin-top: 12px;
 }
 .person-card {
-  position: relative;
   display: flex;
   width: 100%;
   height: clamp(92px, 190rpx, 108px);
@@ -254,20 +221,12 @@ onUnmounted(() => {
   margin-top: 12px;
   padding: 16% 10%;
   box-sizing: border-box;
+  background: url("/static/assets/modules/records/transparent/r01-person-name-card.png") center / 100% 100% no-repeat;
 }
 .person-card:first-child {
   margin-top: 0;
 }
-.person-card__skin {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-}
 .person-card__copy {
-  position: relative;
-  z-index: 1;
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -294,27 +253,12 @@ onUnmounted(() => {
 }
 .people-result-empty,
 .people-state-card {
-  position: relative;
   margin-top: 38rpx;
+  background: url("/static/assets/modules/records/transparent/r01-person-name-card.png") top center / 100% 220rpx no-repeat;
   text-align: center;
 }
-.people-result-empty > image,
-.people-state-card > image {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  width: 100%;
-  height: 220rpx;
-  min-height: 118px;
-  pointer-events: none;
-}
-.people-result-empty > view,
-.people-state-card > view {
-  position: relative;
-  z-index: 1;
+.people-state-card__copy {
   display: flex;
-  height: 220rpx;
   min-height: 118px;
   flex-direction: column;
   align-items: center;