|
@@ -71,14 +71,18 @@
|
|
}
|
|
}
|
|
/* 在现有的CSS样式基础上添加以下样式来改变关注按钮的样式 */
|
|
/* 在现有的CSS样式基础上添加以下样式来改变关注按钮的样式 */
|
|
ion-button {
|
|
ion-button {
|
|
|
|
+ font-size: 16px; /* 修改按钮字体大小 */
|
|
padding: 5px 5px; /* 修改按钮内边距 */
|
|
padding: 5px 5px; /* 修改按钮内边距 */
|
|
background-color: #c1daff; /* 修改按钮背景颜色 */
|
|
background-color: #c1daff; /* 修改按钮背景颜色 */
|
|
color: #ffffff; /* 修改按钮文字颜色 */
|
|
color: #ffffff; /* 修改按钮文字颜色 */
|
|
border-radius: 10px; /* 添加圆角 */
|
|
border-radius: 10px; /* 添加圆角 */
|
|
- border: 2px solid #fffbea; /* 添加边框 */
|
|
|
|
|
|
+ border: 1px solid #fffbea; /* 添加边框 */
|
|
}
|
|
}
|
|
|
|
|
|
ion-button:hover {
|
|
ion-button:hover {
|
|
background-color: #ffd4f0; /* 鼠标悬停时修改背景颜色 */
|
|
background-color: #ffd4f0; /* 鼠标悬停时修改背景颜色 */
|
|
color: #000000; /* 鼠标悬停时修改文字颜色 */
|
|
color: #000000; /* 鼠标悬停时修改文字颜色 */
|
|
|
|
+}
|
|
|
|
+.custom-button {
|
|
|
|
+ font-size: 20px; /* 修改按钮内文字的字体大小 */
|
|
}
|
|
}
|