/* 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; }