joey5628/doodle-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加引导页

Browse Source
This commit is contained in:
joey
2025-06-18 17:37:01 +08:00
parent 526ad49981
commit 145ca0bf62
3 changed files with 59 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/components/introduction-popup/introduction-popup.less
+35 -15
View File
@@ -13,7 +13,8 @@
left: 50%;
transform: translateX(-50%);
text-align: center;
color: rgba(255, 235, 59, 0.95);
// color: rgba(255, 235, 59, 0.95);
color: rgb(255, 255, 255, 0.9);
font-size: 40rpx;
font-weight: bold;
width: 100%;
@@ -21,12 +22,31 @@
}
.tip-box {
height: 48px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.2);
border: 4rpx solid rgba(147, 211, 51, 1);
transition: all 0.4s;
&--first {
position: absolute;
top: 66px;
left: 50%;
transform: translateX(-50%);
width: 340px;
}
&--second {
position: absolute;
top: 127px;
left: 28px;
width: 48px;
}
}
.tip-text {
color: rgba(255, 235, 59, 0.95);
// color: #fff;
// color: rgba(255, 235, 59, 0.95);
color: rgb(255, 255, 255, 0.9);
font-size: 32rpx;
}
@@ -36,16 +56,16 @@
left: 0;
width: 100%;
.tip-box {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 342px;
height: 46px;
border-radius: 21px;
background: rgba(255, 255, 255, 0.2);
}
// .tip-box {
// position: absolute;
// top: 0;
// left: 50%;
// transform: translateX(-50%);
// width: 342px;
// height: 46px;
// border-radius: 21px;
// background: rgba(255, 255, 255, 0.2);
// }
.guide-icon {
position: absolute;
@@ -70,8 +90,8 @@
color: rgba(255, 235, 59, 0.95);
border-radius: 28rpx;
position: absolute;
top: 260rpx;
top: 50%;
left: 50%;
transform: translateX(-50%);
transform: translate(-50%, -50%);
}
}