1 line
6.4 KiB
Plaintext
1 line
6.4 KiB
Plaintext
.home.data-v-064580fc{position:fixed;color:#fff;text-align:center;z-index:9999;display:flex;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.menus.data-v-064580fc{width:70rpx;height:70rpx;line-height:70rpx;position:relative;right:20rpx;font-size:24rpx;color:#fff;margin:auto}.menus .menu.data-v-064580fc{display:block;text-align:center;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition-timing-function:cubic-bezier(.25,1.2,.45,1);transition-duration:1s}.menu_bag.data-v-064580fc{width:70rpx;height:70rpx;border-radius:70rpx;background:rgba(51,51,51,.1);box-shadow:0rpx 0rpx 17rpx 0rpx rgba(0,0,0,.1);position:absolute}.close-bag.data-v-064580fc{-webkit-animation:close-data-v-064580fc .5s ease forwards;animation:close-data-v-064580fc .5s ease forwards}.has-bag.data-v-064580fc{border-radius:50%;-webkit-animation:show-data-v-064580fc .4s ease forwards;animation:show-data-v-064580fc .4s ease forwards}@-webkit-keyframes show-data-v-064580fc{0%{width:70rpx;height:70rpx}100%{width:350rpx;height:350rpx}}@keyframes show-data-v-064580fc{0%{width:70rpx;height:70rpx}100%{width:350rpx;height:350rpx}}@-webkit-keyframes close-data-v-064580fc{0%{width:350rpx;height:350rpx}100%{width:70rpx;height:70rpx}}@keyframes close-data-v-064580fc{0%{width:350rpx;height:350rpx}100%{width:70rpx;height:70rpx}}.menus .menu_main.data-v-064580fc{z-index:2;width:70rpx;height:70rpx;line-height:70rpx;font-size:36px;box-shadow:0 0 8px 0 rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.menus .menu_main image.data-v-064580fc{width:100%;height:100%}.menus .menu_a.data-v-064580fc{width:70rpx;height:70rpx;line-height:70rpx;color:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.menus_isOpen .menu_main.data-v-064580fc{width:70rpx;height:70rpx;line-height:70rpx;font-size:28rpx;color:#607d88;background-color:#fff}.menus_isOpen-3 .menu_a--1.data-v-064580fc{-webkit-transform:translate(-100%,calc(-50% - 93rpx));transform:translate(-100%,calc(-50% - 93rpx))}.menus_isOpen-3 .menu_a--2.data-v-064580fc{-webkit-transform:translate(calc(-50% - 100rpx),calc(-50%));transform:translate(calc(-50% - 100rpx),calc(-50%))}.menus_isOpen-3 .menu_a--3.data-v-064580fc{-webkit-transform:translate(-100%,calc(-50% + 93rpx));transform:translate(-100%,calc(-50% + 93rpx))}.menus_isOpen-4 .menu_a--1.data-v-064580fc{-webkit-transform:translate(-50%,calc(-50% - 100rpx));transform:translate(-50%,calc(-50% - 100rpx));box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.menus_isOpen-4 .menu_a--2.data-v-064580fc{-webkit-transform:translate(calc(-50% - 90rpx),calc(-50% - 50rpx));transform:translate(calc(-50% - 90rpx),calc(-50% - 50rpx));box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.menus_isOpen-4 .menu_a--3.data-v-064580fc{-webkit-transform:translate(calc(-50% - 90rpx),calc(-50% + 50rpx));transform:translate(calc(-50% - 90rpx),calc(-50% + 50rpx));box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.menus_isOpen-4 .menu_a--4.data-v-064580fc{-webkit-transform:translate(-50%,calc(-50% + 100rpx));transform:translate(-50%,calc(-50% + 100rpx));box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.menus_isOpen-4 .menu_a--5.data-v-064580fc{-webkit-transform:translate(calc(-50% + 100rpx),calc(-50% + 50rpx));transform:translate(calc(-50% + 100rpx),calc(-50% + 50rpx));box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.menus_isOpen-4 .menu_a--6.data-v-064580fc{-webkit-transform:translate(calc(-50% + 100rpx),calc(-50% - 50rpx));transform:translate(calc(-50% + 100rpx),calc(-50% - 50rpx));box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.menus_isOpen-5 .menu_a--1.data-v-064580fc{-webkit-transform:translate(-50%,calc(-50% - 110rpx));transform:translate(-50%,calc(-50% - 110rpx))}.menus_isOpen-5 .menu_a--2.data-v-064580fc{-webkit-transform:translate(calc(-50% - 76rpx),calc(-50% - 76rpx));transform:translate(calc(-50% - 76rpx),calc(-50% - 76rpx))}.menus_isOpen-5 .menu_a--3.data-v-064580fc{-webkit-transform:translate(calc(-50% - 106rpx),-50%);transform:translate(calc(-50% - 106rpx),-50%)}.menus_isOpen-5 .menu_a--4.data-v-064580fc{-webkit-transform:translate(calc(-50% - 76rpx),calc(-50% + 76rpx));transform:translate(calc(-50% - 76rpx),calc(-50% + 76rpx))}.menus_isOpen-5 .menu_a--5.data-v-064580fc{-webkit-transform:translate(-50%,calc(-50% + 110rpx));transform:translate(-50%,calc(-50% + 110rpx))}.icon-img.data-v-064580fc{width:70rpx;height:70rpx;border-radius:50%}.fab1.data-v-064580fc{position:absolute;right:20rpx;bottom:0;border-radius:45rpx;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx)}.fab1 .img-box.data-v-064580fc{width:70rpx;height:70rpx;border-radius:50%;background:#fff}.fab1 .img-box .img.data-v-064580fc{width:100%;height:100%;border-radius:50%}.fab1 .img-list.data-v-064580fc{position:relative;z-index:2}.fab1 .img-list .img-box.data-v-064580fc{margin:0 0 16rpx 0;box-shadow:0rpx 0rpx 16rpx 0rpx rgba(0,0,0,.1)}.fab1 .btn-box.data-v-064580fc{position:relative;z-index:2}.fab2.data-v-064580fc{border-radius:45rpx 0 0 45rpx;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx)}.fab2.hide.data-v-064580fc{-webkit-transform:translateX(42rpx);transform:translateX(42rpx);opacity:.5}.fab2 .img-box.data-v-064580fc{position:relative;z-index:2;width:70rpx;height:70rpx;border-radius:50%;background:#fff}.fab2 .img-box .img.data-v-064580fc{width:100%;height:100%;border-radius:50%}.fab2 .img-list.data-v-064580fc{position:relative;z-index:2;display:flex}.fab2 .img-list .img-box.data-v-064580fc{box-shadow:0rpx 0rpx 16rpx 0rpx rgba(0,0,0,.1)}.fab2 .img-list .img-box + .img-box.data-v-064580fc{margin:0 0 0 16rpx}.fab2 .icon.data-v-064580fc{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:28rpx;height:28rpx;margin-left:16rpx}.fab2 .iconfont.data-v-064580fc{font-size:28rpx;color:#333}.menu_main4.data-v-064580fc{background:#fff}.menu_main4 .icon-ic_close.data-v-064580fc{font-size:34rpx;color:#333}.fab4 .menu_bag.data-v-064580fc{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70rpx;height:70rpx;border-radius:50%;background:rgba(51,51,51,.1);-webkit-backdrop-filter:blur(7.78rpx);backdrop-filter:blur(7.78rpx);box-shadow:0rpx 0rpx 13rpx 0rpx rgba(0,0,0,.1)}.fab4 .close-bag.data-v-064580fc{background:rgba(51,51,51,.1);-webkit-backdrop-filter:blur(7.78rpx);backdrop-filter:blur(7.78rpx)}.fab4 .has-bag.data-v-064580fc{background:hsla(0,0%,100%,.5)}.fab4 .menu_main.data-v-064580fc{width:48rpx;height:48rpx}.fab4.menus_isOpen .menu_main.data-v-064580fc{width:70rpx;height:70rpx} |