|
@@ -88,11 +88,22 @@ ion-searchbar {
|
|
border-radius: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
}
|
|
|
|
|
|
-.habit-text-div{
|
|
|
|
- padding-left: 50px;
|
|
|
|
- margin-left: 50px;
|
|
|
|
|
|
+ ion-icon {
|
|
|
|
+ margin-bottom: 10px; // 调整图标与文字之间的间距
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ p {
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center; // 水平居中
|
|
|
|
+ align-items: center; // 垂直居中
|
|
|
|
+ flex-wrap: wrap; // 允许文字换行
|
|
|
|
+ line-height: 1; // 保持文字垂直居中
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+
|
|
.success-text {
|
|
.success-text {
|
|
color: #32db64; // 荧光绿
|
|
color: #32db64; // 荧光绿
|
|
}
|
|
}
|
|
@@ -100,10 +111,10 @@ ion-searchbar {
|
|
.failure-text {
|
|
.failure-text {
|
|
color: #ff4d4f; // 荧光红
|
|
color: #ff4d4f; // 荧光红
|
|
}
|
|
}
|
|
-}
|
|
|
|
|
|
+
|
|
|
|
|
|
.habit-text {
|
|
.habit-text {
|
|
- margin-left: 20px;
|
|
|
|
|
|
+ margin-left: 10px;
|
|
text-align: center;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
font-weight: bold;
|
|
font-weight: bold;
|