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