swkz_wx/pages/user/index.wxss

/* pages/user/index.wxss */

.container {
  padding: 0;
  background: #fff;
}

.user_bg {
  width: 100%;
  height: 440rpx;
}

.user_bg_img {
  width: 100%;
  height: 440rpx;
  position: absolute;
  top: -180rpx;
  left: 0;
}

.user_avatar_bg {
  width: 100%;
  height: 100%;
  position: relative;
}

.user_avatar_con {
  width: 100%;
  position: absolute;
  top: 12%;
  flex-direction: column;
  display: flex;
  align-items: center;
}

.user_nickName {
  color: #000;
  margin-top: 30rpx;
  font-size: 36rpx;
}

.user_avatar {
  background: #ccc;
  width: 200rpx;
  height: 200rpx;
  border-radius: 50%;
}

.user_avatar_btn {
  width: 200rpx;
  height: 200rpx;
  border-radius: 50%;
  position: relative;
  top: -281rpx;
  opacity: 0;
}

/* .user_avatar image{
  width: 80rpx;
  height: 80rpx;
  padding: 40rpx;
} */

.user-logout {
  position: absolute;
  right: 20rpx;
  bottom: 20rpx;
  color: #000;
}

.fdkk-cells {
  margin: 10rpx 0;
  padding: 0 62rpx;
  background: #fff;
}

.iconfont {
  color: #e02f2f;
  font-size: 40rpx;
  margin-right: 20rpx;
}

.list-txt {
  font-size: 32rpx;
  color: #646464;
}

.no-border {
  border: none;
}

.weui-cell {
  border-top: 1rpx solid #efefef;
  padding: 30rpx 0; 
}

.weui-cell:before {
  border: none;
}

.nav-tab {
  display: flex;
  justify-content: space-around;
}

.nav-tab-item {
  font-size: 32rpx;
}

.user_order {
  background: #efefef;
  padding-top: 20rpx;
}

.contact_us {
  margin: 0 60rpx;
  line-height: 50rpx;
  color: #999;
  height: 200rpx;
  position: absolute;
  top: 0;
}

.contact {
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 0;
  transition: height 0.2s linear;
}

.contact_active {
  height: 200rpx;
  transition: height 0.2s linear;
}

.tab-list>.fdkk-cells {
  display: flex;
  justify-content: space-around;
  margin: 20rpx 80rpx;
}

.tab-list_item {
  display: flex;
  flex-direction: column;
}

.tab-list_item_img {
  width: 60rpx;
  height: 60rpx;
}

.tab-list_item_txt {
  margin-top: 10rpx;
  text-align: center;
}

.all_order {
  float: right;
  font-size: 28rpx;
  position: relative;
  top: 4rpx;
  margin-right: 6rpx;
}
.text_img{
  background-image:url('data:image/png;base64,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');
  width: 28rpx;
  height: 28rpx;
}

/* 新增的现代化登录界面样式 */
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* 头像选择按钮样式 */
.avatar-wrapper {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  width: 200rpx;
  height: 200rpx;
}

.avatar-wrapper::after {
  border: none;
}

.avatar-wrapper:hover {
  background: transparent;
}

/* 昵称输入框样式 */
.nickname-wrapper {
  margin-top: 30rpx;
  width: 300rpx;
}

.nickname-input {
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 32rpx;
  color: #333;
  width: 100%;
}

.nickname-display {
  margin-top: 30rpx;
}

/* 登录按钮样式更新 */
.user_avatar_btn {
  width: 280rpx;
  height: 60rpx;
  border-radius: 30rpx;
  position: relative;
  top: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.1);
  color: #666;
  font-size: 28rpx;
  line-height: 60rpx;
  margin-top: 30rpx;
}