AI_Change_code/miniProgram/pages/work/index.wxss

/* pages/work/index.wxss */
.w_body{
  width: 100%;
  height: 100%;
}

.w_body > .work{
  width: 100%;
  height: 100%;
}

.share_btn{
  position: absolute;
  bottom: var(--bottom);
  height: 160rpx;
  width: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.share_bg{
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, #FFFFFF 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.8;
}

.share_btn>view:not(.share_bg){
  background: #fff;
  width: 112rpx;
  height: 112rpx;
  border-radius: 20rpx;
  position: relative;
}

.share_btn>view:not(.share_bg)>.iconfont{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 60rpx;
}

.share_btn>view:not(.share_bg)>.iconzhongxinpaizhaoyuan{
  color: #545571;
}
.share_btn>view:not(.share_bg)>.iconxiazai{
  color: #51BF08;
}

.share_btn>.share-quan{
  min-width: 400rpx!important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20rpx;
  color: #202020;
}

.share_btn>.share-quan>image{
  width: 70rpx;
  height: 70rpx;
  margin-right: 12rpx;
}