微信小程序用户管理页面样式设计 - 显示用户账号、姓名和修改身份 - 常规

  </view>
</block>

.container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: Arial, sans-serif; }

.header { font-size: 24px; font-weight: bold; margin-bottom: 20px; }

.user-list { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.user-item { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px; }

.user-name { font-size: 18px; font-weight: bold; margin-bottom: 10px; }

.user-account { font-size: 16px; margin-bottom: 10px; }

.user-role { font-size: 16px; margin-right: 10px; }

.user-edit { display: flex; align-items: center; justify-content: center; }

.btn { background-color: #007AFF; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px; margin-left: 10px; }

.btn:hover { background-color: #0056b3; }