share.wxss 1.1 KB

12345678910111213
  1. page { background-color: #f7f7f7; }
  2. .poster { height: 708rpx; width: 456rpx; margin: 46rpx auto 48rpx; background-color: whtie; box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15); }
  3. .poster wx-image { height: 708rpx; width: 456rpx; }
  4. .mycanvas { height: 1165rpx; width: 750rpx; }
  5. .share-title { font-size: 11pt; color: #999; text-align: center; margin-bottom: 20rpx; }
  6. .share-bg { height: 144rpx; text-align: center; }
  7. .cross-left { float: left; display: inline-block; height: 100%; text-align: center; width: 100rpx; padding: 59rpx 37rpx; }
  8. .cross-right { float: right; height: 100%; text-align: center; margin-left: -20rpx; width: 100rpx; padding: 59rpx 37rpx; }
  9. .cross-left wx-image, .cross-right wx-image { height: 26rpx; width: 26rpx; }
  10. .share-bg .active { border: 4rpx solid #ff4544; }
  11. .bg-item { height: 144rpx; width: 120rpx; margin-right: 20rpx; }
  12. .share-btn { height: 80rpx; width: 500rpx; margin-top: 40rpx; margin-bottom: 20rpx; color: white; background-color: #ff4544; border-radius: 40rpx; line-height: 80rpx; }
  13. .share-tip { font-size: 9pt; color: #999; text-align: center; }