Blizzard
87 lines
2.0 KiB
Plaintext
87 lines
2.0 KiB
Plaintext
/** app.wxss **/
|
|
page {
|
|
--primary: #558B2F;
|
|
--primary-light: #9CCC65;
|
|
--primary-dark: #33691E;
|
|
--secondary: #8D6E63;
|
|
--bg-garden: #F4F6F0;
|
|
--bg-card: rgba(255, 255, 255, 0.9);
|
|
--text-main: #263238;
|
|
--text-muted: #78909C;
|
|
--accent: #FF7043;
|
|
--danger: #EF5350;
|
|
--success: #66BB6A;
|
|
|
|
--shadow-sm: 0 2px 8px rgba(85, 139, 47, 0.08);
|
|
--shadow-md: 0 8px 16px rgba(85, 139, 47, 0.12);
|
|
--shadow-lg: 0 16px 32px rgba(85, 139, 47, 0.16);
|
|
|
|
--radius-sm: 12rpx;
|
|
--radius-md: 20rpx;
|
|
--radius-lg: 32rpx;
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
|
|
background-color: var(--bg-garden);
|
|
color: var(--text-main);
|
|
box-sizing: border-box;
|
|
|
|
/* TDesign Theme Overrides */
|
|
--td-brand-color: var(--primary);
|
|
--td-brand-color-active: var(--primary-dark);
|
|
--td-brand-color-light: var(--primary-light);
|
|
--td-brand-color-focus: var(--primary-light);
|
|
--td-brand-color-disabled: #E6E6E6;
|
|
}
|
|
|
|
view, scroll-view, swiper, button, input, textarea, label, navigator, image {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.container {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 200rpx 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.card {
|
|
background: var(--bg-card);
|
|
border-radius: var(--radius-md);
|
|
padding: 20rpx;
|
|
box-shadow: var(--shadow-sm);
|
|
margin-bottom: 16rpx;
|
|
border: 1px solid rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 4rpx 12rpx;
|
|
border-radius: 20rpx;
|
|
font-size: 22rpx;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
/* Global scrollbar hiding for all scroll-view components */
|
|
::-webkit-scrollbar {
|
|
display: none !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
}
|
|
|
|
scroll-view {
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
}
|
|
|
|
scroll-view::-webkit-scrollbar {
|
|
display: none !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
}
|