增加车间监控界面

baoshiwei

2023-05-24 beca65f4d01ca07c358102a35b949c2a4f277afe

 windi.config.ts

@@ -1,5 +1,5 @@
import { defineConfig } from 'vite-plugin-windicss';
import { primaryColor } from './build/config/themeConfig';
import { defineConfig } from 'vite-plugin-windicss'
import { primaryColor } from './build/config/themeConfig'

export default defineConfig({
  darkMode: 'class',
@@ -21,7 +21,7 @@
      },
    },
  },
});
})

/**
 * Used for animation when the element is displayed
@@ -29,7 +29,7 @@
 */
function createEnterPlugin(maxOutput = 8) {
  const createCss = (index: number, d = 'x') => {
    const upd = d.toUpperCase();
      const upd = d.toUpperCase()
    return {
      [`*> .enter-${d}:nth-child(${index})`]: {
        transform: `translate${upd}(50px)`,
@@ -44,15 +44,15 @@
        'animation-fill-mode': 'forwards',
        'animation-delay': `${(index * 1) / 10}s`,
      },
    };
  };
      }
   }
  const handler = ({ addBase }) => {
    const addRawCss = {};
      const addRawCss = {}
    for (let index = 1; index < maxOutput; index++) {
      Object.assign(addRawCss, {
        ...createCss(index, 'x'),
        ...createCss(index, 'y'),
      });
         })
    }
    addBase({
      ...addRawCss,
@@ -68,7 +68,7 @@
          transform: 'translateY(0)',
        },
      },
    });
  };
  return { handler };
      })
   }
   return { handler }
}