vue-weather-ui
Version:
A beautiful Vue 3 weather UI components library with mini mode support and QWeather integration
66 lines (65 loc) • 1.63 kB
TypeScript
export interface WeatherComponentConfig {
theme: 'light' | 'dark';
locale: 'zh' | 'en';
mini: boolean;
}
export interface WeatherCardConfig extends WeatherComponentConfig {
showDetails: boolean;
}
export interface HourlyForecastConfig extends WeatherComponentConfig {
hours: number;
}
export interface DailyForecastConfig extends WeatherComponentConfig {
days: number;
}
export interface HistoricalTimelineConfig extends WeatherComponentConfig {
autoPlay: boolean;
autoPlayInterval: number;
style?: {
backgroundColor: string;
textColor: string;
selectedColor: string;
hoverColor: string;
borderColor: string;
fontSize: string;
height: string;
};
}
export interface SizeConfig {
mini: {
padding: string;
fontSize: string;
iconSize: string;
borderRadius: string;
gap: string;
};
normal: {
padding: string;
fontSize: string;
iconSize: string;
borderRadius: string;
gap: string;
};
}
export interface ThemeConfig {
light: {
background: string;
text: string;
border: string;
hover: string;
selected: string;
secondaryText: string;
cardBackground: string;
};
dark: {
background: string;
text: string;
border: string;
hover: string;
selected: string;
secondaryText: string;
cardBackground: string;
};
}
export declare const DEFAULT_SIZE_CONFIG: SizeConfig;
export declare const DEFAULT_THEME_CONFIG: ThemeConfig;