|
|
@@ -3,6 +3,31 @@
|
|
|
// justify-content: space-between; // 使内容在两侧分开
|
|
|
// align-items: center; // 垂直居中对齐
|
|
|
// }
|
|
|
+
|
|
|
+
|
|
|
+/* 设置搜索框的样式 */
|
|
|
+ ion-searchbar {
|
|
|
+ padding: 10px; /* 内边距 */
|
|
|
+ border-radius: 6px; /* 圆角 */
|
|
|
+ font-size: 16px; /* 字体大小 */
|
|
|
+ }
|
|
|
+ // 设置头像
|
|
|
+ ion-avatar {
|
|
|
+ border-radius: 50%; // 设置头像圆形
|
|
|
+ width: 50px; // 设置头像宽度
|
|
|
+ height: 50px; // 设置头像高度
|
|
|
+ }
|
|
|
+
|
|
|
+ ion-button {
|
|
|
+ --background:#036a99; // 设置按钮背景色
|
|
|
+ --color: white; // 设置按钮文字颜色
|
|
|
+ width:50px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
.content-container {
|
|
|
display: flex;
|
|
|
justify-content: space-between; /* 在主轴上均匀分配空间 */
|
|
|
@@ -51,26 +76,6 @@ ion-label p {
|
|
|
}
|
|
|
|
|
|
|
|
|
-// ion-title {
|
|
|
-// flex: 1; // 使标题占据可用空间
|
|
|
-// text-align: left; // 确保文字左对齐
|
|
|
-// margin-left: 16px; // 左侧边距，可以根据需要调整
|
|
|
-// margin-top: 5px;
|
|
|
-// }
|
|
|
-
|
|
|
-// /* 设置搜索框的样式 */
|
|
|
-// ion-searchbar {
|
|
|
-// padding: 10px; /* 内边距 */
|
|
|
-// border-radius: 6px; /* 圆角 */
|
|
|
-// font-size: 16px; /* 字体大小 */
|
|
|
-// }
|
|
|
-
|
|
|
-// ion-buttons {
|
|
|
-// margin-right: 16px; // 右侧边距，可以根据需要调整
|
|
|
-// margin-top: 10px; // 设置按钮与上方内容的间距
|
|
|
-// border-radius: 5px; // 设置按钮圆角
|
|
|
-// }
|
|
|
-
|
|
|
|
|
|
// ion-header {
|
|
|
// background-color: #ffffff; // 设置头部背景色
|
|
|
@@ -108,11 +113,7 @@ ion-label p {
|
|
|
// border-radius: 5px; // 设置按钮圆角
|
|
|
// }
|
|
|
|
|
|
-// ion-avatar {
|
|
|
-// border-radius: 50%; // 设置头像圆形
|
|
|
-// width: 50px; // 设置头像宽度
|
|
|
-// height: 50px; // 设置头像高度
|
|
|
-// }
|
|
|
+
|
|
|
|
|
|
// h2 {
|
|
|
// font-size: 1em; // 设置二级标题字体大小
|
yi