1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- /* compontents/share/share.wxss */
- .container {
- position:fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- z-index: 98;
- }
- .container:after {
- content:'';
- position:absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- background: rgba(255,255,255,.8);
- filter: blur(15px);
- z-index: 99;
- }
- .share {
- position:fixed;
- left: 15rpx;
- bottom: 0;
- width: calc(100% - 30rpx);
- border-radius:25rpx;
- padding:32rpx 24rpx;
- box-sizing:border-box;
- background:#fff;
- z-index: 100;
- }
- .share .title {
- font-size: 32rpx;
- font-weight: bolder;
- color: #3F3F3F;
- text-align: center;
- padding-bottom: 20rpx;
- border-bottom: 2rpx solid #C8C8C8;
-
- }
- .share-img {
- display: flex;
- align-items: center;
- justify-content: space-around;
- margin-top: 44rpx;
- }
- .share-img view {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- }
- .share-img text {
- font-size: 32rpx;
- color: #3F3F3F;
- margin-top: 43rpx;
- }
- .download image {
- width: 82rpx;
- height: 86rpx;
- }
- .transmit {
- display: flex;
- flex-direction: column;
- align-items: center;
- background: #fff;
- margin:0;
- padding:0;
- line-height: normal;
- }
- .transmit:after {
- content: '';
- border: none;
- }
- .transmit image {
- width: 102rpx;
- height: 82rpx;
- }
|