调整

app/pages/userRelation/detail2/index.json

@@ -6,6 +6,8 @@
       "t-tag": "../../../miniprogram_npm/tdesign/tag/tag",
       "t-icon": "../../../miniprogram_npm/tdesign/icon/icon",
       "t-divider": "../../../miniprogram_npm/tdesign/divider/divider",
-      "t-button": "../../../miniprogram_npm/tdesign/button/button"
+      "t-button": "../../../miniprogram_npm/tdesign/button/button",
+      "t-cell": "../../../miniprogram_npm/tdesign/cell/cell",
+      "t-image": "../../../miniprogram_npm/tdesign/image/image"
   }
 }

app/pages/userRelation/detail2/index.less

@@ -7,7 +7,7 @@ page {
   background-color: #fff;
 }
 
-.container {
+.page-body {
   height: 100%;
   display: flex;
   flex: 1;
@@ -17,49 +17,41 @@ page {
   padding: 0;
   .safe-area-inset-bottom();
 }
-.content {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
+
+.cell {
+  &::after {
+    border-bottom: none !important;
+    border-bottom-width: 0px;
+  }
 }
 
-.row {
+.description {
   display: flex;
-  align-items: center;
-  padding: @spacer-2;
+  flex-direction: column;
 }
 
 .col {
   display: flex;
   flex: 1;
   flex-direction: column;
-  margin-left: @spacer-2;
 }
 
-.nickname {
-  margin-right: @spacer-1;
-  font-size: @font-size-l;
+.name {
+  font-size: @font-size-base;
+  color: @text-level-2-color;
 }
+
 .mobile {
   font-size: @font-size-base;
-  color: @text-level-3-color;
+  color: @text-level-2-color;
 }
+
 .avatar {
-  height: 140rpx;
-  width: 140rpx;
-  border-radius: 50%;
+  height: 160rpx;
+  width: 160rpx;
 }
-.img-view {
+
+.relation {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 140rpx;
-  width: 140rpx;
-  border-radius: 50%;
-  background-color: @bg-color;
-}
-.row2 {
-  display: flex;
-  align-items: center;
-  margin-bottom: @spacer-1;
+  flex-wrap: wrap;
 }

app/pages/userRelation/detail2/index.wxml

@@ -1,31 +1,18 @@
 <!-- index.wxml -->
-<view class="container">
-    <view class="content">
-        <view class="row">
-            <block wx:if="{{avatar}}">
-                <image class="avatar" src="{{avatar}}" mode="aspectFit" />
-            </block>
-            <block wx:else>
-                <view class="img-view">
-                    <t-icon name="icon" size="xl" />
-                </view>
-            </block>
-            <view class="col">
-                <view class="row2">
-                    <text class="nickname">{{nickname || '未设置'}}</text>
-                    <t-tag theme="{{stateColor[userState]}}" shape="round">{{userState}}</t-tag>
-                </view>
-                <text class="mobile">姓名: {{name  || '未设置'}}</text>
-                <text class="mobile">手机: {{mobile  || '未设置'}}</text>
-            </view>
+<view class="page-body">
+    <t-cell title="{{nickname}}" t-class="cell">
+        <t-image slot="left-icon" t-class="avatar" src="{{avatar}}" mode="aspectFit" shape="circle"></t-image>
+        <view slot="description" class="description">
+            <text class="name">姓名: {{name  || '未设置'}}</text>
+            <text class="mobile">手机: {{mobile  || '未设置'}}</text>
         </view>
-        <t-divider t-class="demo-1" t-class-content="t-class-content">
-            <text slot="content">权限设置</text>
-        </t-divider>
-        <block wx:for="{{relationArr}}">
-            <t-checkbox data-value="{{item}}" checked="{{item.checked}}" label="{{item.value}}" bind:change="onChange" />
-        </block>
-    </view>
-    <view class=""></view>
+    </t-cell>
+    <t-divider t-class-content="t-class-content">
+        <text slot="content">权限设置</text>
+    </t-divider>
+    <block wx:for="{{relationArr}}">
+        <t-checkbox data-value="{{item}}" checked="{{item.checked}}" label="{{t(entity + ':r.' + item.value)}}" bind:change="onChange" />
+    </block>
+    <view style="flex: 1"></view>
     <t-button theme="primary" bind:tap="onConfirm" block>保存</t-button>
 </view>

app/pages/userRelation/listTwo/index.less

@@ -45,8 +45,8 @@ page {
   color: @text-level-2-color;
 }
 .avatar {
-  height: 180rpx;
-  width: 180rpx;
+  height: 160rpx;
+  width: 160rpx;
 }
 
 .relation {