From c37a15fefb6ffbd7f06cf01a540f9c84cbe64342 Mon Sep 17 00:00:00 2001
From: 前端爱码士 <a63149300@163.com>
Date: 星期三, 19 十月 2022 13:34:58 +0800
Subject: [PATCH] fix: 修复getParentLayout方法接受了参数，但并没有用上 (#2290)
---
windi.config.ts | 39 +++++++++++++++++++++------------------
1 files changed, 21 insertions(+), 18 deletions(-)
diff --git a/windi.config.ts b/windi.config.ts
index 20ec661..0f3d1f2 100644
--- a/windi.config.ts
+++ b/windi.config.ts
@@ -1,31 +1,33 @@
-import lineClamp from 'windicss/plugin/line-clamp';
-import colors from 'windicss/colors';
-
import { defineConfig } from 'vite-plugin-windicss';
+import { primaryColor } from './build/config/themeConfig';
export default defineConfig({
darkMode: 'class',
- plugins: [lineClamp, createEnterPlugin()],
+ plugins: [createEnterPlugin()],
theme: {
extend: {
- colors,
+ zIndex: {
+ '-1': '-1',
+ },
+ colors: {
+ primary: primaryColor,
+ },
+ screens: {
+ sm: '576px',
+ md: '768px',
+ lg: '992px',
+ xl: '1200px',
+ '2xl': '1600px',
+ },
},
-
- // screen: {
- // sm: '576px',
- // md: '768px',
- // lg: '992px',
- // xl: '1200px',
- // '2xl': '1600px',
- // },
},
});
/**
- * Used for animation when the element is displayed
- * @param maxOutput The larger the maxOutput output, the larger the generated css volume
+ * Used for animation when the element is displayed.
+ * @param maxOutput The larger the maxOutput output, the larger the generated css volume.
*/
-function createEnterPlugin(maxOutput = 10) {
+function createEnterPlugin(maxOutput = 6) {
const createCss = (index: number, d = 'x') => {
const upd = d.toUpperCase();
return {
@@ -45,14 +47,15 @@
};
};
const handler = ({ addBase }) => {
+ const addRawCss = {};
for (let index = 1; index < maxOutput; index++) {
- addBase({
+ Object.assign(addRawCss, {
...createCss(index, 'x'),
...createCss(index, 'y'),
});
}
-
addBase({
+ ...addRawCss,
[`@keyframes enter-x-animation`]: {
to: {
opacity: '1',
--
Gitblit v1.8.0