feat: unify project responsive layouts

components/tree/TreeMemberForm.vue

@@ -107,7 +107,7 @@ const configs = {
     action: "保存资料",
     note: "隐私字段只向本人和有权限的家谱管理员展示。",
     fields: [
-      { key: "name", label: "姓名", placeholder: "汤文远" },
+      { key: "name", label: "姓名", placeholder: "请输入首位成员姓名" },
       { key: "generation", label: "字辈", placeholder: "例如：文" },
       { key: "birthDate", label: "出生日期", placeholder: "1940年" },
       { key: "summary", label: "人物简介", placeholder: "简要记录生平" },
@@ -121,7 +121,7 @@ const configs = {
     action: "保存关系",
     note: "若形成重复父母、代际倒置等情况，页面会先提示冲突。",
     fields: [
-      { key: "source", label: "当前成员", placeholder: "汤文远" },
+      { key: "source", label: "当前成员", placeholder: "请选择当前成员" },
       { key: "target", label: "关联成员", placeholder: "请选择家谱成员" },
       { key: "relation", label: "关系类型", placeholder: "父子、配偶等" },
       { key: "effectiveDate", label: "生效日期", placeholder: "选填" },
@@ -195,6 +195,7 @@ const showConflictHelp = () => {
 </script>
 
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
 .member-form-page {
   display: flex;
   min-height: 100vh;
@@ -205,14 +206,13 @@ const showConflictHelp = () => {
   z-index: 3;
 }
 .member-form-panel {
+  @include adaptive.adaptive-tree-panel;
   z-index: 2;
   width: calc(100% - 32rpx);
   min-height: min(640px, calc((100vw - 16px) * 1.48));
   margin: 18rpx auto 0;
   padding: 7.5% 8%;
   box-sizing: border-box;
-  background: url("/static/assets/modules/tree/transparent/t01-state-panel.png")
-    center / 100% 100% no-repeat;
 }
 .member-form,
 .member-form-result {
@@ -240,6 +240,7 @@ const showConflictHelp = () => {
   line-height: 1.5;
 }
 .member-field {
+  @include adaptive.adaptive-tree-field;
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   min-height: 78rpx;
@@ -248,8 +249,6 @@ const showConflictHelp = () => {
   margin-top: 12rpx;
   padding: 12rpx 22rpx;
   box-sizing: border-box;
-  background: url("/static/assets/modules/tree/transparent/t07-search-input-frame.png")
-    center / 100% 100% no-repeat;
 }
 .member-field > text {
   z-index: 1;