[performance]:压缩图片，优化编辑器图片懒加载 (#59)

* chore: 压缩图片，格式改为webp

* perf: 优化编辑器首次加载速度，图片懒加载

* perf: 固定高度，优化滑动

server/src/apps/surveyManage/template/banner/index.json

@@ -3,7 +3,7 @@
 		"key": "default",
 		"name": "默认分类",
 		"list": [{
-			"src": "/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.jpg",
+			"src": "/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.webp",
 			"title": "1"
 		}]
 },
@@ -11,7 +11,7 @@
 		"key": "activity",
 		"name": "节日",
 		"list": [{
-			"src": "/imgs/skin/Ixx8hqiwwk1660979120801.jpg",
+			"src": "/imgs/skin/Ixx8hqiwwk1660979120801.webp",
 			"title": "1"
 		}]
 	},
@@ -19,25 +19,25 @@
 		"key": "creative",
 		"name": "创意",
 		"list": [{
-			"src": "/imgs/skin/PLwNH1rAie1558430219772.jpg",
+			"src": "/imgs/skin/PLwNH1rAie1558430219772.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/NnXsAOhBNm1558430219312.jpg",
+			"src": "/imgs/skin/NnXsAOhBNm1558430219312.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/ujpUoWqhw31558430220124.jpg",
+			"src": "/imgs/skin/ujpUoWqhw31558430220124.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/5OCvbjqJQm1558430220362.jpg",
+			"src": "/imgs/skin/5OCvbjqJQm1558430220362.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/0k7Jg7In8I1558430221154.jpg",
+			"src": "/imgs/skin/0k7Jg7In8I1558430221154.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/UH0A8DbTai1558430221033.jpg",
+			"src": "/imgs/skin/UH0A8DbTai1558430221033.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/FRIzPC6ZtN1558430221344.jpg",
+			"src": "/imgs/skin/FRIzPC6ZtN1558430221344.webp",
 			"title": "7"
 		}]
 	},
@@ -45,25 +45,25 @@
 		"key": "scenery",
 		"name": "风景",
 		"list": [{
-			"src": "/imgs/skin/SyiLRcukyE1558430525760.jpg",
+			"src": "/imgs/skin/SyiLRcukyE1558430525760.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/sqYig4AcWr1558430525663.jpg",
+			"src": "/imgs/skin/sqYig4AcWr1558430525663.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/ElNeqJT2I21558430526165.jpg",
+			"src": "/imgs/skin/ElNeqJT2I21558430526165.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/CxQkSU6AY21558430526163.jpg",
+			"src": "/imgs/skin/CxQkSU6AY21558430526163.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/VTUwbp6vY61558430527320.jpg",
+			"src": "/imgs/skin/VTUwbp6vY61558430527320.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/SHs0K703Yn1558430527218.jpg",
+			"src": "/imgs/skin/SHs0K703Yn1558430527218.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/oVTedX9V4s1558430527671.jpg",
+			"src": "/imgs/skin/oVTedX9V4s1558430527671.webp",
 			"title": "7"
 		}]
 	},
@@ -71,25 +71,25 @@
 		"key": "transportation",
 		"name": "交通",
 		"list": [{
-			"src": "/imgs/skin/XYKqJZuMig1558430904735.jpg",
+			"src": "/imgs/skin/XYKqJZuMig1558430904735.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/GnPatsr48Z1558430904680.jpg",
+			"src": "/imgs/skin/GnPatsr48Z1558430904680.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/UqIvVvEXAK1558430905204.jpg",
+			"src": "/imgs/skin/UqIvVvEXAK1558430905204.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/PUssufh5uI1558430905104.jpg",
+			"src": "/imgs/skin/PUssufh5uI1558430905104.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/O409pRTDlW1558430905738.jpg",
+			"src": "/imgs/skin/O409pRTDlW1558430905738.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/A9FzlbYXqI1558430905739.jpg",
+			"src": "/imgs/skin/A9FzlbYXqI1558430905739.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/HN9YGctDeF1558430906686.jpg",
+			"src": "/imgs/skin/HN9YGctDeF1558430906686.webp",
 			"title": "7"
 		}]
 	},
@@ -97,25 +97,25 @@
 		"key": "delicacy",
 		"name": "美食",
 		"list": [{
-			"src": "/imgs/skin/lE6PSclCcU1558434536703.jpg",
+			"src": "/imgs/skin/lE6PSclCcU1558434536703.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/OnSdbm7u6n1558434536641.jpg",
+			"src": "/imgs/skin/OnSdbm7u6n1558434536641.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/N9Z2ZuyO731558434537314.jpg",
+			"src": "/imgs/skin/N9Z2ZuyO731558434537314.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/YP9PoW8pX51558434537301.jpg",
+			"src": "/imgs/skin/YP9PoW8pX51558434537301.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/zUtDv378bg1558434538351.jpg",
+			"src": "/imgs/skin/zUtDv378bg1558434538351.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/gY1JljCow21558434538303.jpg",
+			"src": "/imgs/skin/gY1JljCow21558434538303.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/oOjHPbABdd1558434538864.jpg",
+			"src": "/imgs/skin/oOjHPbABdd1558434538864.webp",
 			"title": "7"
 		}]
 	},
@@ -123,25 +123,25 @@
 		"key": "business",
 		"name": "商务",
 		"list": [{
-			"src": "/imgs/skin/3ABKqvDaVn1558514860472.jpg",
+			"src": "/imgs/skin/3ABKqvDaVn1558514860472.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/OewuaQmWoq1558514860285.jpg",
+			"src": "/imgs/skin/OewuaQmWoq1558514860285.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/HuVqqtbFjs1558514860570.jpg",
+			"src": "/imgs/skin/HuVqqtbFjs1558514860570.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/icSlqsr0uZ1558514860875.jpg",
+			"src": "/imgs/skin/icSlqsr0uZ1558514860875.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/Qu9rg33wmq1558514861015.jpg",
+			"src": "/imgs/skin/Qu9rg33wmq1558514861015.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/145gBCRtNP1558514861211.jpg",
+			"src": "/imgs/skin/145gBCRtNP1558514861211.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/ykWLFV0QWj1558514861444.jpg",
+			"src": "/imgs/skin/ykWLFV0QWj1558514861444.webp",
 			"title": "7"
 		}]
 	},
@@ -149,25 +149,25 @@
 		"key": "campus",
 		"name": "校园",
 		"list": [{
-			"src": "/imgs/skin/4aWi5JxG471558514268698.jpg",
+			"src": "/imgs/skin/4aWi5JxG471558514268698.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/j8C2OBP7WK1558514268563.jpg",
+			"src": "/imgs/skin/j8C2OBP7WK1558514268563.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/q3uJoQhYsR1558514268877.jpg",
+			"src": "/imgs/skin/q3uJoQhYsR1558514268877.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/W5PPlNsmsr1558514269088.jpg",
+			"src": "/imgs/skin/W5PPlNsmsr1558514269088.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/6xQk1IAmKt1558514269874.jpg",
+			"src": "/imgs/skin/6xQk1IAmKt1558514269874.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/XQE2iyF0rj1558514269935.jpg",
+			"src": "/imgs/skin/XQE2iyF0rj1558514269935.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/POHlQiSwPR1558514270379.jpg",
+			"src": "/imgs/skin/POHlQiSwPR1558514270379.webp",
 			"title": "7"
 		}]
 	}