huiting/miniprogram/pages/user/user.wxss

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

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

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

.pub-name {
  font-size: 30rpx;
  line-height: 50rpx;
}

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

.btn {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 200rpx !important;
  margin: 20rpx 0rpx 0rpx 0rpx !important;
  padding: 0rpx !important;
  font-size: 25rpx !important;
  font-weight: normal !important;
  background-color: transparent !important;
}

.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-bar {
  position: absolute;
  bottom: 0rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 1;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0rpx -5rpx 15rpx 0rpx rgba(0, 0, 0, 0.16) inset;
  font-size: 24rpx;
  padding-bottom: 20rpx;
}