'admin-21.05.20:根据官方文档，增加eslint的Vue.js3.x的配置，感谢群友@λόγος'

.eslintrc.js

@@ -11,7 +11,7 @@ module.exports = {
 		parser: '@typescript-eslint/parser',
 		sourceType: 'module',
 	},
-	extends: ['plugin:vue/essential'],
+	extends: ['plugin:vue/vue3-essential', 'plugin:vue/essential', 'eslint:recommended'],
 	plugins: ['vue', '@typescript-eslint'],
 	rules: {
 		// http://eslint.cn/docs/rules/
@@ -43,6 +43,11 @@ module.exports = {
 		'vue/no-v-html': 'off',
 		'vue/comment-directive': 'off',
 		'vue/no-parsing-error': 'off',
+		'vue/no-deprecated-v-on-native-modifier': 'off',
+		'no-useless-escape': 'off',
+		'no-sparse-arrays': 'off',
+		'no-prototype-builtins': 'off',
+		'no-constant-condition': 'off',
 		'no-use-before-define': 'off',
 		'no-restricted-globals': 'off',
 		'no-restricted-syntax': 'off',

src/views/fun/gridLayout/index.vue

@@ -8,7 +8,7 @@
 				class="mb15"
 			></el-alert>
 			<grid-layout
-				:layout.sync="layouts"
+				v-model:layout="layouts"
 				:col-num="12"
 				:row-height="30"
 				:is-draggable="true"
@@ -31,7 +31,7 @@
 <script lang="ts">
 import { toRefs, reactive } from 'vue';
 export default {
-	name: 'funGridLayout',
+	name: 'FunGridLayout',
 	setup() {
 		const state = reactive({
 			layouts: [

src/views/layout/lockScreen/index.vue

@@ -195,7 +195,7 @@ export default {
 }
 .layout-lock-screen-filter {
 	filter: blur(5px);
-	transform: scale(1.2);
+	transform: scale(1.01);
 }
 .layout-lock-screen-mask {
 	background: rgba(255, 255, 255, 1);
@@ -207,7 +207,6 @@ export default {
 	background-image: url('https://img6.bdstatic.com/img/image/pcindex/sunjunpchuazhoutu.JPG');
 	background-size: 100% 100%;
 	z-index: 9999991;
-	transition: all ease 0.3s 0.3s;
 }
 .layout-lock-screen {
 	@extend .layout-lock-screen-fixed;