| 1 |
- .wux-speed-dial{position:fixed;z-index:1500}.wux-speed-dial--topLeft{left:30rpx;top:30rpx}.wux-speed-dial--topRight{right:30rpx;top:30rpx}.wux-speed-dial--bottomLeft{left:30rpx;bottom:30rpx}.wux-speed-dial--bottomRight{right:30rpx;bottom:30rpx}.wux-speed-dial--bottomLeft .wux-speed-dial__button:after,.wux-speed-dial--topLeft .wux-speed-dial__button:after{left:120rpx}.wux-speed-dial--bottomRight .wux-speed-dial__button:after,.wux-speed-dial--topRight .wux-speed-dial__button:after{right:120rpx}.wux-speed-dial--topLeft .wux-speed-dial__buttons,.wux-speed-dial--topRight .wux-speed-dial__buttons{bottom:inherit;top:100%;margin-bottom:0;margin-top:32rpx}.wux-speed-dial__action{position:absolute;right:30rpx;bottom:30rpx;width:100rpx;height:100rpx;border-radius:50%;z-index:1500;background-color:#33cd5f;color:#fff;overflow:hidden;transition-duration:.3s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 0 8rpx rgba(0,0,0,.14),0 8rpx 16rpx rgba(0,0,0,.28);right:0;bottom:0;position:relative}.wux-speed-dial__action--hover{transition-duration:0s;opacity:.8!important}.wux-speed-dial__icon{display:inline-block;width:40rpx;height:40rpx;font-size:40rpx;line-height:1}.wux-speed-dial__text{display:inline-block;width:40rpx;height:40rpx;font-size:40rpx;line-height:1;transition:transform 150ms cubic-bezier(.4,0,1,1)}.wux-speed-dial__text--rotate{transform:scale(1) rotate(135deg)}.wux-speed-dial__buttons{position:absolute;width:80rpx;left:50%;margin-left:-40rpx;bottom:100%;margin-bottom:32rpx;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;visibility:hidden;pointer-events:none}.wux-speed-dial__button{padding:0;margin:0;border-radius:0;color:inherit;background:0 0;font-size:inherit;line-height:inherit;text-align:inherit;width:80rpx;height:80rpx;opacity:0;color:#fff;border-radius:50%;position:relative;z-index:1;overflow:visible;background-color:#33cd5f!important;transition-duration:.3s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transform:translate3d(0,16rpx,0) scale(.3);transform-origin:center bottom;box-shadow:0 0 8rpx rgba(0,0,0,.14),0 8rpx 16rpx rgba(0,0,0,.28)}.wux-speed-dial__button:after{position:static;top:auto;left:auto;width:auto;height:auto;border:none;border-radius:0;transform:none;transform-origin:0 0}.wux-speed-dial__button+.wux-speed-dial__button{margin-bottom:32rpx}.wux-speed-dial__button--label.wux-speed-dial__button:after{content:attr(data-label);position:absolute;top:50%;padding:8rpx 20rpx;font-size:24rpx;background:rgba(0,0,0,.4);border-radius:6rpx;color:rgba(255,255,255,.8);pointer-events:none;white-space:nowrap;opacity:0;box-sizing:border-box;transform:translate3d(0,-50%,0);transition:all .3s}.wux-speed-dial__button--hover{transition-duration:0s;opacity:.8!important}.wux-speed-dial__button--disabled{opacity:.3!important}.wux-speed-dial--opened .wux-speed-dial__buttons{visibility:visible;pointer-events:auto}.wux-speed-dial--opened .wux-speed-dial__button{opacity:1;transform:translate3d(0,0,0) scaleY(1)}.wux-speed-dial--opened .wux-speed-dial__button:after{opacity:1}.wux-speed-dial--light .wux-speed-dial__action,.wux-speed-dial--light .wux-speed-dial__button,.wux-speed-dial--light .wux-speed-dial__button--disabled{background-color:#ddd!important}.wux-speed-dial--stable .wux-speed-dial__action,.wux-speed-dial--stable .wux-speed-dial__button,.wux-speed-dial--stable .wux-speed-dial__button--disabled{background-color:#b2b2b2!important}.wux-speed-dial--positive .wux-speed-dial__action,.wux-speed-dial--positive .wux-speed-dial__button,.wux-speed-dial--positive .wux-speed-dial__button--disabled{background-color:#387ef5!important}.wux-speed-dial--calm .wux-speed-dial__action,.wux-speed-dial--calm .wux-speed-dial__button,.wux-speed-dial--calm .wux-speed-dial__button--disabled{background-color:#11c1f3!important}.wux-speed-dial--assertive .wux-speed-dial__action,.wux-speed-dial--assertive .wux-speed-dial__button,.wux-speed-dial--assertive .wux-speed-dial__button--disabled{background-color:#ef473a!important}.wux-speed-dial--balanced .wux-speed-dial__action,.wux-speed-dial--balanced .wux-speed-dial__button,.wux-speed-dial--balanced .wux-speed-dial__button--disabled{background-color:#33cd5f!important}.wux-speed-dial--energized .wux-speed-dial__action,.wux-speed-dial--energized .wux-speed-dial__button,.wux-speed-dial--energized .wux-speed-dial__button--disabled{background-color:#ffc900!important}.wux-speed-dial--royal .wux-speed-dial__action,.wux-speed-dial--royal .wux-speed-dial__button,.wux-speed-dial--royal .wux-speed-dial__button--disabled{background-color:#886aea!important}.wux-speed-dial--dark .wux-speed-dial__action,.wux-speed-dial--dark .wux-speed-dial__button,.wux-speed-dial--dark .wux-speed-dial__button--disabled{background-color:#444!important}
|
