From b96cb99b3b74218509b01b76c79ac2b4b7c0ea16 Mon Sep 17 00:00:00 2001 From: ZF sun <34314687@qq.com> Date: Sat, 27 Dec 2025 13:57:35 +0800 Subject: [PATCH] =?UTF-8?q?chore:=20=E8=B0=83=E6=95=B4=E6=B5=AE=E5=8A=A8?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=9A=84=E8=83=8C=E6=99=AF=E8=89=B2=E5=8F=8A?= =?UTF-8?q?=E5=AD=97=E4=BD=93=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/hover-nav/hover-nav.wxml | 2 +- components/hover-nav/hover-nav.wxss | 71 ++++++++++++++++++++++++++++- 2 files changed, 71 insertions(+), 2 deletions(-) diff --git a/components/hover-nav/hover-nav.wxml b/components/hover-nav/hover-nav.wxml index 76d2be7..c6ef60b 100644 --- a/components/hover-nav/hover-nav.wxml +++ b/components/hover-nav/hover-nav.wxml @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/components/hover-nav/hover-nav.wxss b/components/hover-nav/hover-nav.wxss index aa0a6aa..a76e431 100644 --- a/components/hover-nav/hover-nav.wxss +++ b/components/hover-nav/hover-nav.wxss @@ -1 +1,70 @@ -.container-box{width:100%}.container-box .item-wrap{border-radius:10rpx}.container-box .item-wrap .image-box{border-radius:10rpx}.container-box .item-wrap image{width:100%;height:auto;border-radius:10rpx;will-change:transform}.fixed-box{position:fixed;right:0rpx;bottom:200rpx;z-index:10;border-radius:120rpx;padding:20rpx 0;display:flex;justify-content:center;flex-direction:column;width:100rpx;box-sizing:border-box;transition:.3s;overflow:hidden}.fixed-box .btn-item{display:flex;justify-content:center;text-align:center;flex-direction:column;line-height:1;margin:14rpx 0;transition:.1s;background:#ff0000;color:#fff;border-radius:50rpx;width:80rpx;height:80rpx;padding:0}.fixed-box .btn-item text{font-size:36rpx;font-weight:700}.fixed-box .btn-item view{font-size:26rpx;font-weight:700}.fixed-box .btn-item.show{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fixed-box .btn-item.icon-xiala{margin:0;margin-top:.1rpx} \ No newline at end of file +.container-box { + width: 100% +} + +.container-box .item-wrap { + border-radius: 10rpx +} + +.container-box .item-wrap .image-box { + border-radius: 10rpx +} + +.container-box .item-wrap image { + width: 100%; + height: auto; + border-radius: 10rpx; + will-change: transform +} + +.fixed-box { + position: fixed; + right: 0rpx; + bottom: 200rpx; + z-index: 10; + border-radius: 120rpx; + padding: 20rpx 0; + display: flex; + justify-content: center; + flex-direction: column; + width: 100rpx; + box-sizing: border-box; + transition: .3s; + overflow: hidden +} + +.fixed-box .btn-item { + display: flex; + justify-content: center; + text-align: center; + flex-direction: column; + line-height: 1; + margin: 14rpx 0; + transition: .1s; + background: #fffc; + color: #000; + border-radius: 50rpx; + width: 80rpx; + height: 80rpx; + padding: 0 +} + +.fixed-box .btn-item text { + font-size: 36rpx; + font-weight: 700 +} + +.fixed-box .btn-item view { + font-size: 26rpx; + font-weight: 700 +} + +.fixed-box .btn-item.show { + -webkit-transform: rotate(180deg); + transform: rotate(180deg) +} + +.fixed-box .btn-item.icon-xiala { + margin: 0; + margin-top: .1rpx +} \ No newline at end of file