Files
sundynix-plant-mp/app.wxss
T
2026-02-12 09:26:39 +08:00

96 lines
2.3 KiB
Plaintext

/** app.wxss **/
@font-face {
font-family: 't';
src: url('https://tdesign.gtimg.com/icon/0.3.1/fonts/t.woff') format('woff'),
url('https://tdesign.gtimg.com/icon/0.3.1/fonts/t.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
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;
}