@@ -22,7 +21,7 @@ const { maxWidth } = useAdaptation([
-
@@ -113,20 +112,6 @@ const { maxWidth } = useAdaptation([
align-items: center;
.wrap1_2 {
- .wrap1_2_1 {
- padding-left: 61px;
- width: 1174px;
- height: 174px;
- background-color: #DCE5E9;
- border: none;
- &:focus{
- outline: none;
- }
- &::placeholder {
- font-size: 72px;
- color: #2B69A1;
- }
- }
}
.wrap1_1 {
@@ -151,7 +136,6 @@ const { maxWidth } = useAdaptation([
align-items: center;
width: 460px;
height: 174px;
- background-color: #2B69A1;
}
.wrap2_2 {
diff --git a/uno.config.js b/uno.config.js
index 46b0132..002b29d 100644
--- a/uno.config.js
+++ b/uno.config.js
@@ -1,19 +1,26 @@
-/*
-// uno.config.ts
import { defineConfig, presetUno,presetWind , presetAttributify, presetIcons } from 'unocss'
-
+const parseStyle = (style) => {
+ const [key, value] = style.split(':');
+ return { [key.trim()]: value.trim() };
+};
export default defineConfig({
presets: [
presetWind(), // 使用默认的 UnoCSS 预设
presetAttributify(), // 支持属性模式
presetIcons()
],
-/!* rules: [
- [/^p-(\d+)$/, (match) => ({padding: `${match[1]}px`})
- ],
-
- [/^m-(\d+)$/, (match) => ({padding: `${match[1]}px`})
- ]
- ]*!/
+ theme: {
+ colors: {
+ primary: '#2B69A1', // 自定义主色
+ secondary: '#9333EA', // 自定义副色
+ accent: '#F59E0B', // 自定义强调色
+ // 你可以继续添加更多颜色
+ }
+ },
+ rules: [
+ // 处理 focus 伪类
+ [/^focus:(.*)$/, ([, style]) => ({ ':focus': { ...parseStyle(style) } })],
+ // 处理 placeholder 伪元素
+ [/^placeholder:(.*)$/, ([, style]) => ({ '::placeholder': { ...parseStyle(style) } })],
+ ],
})
-*/
diff --git a/vite.config.js b/vite.config.js
index 62c50ad..e7f0954 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,7 +9,7 @@ import UnoCSS from 'unocss/vite'
export default defineConfig({
plugins: [
vue(),
- /* UnoCSS(),*/
+ UnoCSS(),
AutoImport({
resolvers: [VantResolver()],
}),