| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- .button-container {
- position: absolute; /* 绝对定位 */
- top: 6px; /* 距离顶部的距离 */
- left: 6px; /* 距离左侧的距离 */
- display: flex; /* 使用flexbox布局 */
- flex-direction: row; /* 垂直排列 */
- }
- .custom-button {
- font-size: 12px; /* 按钮字体大小 */
- border-radius: 6px; /* 圆角按钮 */
- color: rgb(245, 82, 82); /* 字体颜色 */
- transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
-
- }
- /* 添加按钮的悬停效果 */
- .custom-button:hover {
- opacity: 0.5 !important; /* 悬停时透明度变化 */
- color:aqua !important;
- }
- ion-content {
- --background: #ffcccb; /* 设置背景颜色为粉色 */
- color: black; /* 设置文本颜色为黑色，确保可读性 */
- }
- ion-header {
- background-color: #f19595; /* 设置背景颜色为淡粉色 */
- color: black; /* 设置文本颜色为黑色 */
- margin: auto;
- }
-
- ion-toolbar {
- --background: transparent; /* 如果需要透明效果，可以设置为透明 */
- width: 200px;
- margin: auto;
- }
- .rating-container {
- border: 1px solid #d3d3d3; /* 边框颜色 */
- border-radius: 8px; /* 圆角 */
- padding: 16px; /* 内边距 */
- margin-bottom: 16px; /* 下边距 */
- margin-top: 16px;
- background-color: #f6b7b7; /* 背景颜色 */
- }
-
- .tag-container {
- border: 1px solid #d3d3d3; /* 边框颜色 */
- border-radius: 8px; /* 圆角 */
- padding: 16px; /* 内边距 */
- background-color: #f6b7b7; /* 背景颜色 */
- }
|
