微信小程序用户管理页面样式代码 - 一行显示用户信息 - 常规

{{item.nickname}} {{item.openid}} {{item.identity}} .container { display: flex; flex-direction: column; align-items: center; margin-top: 20px; }

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

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

.user-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; width: 80%; }

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

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

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

.user-edit { display: flex; flex-direction: row; align-items: center; }

.btn { background-color: #007aff; color: #fff; border-radius: 5px; padding: 5px 10px; font-size: 14px; margin-left: 10px; }

.btn:hover { cursor: pointer; opacity: 0.8; }