| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- .custom-toolbar {
- --background: rgba(255, 255, 255, 0.8); /* 使工具栏背景透明 */
- display: flex; /* 使用 Flexbox 布局 */
- justify-content: center; /* 水平居中 */
- align-items: center; /* 垂直居中 */
- padding: 0; /* 去掉默认内边距 */
- }
- .custom-title {
- font-size: 1.3em; /* 字体大小 */
- font-weight: bold; /* 加粗 */
- color: #000000;
- text-align: center; /* 文字居中对齐 */
- margin: 0; /* 去掉默认外边距 */
- text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* 添加文字阴影效果 */
- /* 添加其他美化效果 */
- font-family: "微软雅黑"; /* 自定义字体 */
- }
- .search-bar {
- padding: 10px;
- text-align: center;
- }
-
- .search-bar input {
- width: 80%;
- padding: 8px;
- border: 1px solid #ccc;
- border-radius: 4px;
- }
- .content {
- margin-top: -10px;
- height: 100%;
- width: 100%;
- }
- ion-card {
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- border-radius: 0;
- box-shadow: none;
- }
- ion-card-header {
- font-size: 1.5em;
- height: auto;
- }
- ion-card-content {
- font-size: 1.2em;
- width: 100%;
- height: auto;
- }
- ion-segment-view {
- height: auto;
- width: 100%;
- }
- ion-segment-content {
- // display: flex;
- align-items: center;
- justify-content: center;
- }
- ion-segment-content:nth-of-type(5) {
- background: lightpink;
- }
- ion-segment-content:nth-of-type(2) {
- background: lightblue;
- }
- ion-segment-content:nth-of-type(3) {
- background: lightgreen;
- }
- // .tabs {
- // display: flex;
- // justify-content: space-around;
- // padding: 0px 0;
- // background-color: #f8f8f8;
- // }
- // .tabs ion-button {
- // flex: 1;
- // text-align: center;
- // // border: none;
- // --background: transparent;
- // --color-checked: #4caf50;
- // --indicator-color: #4caf50;
- // --color: #666;
- // --color-focused: #4caf50;
- // --color-hover: #4caf50;
- // --color-activated: #4caf50;
- // --color-selected: #4caf50;
- // }
- // .tab {
- // cursor: pointer;
- // padding: 0px 0px;
- // }
- // .tab.active {
- // color: rgb(81, 255, 0);
- // background-color: rgb(255, 255, 255);
- // }
- //
|