zhengwu-wechat-applet/pages/mine/mine.wxss

/* pages/mine/mine.wxss */
page{
  background: #F2F2F2;
}
.bg-scroll-view {
  width: 100%;
  height: 100%;
}
.bg-top{
  width: 750rpx;
  height: 410rpx;
  background: #fff;
}
.bg-top>image:nth-child(1){
  width: 750rpx;
  height: 260rpx;
  background: #FFF;
}
.bg-top>view:nth-child(2){
  display: flex;
  width: 750rpx;
  height: 150rpx;
  background: #FFF;
}
.bg-top>view:nth-child(2)>view{
  display: flex;
  flex-direction: column;
  margin:-100rpx auto 0;
}
.bg-top>view:nth-child(2)>view>view:nth-child(1){
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
  background: #FFF;
  display: flex;
}
.bg-top>view:nth-child(2)>view>view:nth-child(1)>image{
  width: 136rpx;
  height: 136rpx;
  margin: auto;
  border-radius: 50%;
}
.bg-top>view:nth-child(2)>view>text{
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #333333;
  font-weight: 700;
  text-align: center;
  margin-top: 20rpx;
}
button::after{
  border: none;
}
button{
  background-color: #fff;
  padding: 0;
}
.bg-top>view:nth-child(2)>view>button{
  font-size: 32rpx;
  color: #333333;
  font-weight: 700;
  text-align: center;
}
.content{
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  background: #ffF;
  margin-top: 20rpx;
  display: flex;
}
.content>image:nth-child(1){
  width: 34rpx;
  height: 34rpx;
  margin: auto 18rpx auto 30rpx;
}
.content>text:nth-child(2){
  width: 300rpx;
  height: 100rpx;
  line-height: 100rpx;
  margin: auto auto 0rpx 0rpx;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #333333;
  text-align: left;
}
.content>text:nth-child(3){
  height: 100rpx;
  margin: auto 30rpx auto 0rpx;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #999999;
}