EASYAIuniappNewUI/dist/dev/mp-weixin/components/firstui/fui-fab/fui-fab.wxss
2025-02-08 18:50:38 +08:00

166 lines
2.7 KiB
Plaintext

.fui-fab__mask.data-v-2c25f223 {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition-property: visibility, opacity;
transition-duration: .25s;
}
.fui-fab__mask-show.data-v-2c25f223 {
opacity: 1;
visibility: visible;
}
.fui-fab__btn-wrap.data-v-2c25f223 {
display: flex;
flex-direction: column;
justify-content: center;
position: fixed;
bottom: 120rpx;
}
.fui-fab__wrap-left.data-v-2c25f223 {
align-items: flex-start;
left: 80rpx;
}
.fui-fab__wrap-right.data-v-2c25f223 {
align-items: flex-end;
right: 80rpx;
}
.fui-fab__btn-list.data-v-2c25f223 {
display: flex;
visibility: hidden;
transition: all 0.25s ease-in-out;
transform: scale3d(0, 0, 1);
opacity: 0;
flex-direction: column;
}
.fui-fab__list-left.data-v-2c25f223 {
transform-origin: 0 100%;
align-items: flex-start;
}
.fui-fab__list-right.data-v-2c25f223 {
transform-origin: 100% 100%;
align-items: flex-end;
}
.fui-fab__btn-hidden.data-v-2c25f223 {
width: 0;
height: 0;
}
.fui-fab__list-ani.data-v-2c25f223 {
opacity: 1;
transform: scale3d(1, 1, 1);
visibility: visible;
}
.fui-fab__button-box.data-v-2c25f223 {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-bottom: 32rpx;
position: relative;
}
.fui-fab__button-left.data-v-2c25f223 {
flex-direction: row-reverse;
justify-content: flex-start;
}
.fui-fab__button-right.data-v-2c25f223 {
flex-direction: row;
justify-content: flex-end;
}
.fui-fab__btn-text.data-v-2c25f223 {
box-sizing: border-box;
padding-left: 24rpx;
padding-right: 24rpx;
font-weight: normal;
}
.fui-fab__button.data-v-2c25f223 {
display: flex;
border-radius: 50%;
flex-direction: row;
align-items: center;
justify-content: center;
}
.fui-fab__btn-abbr.data-v-2c25f223 {
text-align: center;
font-weight: normal;
}
.fui-fab__btn-main.data-v-2c25f223 {
display: flex;
border-radius: 50%;
box-shadow: 0 10rpx 14rpx 0 rgba(0, 0, 0, 0.1);
align-items: center;
justify-content: center;
transform: rotate(0deg);
overflow: hidden;
position: relative;
}
.fui-fab__btn-inner.data-v-2c25f223 {
display: flex;
transform: rotate(0deg);
transition: transform .25s;
align-items: center;
justify-content: center;
}
.fui-fab__btn-ani.data-v-2c25f223 {
transform: rotate(135deg);
}
.fui-fab__btn-color.data-v-2c25f223 {
background: var(--fui-color-primary, #465CFF) !important;
}
.fui-fab__opentype-btn.data-v-2c25f223 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-width: 0;
background-color: rgba(0, 0, 0, 0);
opacity: 0;
z-index: 1;
}
.fui-fab__opentype-btn.data-v-2c25f223::after {
border-width: 0;
}