微信小程序 align-items:center

.w-balance-area {
display:flex;
padding:20rpx;
align-items:center;
}

去掉align-items:center的效果 

.reward .reward-head{

display: flex;

padding:30rpx;

}

.reward .reward-head .detail-text{

flex:1;

font-weight: bolder;

}

transform:translateY(-50%);  文字显示在正中间了。

 flex:1; 右边的整体浮动到右边了

font-weight:800; line-height:50rpx;text-align:right;margin:0 5rpx 0 0;

.arrow-next{width:28rpx;

height:28rpx;

float:right;position:absolute;

right:30rpx;

}

.search{width:40rpx;

height:40rpx;

margin:7rpx 25rpx 0 0;

float:left;

}

.search image{width:100%;height: 100%}