Uniapp/lucky_shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore(浮动按钮）： 样式定制

Browse Source
This commit is contained in:
ZF Sun
2025-12-24 15:22:18 +08:00
parent 43e66b1798
commit 25337be57f
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/hover-nav/hover-nav.vue
View File

@@ -177,7 +177,7 @@ export default {
.fixed-box { .fixed-box {
position: fixed; position: fixed;
right: 0rpx; right: 0rpx;
bottom: 200rpx; bottom: 240rpx;
z-index: 10; z-index: 10;
// background: #fff; // background: #fff;
// box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3); // box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3);
@@ -199,15 +199,28 @@ export default {
line-height: 1; line-height: 1;
margin: 14rpx 0; margin: 14rpx 0;
transition: 0.1s; transition: 0.1s;
background: #fff; background: #c6251b;
border-radius: 50rpx; color: #fff;
border-radius: 60%;
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
padding: 0; padding: 0;
overflow: hidden;
text { text {
font-size: 28rpx;
}
.iconfont,
.icox {
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 60%;
/* 确保图标本身也是圆形 */
} }
view { view {