From f23eed45bb3f96209a522b88c058198957afd124 Mon Sep 17 00:00:00 2001 From: Burt <1020103647@qq.com> Date: Thu, 21 Dec 2023 16:21:40 +0800 Subject: [PATCH] =?UTF-8?q?format(vue):=20=E9=AA=8C=E8=AF=81=E7=94=9F?= =?UTF-8?q?=E6=95=88=EF=BC=8C=E5=B9=B6=E5=A4=84=E7=90=86rpx=E4=B8=8D?= =?UTF-8?q?=E8=AE=A4=E8=AF=86=E7=9A=84=E9=94=99=E8=AF=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .stylelintrc.cjs | 6 ++++++ package.json | 4 ++++ pnpm-lock.yaml | 37 +++++++++++++++++++++++++++++++------ src/App.vue | 1 - src/pages/index/index.vue | 7 ++----- 5 files changed, 43 insertions(+), 12 deletions(-) diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs index 984e724..bb4d642 100644 --- a/.stylelintrc.cjs +++ b/.stylelintrc.cjs @@ -29,5 +29,11 @@ module.exports = { ignorePseudoClasses: ['global', 'export', 'v-deep', 'deep'], }, ], + 'unit-no-unknown': [ + true, + { + ignoreUnits: ['rpx'], + }, + ], }, } diff --git a/package.json b/package.json index 1ad1bf9..e6e861d 100644 --- a/package.json +++ b/package.json @@ -72,6 +72,10 @@ "eslint-import-resolver-typescript": "^3.6.1", "eslint-plugin-import": "^2.29.1", "eslint-plugin-prettier": "^5.1.0", + "postcss": "^8.4.32", + "postcss-html": "^1.5.0", + "postcss-scss": "^4.0.9", + "sass": "^1.69.5", "stylelint": "^16.0.2", "stylelint-config-html": "^1.1.0", "stylelint-config-recess-order": "^4.4.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4eed63d..a888f2a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -97,6 +97,18 @@ devDependencies: eslint-plugin-prettier: specifier: ^5.1.0 version: 5.1.0(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.1.1) + postcss: + specifier: ^8.4.32 + version: 8.4.32 + postcss-html: + specifier: ^1.5.0 + version: 1.5.0 + postcss-scss: + specifier: ^4.0.9 + version: 4.0.9(postcss@8.4.32) + sass: + specifier: ^1.69.5 + version: 1.69.5 stylelint: specifier: ^16.0.2 version: 16.0.2(typescript@4.9.5) @@ -120,7 +132,7 @@ devDependencies: version: 4.9.5 vite: specifier: 4.1.4 - version: 4.1.4(terser@5.26.0) + version: 4.1.4(sass@1.69.5)(terser@5.26.0) vue-global-api: specifier: ^0.4.1 version: 0.4.1(vue@3.2.47) @@ -1900,7 +1912,7 @@ packages: magic-string: 0.30.5 picocolors: 1.0.0 terser: 5.26.0 - vite: 4.1.4(terser@5.26.0) + vite: 4.1.4(sass@1.69.5)(terser@5.26.0) transitivePeerDependencies: - postcss - supports-color @@ -3321,7 +3333,7 @@ packages: regenerator-runtime: 0.13.11 systemjs: 6.14.2 terser: 5.26.0 - vite: 4.1.4(terser@5.26.0) + vite: 4.1.4(sass@1.69.5)(terser@5.26.0) transitivePeerDependencies: - supports-color dev: true @@ -3336,7 +3348,7 @@ packages: '@babel/core': 7.23.6 '@babel/plugin-transform-typescript': 7.23.6(@babel/core@7.23.6) '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.6) - vite: 4.1.4(terser@5.26.0) + vite: 4.1.4(sass@1.69.5)(terser@5.26.0) vue: 3.2.47 transitivePeerDependencies: - supports-color @@ -3349,7 +3361,7 @@ packages: vite: ^4.0.0 || ^5.0.0 vue: ^3.2.25 dependencies: - vite: 4.1.4(terser@5.26.0) + vite: 4.1.4(sass@1.69.5)(terser@5.26.0) vue: 3.2.47 /@volar/language-core@1.11.1: @@ -5474,6 +5486,9 @@ packages: engines: {node: '>= 4'} dev: true + /immutable@4.3.4: + resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==} + /import-fresh@3.3.0: resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==} engines: {node: '>=6'} @@ -7377,6 +7392,15 @@ packages: resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==} dev: true + /sass@1.69.5: + resolution: {integrity: sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==} + engines: {node: '>=14.0.0'} + hasBin: true + dependencies: + chokidar: 3.5.3 + immutable: 4.3.4 + source-map-js: 1.0.2 + /sax@1.3.0: resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==} dev: false @@ -8155,7 +8179,7 @@ packages: engines: {node: '>= 0.8'} dev: true - /vite@4.1.4(terser@5.26.0): + /vite@4.1.4(sass@1.69.5)(terser@5.26.0): resolution: {integrity: sha512-3knk/HsbSTKEin43zHu7jTwYWv81f8kgAL99G5NWBcA1LKvtvcVAC4JjBH1arBunO9kQka+1oGbrMKOjk4ZrBg==} engines: {node: ^14.18.0 || >=16.0.0} hasBin: true @@ -8184,6 +8208,7 @@ packages: postcss: 8.4.32 resolve: 1.22.8 rollup: 3.29.4 + sass: 1.69.5 terser: 5.26.0 optionalDependencies: fsevents: 2.3.3 diff --git a/src/App.vue b/src/App.vue index 61baa4a..c156691 100644 --- a/src/App.vue +++ b/src/App.vue @@ -10,4 +10,3 @@ onHide(() => { console.log('App Hide') }) - diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 6242a5c..38487d0 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -23,12 +23,9 @@ fun() } .logo { - height: 200rpx; width: 200rpx; - margin-top: 200rpx; - margin-left: auto; - margin-right: auto; - margin-bottom: 50rpx; + height: 200rpx; + margin: 200rpx auto 50rpx; } .text-area {