src/teacher/my-fans/index.module.less

@@ -19,6 +19,16 @@
 
 .myFansContainer {
   overflow: hidden;
+
+  :global {
+    .van-cell__title {
+      flex: 1 auto;
+    }
+    .van-cell__value {
+      flex-shrink: 0;
+      flex: auto;
+    }
+  }
 }
 .myFans {
   margin: 12px 14px 0 !important;
@@ -33,6 +43,11 @@
   font-weight: 500;
   color: #1a1a1a;
   line-height: 24px;
+  padding-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 180px;
 }
 
 .userImg {
@@ -57,7 +72,7 @@
     position: absolute;
     width: 39px;
     height: 18px;
-    bottom: -2px;
+    bottom: 0;
     left: 50%;
     margin-left: -19.5px;
   }

src/teacher/my-fans/index.tsx

@@ -69,11 +69,12 @@ export default defineComponent({
       try {
         Dialog.confirm({
           title: '提示',
-          message: '确定删除该粉丝吗？',
-          confirmButtonColor: 'var(--van-primary)'
+          message: '确定移除该粉丝吗？',
+          confirmButtonColor: 'var(--van-primary)',
+          confirmButtonText: "确定"
         }).then(async () => {
           await request.post('/api-teacher/teacher/delFans/' + item.userId)
-          Toast('删除成功')
+          Toast('移除成功')
 
           this.params.page = 1;
           this.list = []
@@ -122,9 +123,9 @@ export default defineComponent({
                         </div>
                       </div>
                     ),
-                    value: () => <div class={styles.btnGroup}>
+                    value: () => 
                       <span class={styles.removeBtn} onClick={() => this.onRemove(item)}>移除</span>
-                    </div>
+               
                   }}
                 />
               )