huiting/miniprogram/pages/user/user.wxss

/* components/user/user.wxss */
.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 150rpx;
}

.avatar {
  height: 200rpx;
  width: 200rpx;
  border-radius: 100%;
  margin-bottom: 20rpx;
}

.nickname {
  font-size: 40rpx;
  margin-bottom: 10rpx;
}

.location {
  font-size: 30rpx;
}

.mid {
  margin-top: 40rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn {
  display: flex;
  margin-top: 20rpx;
  align-items: center;
}

.btn-hover {
  background: #c0c0c0;
}

.btn-icon {
  height: 44rpx;
  width: 44rpx;
  margin-right: 10rpx;
}

.btn-text {
  font-size: 35rpx;
}

.publisher {
  position: absolute;
  top: 730rpx;
  height: 180rpx;
  width: 15%;
  border-radius: 20rpx;
  left: -20rpx;
  display: flex;
  align-items: center;
  padding-left: 40rpx;
  font-size: 35rpx;
}

.bottom {
  bottom: 0rpx;
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  z-index: 100;
  background-color: #ffffff;
  box-shadow: 0rpx -5rpx 15rpx 0rpx rgba(0, 0, 0, 0.16) inset;
  font-size: 24rpx;
  padding-bottom: 20rpx;
}