mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-09-22 11:36:37 +08:00
build(projects): update deps, add prettier format command
This commit is contained in:
Soybean
parent
cc13fcc8aa
commit
36e5feac98
@ -1,11 +1,17 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
extends: ['soybeanjs-vue'],
|
extends: ['soybeanjs/vue'],
|
||||||
overrides: [
|
overrides: [
|
||||||
{
|
{
|
||||||
files: ['./scripts/*.ts'],
|
files: ['./scripts/*.ts'],
|
||||||
rules: {
|
rules: {
|
||||||
'no-unused-expressions': 'off'
|
'no-unused-expressions': 'off'
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
files: ['*.vue'],
|
||||||
|
rules: {
|
||||||
|
'no-undef': 'off' // use tsc to check the ts code of the vue
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
settings: {
|
settings: {
|
||||||
|
|||||||
2
.github/ISSUE_TEMPLATE/bug-report.yaml
vendored
2
.github/ISSUE_TEMPLATE/bug-report.yaml
vendored
@ -1,6 +1,6 @@
|
|||||||
name: Bug提交
|
name: Bug提交
|
||||||
description: 在使用软件或功能的过程中遇到了错误
|
description: 在使用软件或功能的过程中遇到了错误
|
||||||
title: '[Bug]: '
|
title: "[Bug]: "
|
||||||
labels: [bug?]
|
labels: [bug?]
|
||||||
|
|
||||||
body:
|
body:
|
||||||
|
|||||||
2
.github/workflows/release.yml
vendored
2
.github/workflows/release.yml
vendored
@ -2,7 +2,7 @@ name: Release
|
|||||||
on:
|
on:
|
||||||
push:
|
push:
|
||||||
tags:
|
tags:
|
||||||
- 'v*.**'
|
- "v*.**"
|
||||||
|
|
||||||
permissions:
|
permissions:
|
||||||
contents: write
|
contents: write
|
||||||
|
|||||||
1
.vscode/extensions.json
vendored
1
.vscode/extensions.json
vendored
@ -19,7 +19,6 @@
|
|||||||
"naumovs.color-highlight",
|
"naumovs.color-highlight",
|
||||||
"pkief.material-icon-theme",
|
"pkief.material-icon-theme",
|
||||||
"sdras.vue-vscode-snippets",
|
"sdras.vue-vscode-snippets",
|
||||||
"steoates.autoimport",
|
|
||||||
"vue.volar",
|
"vue.volar",
|
||||||
"vue.vscode-typescript-vue-plugin",
|
"vue.vscode-typescript-vue-plugin",
|
||||||
"whtouche.vscode-js-console-utils",
|
"whtouche.vscode-js-console-utils",
|
||||||
|
|||||||
15
.vscode/settings.json
vendored
15
.vscode/settings.json
vendored
@ -9,20 +9,7 @@
|
|||||||
"strings": true
|
"strings": true
|
||||||
},
|
},
|
||||||
"editor.tabSize": 2,
|
"editor.tabSize": 2,
|
||||||
"eslint.validate": [
|
"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue", "json"],
|
||||||
"javascript",
|
|
||||||
"javascriptreact",
|
|
||||||
"typescript",
|
|
||||||
"typescriptreact",
|
|
||||||
"vue",
|
|
||||||
"html",
|
|
||||||
"json",
|
|
||||||
"jsonc",
|
|
||||||
"json5",
|
|
||||||
"yaml",
|
|
||||||
"yml",
|
|
||||||
"markdown"
|
|
||||||
],
|
|
||||||
"files.associations": {
|
"files.associations": {
|
||||||
"*.env.*": "dotenv"
|
"*.env.*": "dotenv"
|
||||||
},
|
},
|
||||||
|
|||||||
24
index.html
24
index.html
@ -1,15 +1,15 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="zh-cmn-Hans">
|
<html lang="zh-cmn-Hans">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" href="/favicon.svg" />
|
<link rel="icon" href="/favicon.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title><%= appName %></title>
|
<title><%= appName %></title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<div id="appLoading"></div>
|
<div id="appLoading"></div>
|
||||||
</div>
|
</div>
|
||||||
<script type="module" src="/src/main.ts"></script>
|
<script type="module" src="/src/main.ts"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
47
package.json
47
package.json
@ -44,7 +44,8 @@
|
|||||||
"build:vercel": "cross-env VITE_HASH_ROUTE=Y VITE_VERCEL=Y vite build",
|
"build:vercel": "cross-env VITE_HASH_ROUTE=Y VITE_VERCEL=Y vite build",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview",
|
||||||
"typecheck": "vue-tsc --noEmit --skipLibCheck",
|
"typecheck": "vue-tsc --noEmit --skipLibCheck",
|
||||||
"lint": "eslint . --fix",
|
"lint": "eslint . --fix --ext .js,.jsx,.mjs,.json,.ts,.tsx,.vue",
|
||||||
|
"format": "soy prettier-format",
|
||||||
"commit": "soy git-commit",
|
"commit": "soy git-commit",
|
||||||
"cleanup": "soy cleanup",
|
"cleanup": "soy cleanup",
|
||||||
"update-pkg": "soy update-pkg",
|
"update-pkg": "soy update-pkg",
|
||||||
@ -52,7 +53,7 @@
|
|||||||
"logo": "tsx ./scripts/logo.ts",
|
"logo": "tsx ./scripts/logo.ts",
|
||||||
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
|
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
|
||||||
"release": "standard-version",
|
"release": "standard-version",
|
||||||
"prepare": "simple-git-hooks"
|
"prepare": "soy init-git-hooks"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@antv/data-set": "^0.11.8",
|
"@antv/data-set": "^0.11.8",
|
||||||
@ -60,7 +61,7 @@
|
|||||||
"@better-scroll/core": "^2.5.0",
|
"@better-scroll/core": "^2.5.0",
|
||||||
"@soybeanjs/vue-admin-layout": "^1.1.1",
|
"@soybeanjs/vue-admin-layout": "^1.1.1",
|
||||||
"@soybeanjs/vue-admin-tab": "^1.0.5",
|
"@soybeanjs/vue-admin-tab": "^1.0.5",
|
||||||
"@vueuse/core": "^9.12.0",
|
"@vueuse/core": "^9.13.0",
|
||||||
"axios": "0.27.2",
|
"axios": "0.27.2",
|
||||||
"clipboard": "^2.0.11",
|
"clipboard": "^2.0.11",
|
||||||
"colord": "^2.9.3",
|
"colord": "^2.9.3",
|
||||||
@ -70,11 +71,11 @@
|
|||||||
"form-data": "^4.0.0",
|
"form-data": "^4.0.0",
|
||||||
"lodash-es": "^4.17.21",
|
"lodash-es": "^4.17.21",
|
||||||
"naive-ui": "2.34.3",
|
"naive-ui": "2.34.3",
|
||||||
"pinia": "^2.0.30",
|
"pinia": "^2.0.33",
|
||||||
"print-js": "^1.6.0",
|
"print-js": "^1.6.0",
|
||||||
"qs": "^6.11.0",
|
"qs": "^6.11.1",
|
||||||
"swiper": "^9.0.4",
|
"swiper": "^9.1.0",
|
||||||
"ua-parser-js": "^1.0.33",
|
"ua-parser-js": "^1.0.34",
|
||||||
"vditor": "^3.9.0",
|
"vditor": "^3.9.0",
|
||||||
"vue": "3.2.47",
|
"vue": "3.2.47",
|
||||||
"vue-i18n": "^9.2.2",
|
"vue-i18n": "^9.2.2",
|
||||||
@ -84,44 +85,44 @@
|
|||||||
"xgplayer": "^2.32.2"
|
"xgplayer": "^2.32.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@amap/amap-jsapi-types": "^0.0.10",
|
"@amap/amap-jsapi-types": "^0.0.13",
|
||||||
"@iconify/json": "^2.2.20",
|
"@iconify/json": "^2.2.33",
|
||||||
"@iconify/vue": "^4.1.0",
|
"@iconify/vue": "^4.1.0",
|
||||||
"@soybeanjs/cli": "^0.1.6",
|
"@soybeanjs/cli": "^0.1.7",
|
||||||
"@soybeanjs/vite-plugin-vue-page-route": "^0.0.5",
|
"@soybeanjs/vite-plugin-vue-page-route": "^0.0.5",
|
||||||
"@types/bmapgl": "^0.0.5",
|
"@types/bmapgl": "^0.0.5",
|
||||||
"@types/crypto-js": "^4.1.1",
|
"@types/crypto-js": "^4.1.1",
|
||||||
"@types/node": "18.13.0",
|
"@types/node": "18.15.0",
|
||||||
"@types/qs": "^6.9.7",
|
"@types/qs": "^6.9.7",
|
||||||
"@types/ua-parser-js": "^0.7.36",
|
"@types/ua-parser-js": "^0.7.36",
|
||||||
"@unocss/preset-uno": "^0.49.4",
|
"@unocss/preset-uno": "^0.50.4",
|
||||||
"@unocss/transformer-directives": "^0.49.4",
|
"@unocss/transformer-directives": "^0.50.4",
|
||||||
"@unocss/vite": "^0.49.4",
|
"@unocss/vite": "^0.50.4",
|
||||||
"@vitejs/plugin-vue": "^4.0.0",
|
"@vitejs/plugin-vue": "^4.0.0",
|
||||||
"@vitejs/plugin-vue-jsx": "^3.0.0",
|
"@vitejs/plugin-vue-jsx": "^3.0.0",
|
||||||
"conventional-changelog": "^3.1.25",
|
"conventional-changelog": "^3.1.25",
|
||||||
"cross-env": "^7.0.3",
|
"cross-env": "^7.0.3",
|
||||||
"eslint": "^8.34.0",
|
"eslint": "^8.36.0",
|
||||||
"eslint-config-soybeanjs-vue": "^0.2.3",
|
"eslint-config-soybeanjs": "^0.3.1",
|
||||||
"lint-staged": "12.5.0",
|
"lint-staged": "12.5.0",
|
||||||
"mockjs": "^1.1.0",
|
"mockjs": "^1.1.0",
|
||||||
"rollup-plugin-visualizer": "^5.9.0",
|
"rollup-plugin-visualizer": "^5.9.0",
|
||||||
"sass": "^1.58.0",
|
"sass": "^1.59.2",
|
||||||
"simple-git-hooks": "^2.8.1",
|
"simple-git-hooks": "^2.8.1",
|
||||||
"standard-version": "^9.5.0",
|
"standard-version": "^9.5.0",
|
||||||
"tsx": "^3.12.3",
|
"tsx": "^3.12.4",
|
||||||
"typescript": "4.9.5",
|
"typescript": "4.9.5",
|
||||||
"unplugin-icons": "^0.15.2",
|
"unplugin-icons": "^0.15.3",
|
||||||
"unplugin-vue-components": "0.23.0",
|
"unplugin-vue-components": "0.24.1",
|
||||||
"unplugin-vue-macros": "1.6.4",
|
"unplugin-vue-macros": "1.6.4",
|
||||||
"vite": "^4.1.1",
|
"vite": "^4.1.4",
|
||||||
"vite-plugin-compression": "^0.5.1",
|
"vite-plugin-compression": "^0.5.1",
|
||||||
"vite-plugin-html": "^3.2.0",
|
"vite-plugin-html": "^3.2.0",
|
||||||
"vite-plugin-mock": "^2.9.6",
|
"vite-plugin-mock": "^2.9.6",
|
||||||
"vite-plugin-progress": "^0.0.6",
|
"vite-plugin-progress": "^0.0.6",
|
||||||
"vite-plugin-pwa": "^0.14.4",
|
"vite-plugin-pwa": "^0.14.4",
|
||||||
"vite-plugin-svg-icons": "^2.0.1",
|
"vite-plugin-svg-icons": "^2.0.1",
|
||||||
"vue-tsc": "^1.0.24"
|
"vue-tsc": "^1.2.0"
|
||||||
},
|
},
|
||||||
"pnpm": {
|
"pnpm": {
|
||||||
"patchedDependencies": {
|
"patchedDependencies": {
|
||||||
@ -133,6 +134,6 @@
|
|||||||
"pre-commit": "pnpm typecheck && pnpm lint-staged"
|
"pre-commit": "pnpm typecheck && pnpm lint-staged"
|
||||||
},
|
},
|
||||||
"lint-staged": {
|
"lint-staged": {
|
||||||
"*": "eslint . --fix"
|
"*.{js,jsx,mjs,json,ts,tsx,vue}": "eslint . --fix"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
2686
pnpm-lock.yaml
2686
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
@ -1,7 +1,9 @@
|
|||||||
@import './transition.css';
|
@import "./transition.css";
|
||||||
@import './reset.css';
|
@import "./reset.css";
|
||||||
@import './scrollbar.css';
|
@import "./scrollbar.css";
|
||||||
|
|
||||||
html, body, #app {
|
html,
|
||||||
|
body,
|
||||||
|
#app {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,10 +6,10 @@
|
|||||||
*,
|
*,
|
||||||
::before,
|
::before,
|
||||||
::after {
|
::after {
|
||||||
box-sizing: border-box; /* 1 */
|
box-sizing: border-box; /* 1 */
|
||||||
border-width: 0; /* 2 */
|
border-width: 0; /* 2 */
|
||||||
border-style: solid; /* 2 */
|
border-style: solid; /* 2 */
|
||||||
border-color: currentColor; /* 2 */
|
border-color: currentColor; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -20,11 +20,13 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
html {
|
html {
|
||||||
line-height: 1.5; /* 1 */
|
line-height: 1.5; /* 1 */
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
-moz-tab-size: 4; /* 3 */
|
-moz-tab-size: 4; /* 3 */
|
||||||
tab-size: 4; /* 3 */
|
tab-size: 4; /* 3 */
|
||||||
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
|
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
||||||
|
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
|
||||||
|
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -33,8 +35,8 @@ html {
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0; /* 1 */
|
margin: 0; /* 1 */
|
||||||
line-height: inherit; /* 2 */
|
line-height: inherit; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -44,9 +46,9 @@ body {
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
height: 0; /* 1 */
|
height: 0; /* 1 */
|
||||||
color: inherit; /* 2 */
|
color: inherit; /* 2 */
|
||||||
border-top-width: 1px; /* 3 */
|
border-top-width: 1px; /* 3 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -54,7 +56,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
abbr:where([title]) {
|
abbr:where([title]) {
|
||||||
text-decoration: underline dotted;
|
text-decoration: underline dotted;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -67,8 +69,8 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -76,8 +78,8 @@ Reset links to optimize for opt-in styling instead of opt-out.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: inherit;
|
text-decoration: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -86,7 +88,7 @@ Add the correct font weight in Edge and Safari.
|
|||||||
|
|
||||||
b,
|
b,
|
||||||
strong {
|
strong {
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -98,8 +100,9 @@ code,
|
|||||||
kbd,
|
kbd,
|
||||||
samp,
|
samp,
|
||||||
pre {
|
pre {
|
||||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
||||||
font-size: 1em; /* 2 */
|
"Liberation Mono", "Courier New", monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -107,7 +110,7 @@ Add the correct font size in all browsers.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
small {
|
small {
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -116,18 +119,18 @@ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|||||||
|
|
||||||
sub,
|
sub,
|
||||||
sup {
|
sup {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
sub {
|
sub {
|
||||||
bottom: -0.25em;
|
bottom: -0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
sup {
|
sup {
|
||||||
top: -0.5em;
|
top: -0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -137,9 +140,9 @@ sup {
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
table {
|
table {
|
||||||
text-indent: 0; /* 1 */
|
text-indent: 0; /* 1 */
|
||||||
border-color: inherit; /* 2 */
|
border-color: inherit; /* 2 */
|
||||||
border-collapse: collapse; /* 3 */
|
border-collapse: collapse; /* 3 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -153,12 +156,12 @@ input,
|
|||||||
optgroup,
|
optgroup,
|
||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
font-family: inherit; /* 1 */
|
font-family: inherit; /* 1 */
|
||||||
font-size: 100%; /* 1 */
|
font-size: 100%; /* 1 */
|
||||||
line-height: inherit; /* 1 */
|
line-height: inherit; /* 1 */
|
||||||
color: inherit; /* 1 */
|
color: inherit; /* 1 */
|
||||||
margin: 0; /* 2 */
|
margin: 0; /* 2 */
|
||||||
padding: 0; /* 3 */
|
padding: 0; /* 3 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -167,7 +170,7 @@ Remove the inheritance of text transform in Edge and Firefox.
|
|||||||
|
|
||||||
button,
|
button,
|
||||||
select {
|
select {
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -176,12 +179,12 @@ select {
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
[type='button'],
|
[type="button"],
|
||||||
[type='reset'],
|
[type="reset"],
|
||||||
[type='submit'] {
|
[type="submit"] {
|
||||||
-webkit-appearance: button; /* 1 */
|
-webkit-appearance: button; /* 1 */
|
||||||
/* background-color: transparent; 2 */
|
/* background-color: transparent; 2 */
|
||||||
background-image: none; /* 2 */
|
background-image: none; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -189,7 +192,7 @@ Use the modern Firefox focus style for all focusable elements.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
:-moz-focusring {
|
:-moz-focusring {
|
||||||
outline: auto;
|
outline: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -197,7 +200,7 @@ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
:-moz-ui-invalid {
|
:-moz-ui-invalid {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -205,7 +208,7 @@ Add the correct vertical alignment in Chrome and Firefox.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
progress {
|
progress {
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -214,7 +217,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
|
|||||||
|
|
||||||
::-webkit-inner-spin-button,
|
::-webkit-inner-spin-button,
|
||||||
::-webkit-outer-spin-button {
|
::-webkit-outer-spin-button {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -222,9 +225,9 @@ Correct the cursor style of increment and decrement buttons in Safari.
|
|||||||
2. Correct the outline style in Safari.
|
2. Correct the outline style in Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type='search'] {
|
[type="search"] {
|
||||||
-webkit-appearance: textfield; /* 1 */
|
-webkit-appearance: textfield; /* 1 */
|
||||||
outline-offset: -2px; /* 2 */
|
outline-offset: -2px; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -232,7 +235,7 @@ Remove the inner padding in Chrome and Safari on macOS.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
::-webkit-search-decoration {
|
::-webkit-search-decoration {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -241,8 +244,8 @@ Remove the inner padding in Chrome and Safari on macOS.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
::-webkit-file-upload-button {
|
||||||
-webkit-appearance: button; /* 1 */
|
-webkit-appearance: button; /* 1 */
|
||||||
font: inherit; /* 2 */
|
font: inherit; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -250,7 +253,7 @@ Add the correct display in Chrome and Safari.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
summary {
|
summary {
|
||||||
display: list-item;
|
display: list-item;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -270,24 +273,24 @@ hr,
|
|||||||
figure,
|
figure,
|
||||||
p,
|
p,
|
||||||
pre {
|
pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
legend {
|
legend {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
ol,
|
ol,
|
||||||
ul,
|
ul,
|
||||||
menu {
|
menu {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -295,7 +298,7 @@ Prevent resizing textareas horizontally by default.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -305,8 +308,8 @@ textarea {
|
|||||||
|
|
||||||
input::placeholder,
|
input::placeholder,
|
||||||
textarea::placeholder {
|
textarea::placeholder {
|
||||||
opacity: 1; /* 1 */
|
opacity: 1; /* 1 */
|
||||||
color: #9ca3af; /* 2 */
|
color: #9ca3af; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -315,14 +318,14 @@ Set the default cursor for buttons.
|
|||||||
|
|
||||||
button,
|
button,
|
||||||
[role="button"] {
|
[role="button"] {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Make sure disabled buttons don't get the pointer cursor.
|
Make sure disabled buttons don't get the pointer cursor.
|
||||||
*/
|
*/
|
||||||
:disabled {
|
:disabled {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -339,8 +342,8 @@ audio,
|
|||||||
iframe,
|
iframe,
|
||||||
embed,
|
embed,
|
||||||
object {
|
object {
|
||||||
display: block; /* 1 */
|
display: block; /* 1 */
|
||||||
vertical-align: middle; /* 2 */
|
vertical-align: middle; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -349,8 +352,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|||||||
|
|
||||||
img,
|
img,
|
||||||
video {
|
video {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -358,9 +361,9 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
[hidden] {
|
[hidden] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,26 +5,25 @@ html {
|
|||||||
|
|
||||||
/*---滚动条默认显示样式--*/
|
/*---滚动条默认显示样式--*/
|
||||||
html::-webkit-scrollbar-thumb {
|
html::-webkit-scrollbar-thumb {
|
||||||
background-color: #e1e1e1;
|
background-color: #e1e1e1;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
/*---鼠标点击滚动条显示样式--*/
|
/*---鼠标点击滚动条显示样式--*/
|
||||||
html::-webkit-scrollbar-thumb:hover {
|
html::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: #e1e1e1;
|
background-color: #e1e1e1;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
/*---滚动条大小--*/
|
/*---滚动条大小--*/
|
||||||
html::-webkit-scrollbar {
|
html::-webkit-scrollbar {
|
||||||
width: 8px;
|
width: 8px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
}
|
}
|
||||||
/*---滚动框背景样式--*/
|
/*---滚动框背景样式--*/
|
||||||
html::-webkit-scrollbar-track-piece {
|
html::-webkit-scrollbar-track-piece {
|
||||||
background-color: rgba(0, 0, 0, 0);
|
background-color: rgba(0, 0, 0, 0);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
html.dark {
|
html.dark {
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
scrollbar-color: #555 transparent;
|
scrollbar-color: #555 transparent;
|
||||||
@ -32,22 +31,22 @@ html.dark {
|
|||||||
|
|
||||||
/*---滚动条默认显示样式--*/
|
/*---滚动条默认显示样式--*/
|
||||||
html.dark::-webkit-scrollbar-thumb {
|
html.dark::-webkit-scrollbar-thumb {
|
||||||
background-color: #555;
|
background-color: #555;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
/*---鼠标点击滚动条显示样式--*/
|
/*---鼠标点击滚动条显示样式--*/
|
||||||
html.dark::-webkit-scrollbar-thumb:hover {
|
html.dark::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: #555;
|
background-color: #555;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
/*---滚动条大小--*/
|
/*---滚动条大小--*/
|
||||||
html.dark::-webkit-scrollbar {
|
html.dark::-webkit-scrollbar {
|
||||||
width: 8px;
|
width: 8px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*---滚动框背景样式--*/
|
/*---滚动框背景样式--*/
|
||||||
html.dark::-webkit-scrollbar-track-piece {
|
html.dark::-webkit-scrollbar-track-piece {
|
||||||
background-color: rgba(0, 0, 0, 0);
|
background-color: rgba(0, 0, 0, 0);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,76 +1,76 @@
|
|||||||
/* fade */
|
/* fade */
|
||||||
.fade-enter-active,
|
.fade-enter-active,
|
||||||
.fade-leave-active {
|
.fade-leave-active {
|
||||||
transition: opacity 0.3s ease-in-out;
|
transition: opacity 0.3s ease-in-out;
|
||||||
}
|
}
|
||||||
.fade-enter-from,
|
.fade-enter-from,
|
||||||
.fade-leave-to {
|
.fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* fade-slide */
|
/* fade-slide */
|
||||||
.fade-slide-leave-active,
|
.fade-slide-leave-active,
|
||||||
.fade-slide-enter-active {
|
.fade-slide-enter-active {
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
}
|
}
|
||||||
.fade-slide-enter-from {
|
.fade-slide-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateX(-30px);
|
transform: translateX(-30px);
|
||||||
}
|
}
|
||||||
.fade-slide-leave-to {
|
.fade-slide-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateX(30px);
|
transform: translateX(30px);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* fade-bottom */
|
/* fade-bottom */
|
||||||
.fade-bottom-enter-active,
|
.fade-bottom-enter-active,
|
||||||
.fade-bottom-leave-active {
|
.fade-bottom-leave-active {
|
||||||
transition: opacity 0.25s, transform 0.3s;
|
transition: opacity 0.25s, transform 0.3s;
|
||||||
}
|
}
|
||||||
.fade-bottom-enter-from {
|
.fade-bottom-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(-10%);
|
transform: translateY(-10%);
|
||||||
}
|
}
|
||||||
.fade-bottom-leave-to {
|
.fade-bottom-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(10%);
|
transform: translateY(10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* fade-scale */
|
/* fade-scale */
|
||||||
.fade-scale-leave-active,
|
.fade-scale-leave-active,
|
||||||
.fade-scale-enter-active {
|
.fade-scale-enter-active {
|
||||||
transition: all 0.28s;
|
transition: all 0.28s;
|
||||||
}
|
}
|
||||||
.fade-scale-enter-from {
|
.fade-scale-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
}
|
}
|
||||||
.fade-scale-leave-to {
|
.fade-scale-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(0.8);
|
transform: scale(0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* zoom-fade */
|
/* zoom-fade */
|
||||||
.zoom-fade-enter-active,
|
.zoom-fade-enter-active,
|
||||||
.zoom-fade-leave-active {
|
.zoom-fade-leave-active {
|
||||||
transition: transform 0.2s, opacity 0.3s ease-out;
|
transition: transform 0.2s, opacity 0.3s ease-out;
|
||||||
}
|
}
|
||||||
.zoom-fade-enter-from {
|
.zoom-fade-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(0.92);
|
transform: scale(0.92);
|
||||||
}
|
}
|
||||||
.zoom-fade-leave-to {
|
.zoom-fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(1.06);
|
transform: scale(1.06);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* zoom-out */
|
/* zoom-out */
|
||||||
.zoom-out-enter-active,
|
.zoom-out-enter-active,
|
||||||
.zoom-out-leave-active {
|
.zoom-out-leave-active {
|
||||||
transition: opacity 0.1s ease-in-out, transform 0.15s ease-out;
|
transition: opacity 0.1s ease-in-out, transform 0.15s ease-out;
|
||||||
}
|
}
|
||||||
.zoom-out-enter-from,
|
.zoom-out-enter-from,
|
||||||
.zoom-out-leave-to {
|
.zoom-out-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(0);
|
transform: scale(0);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
@import './scrollbar.scss';
|
@import "./scrollbar.scss";
|
||||||
|
|||||||
@ -1,18 +1,18 @@
|
|||||||
@mixin scrollbar($size:8px, $color:#d9d9d9) {
|
@mixin scrollbar($size: 8px, $color: #d9d9d9) {
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
background-color: $color;
|
background-color: $color;
|
||||||
border-radius: $size;
|
border-radius: $size;
|
||||||
}
|
}
|
||||||
&::-webkit-scrollbar-thumb:hover {
|
&::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: $color;
|
background-color: $color;
|
||||||
border-radius: $size;
|
border-radius: $size;
|
||||||
}
|
}
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: $size;
|
width: $size;
|
||||||
height: $size;
|
height: $size;
|
||||||
}
|
}
|
||||||
&::-webkit-scrollbar-track-piece {
|
&::-webkit-scrollbar-track-piece {
|
||||||
background-color: rgba(0, 0, 0, 0);
|
background-color: rgba(0, 0, 0, 0);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user