From c1720842e1a3131ad5d9ab1da5f81ade8a125c49 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?F=E5=98=89=E9=98=B3?= Date: Sun, 4 Feb 2018 16:19:41 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E7=8E=B0Element=E7=BB=84=E4=BB=B6+?= =?UTF-8?q?=E5=8D=95=E6=96=87=E4=BB=B6=E4=B8=8A=E4=BC=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/homePage.js | 53 ++++++++- src/main/resources/templates/home/home.html | 41 ++++++- src/main/resources/templates/home/home2.html | 112 +++++++++++++++++++ src/main/resources/templates/login.html | 23 ++-- 4 files changed, 209 insertions(+), 20 deletions(-) create mode 100644 src/main/resources/templates/home/home2.html diff --git a/src/main/resources/static/js/homePage.js b/src/main/resources/static/js/homePage.js index 9227617..a7ccf3e 100644 --- a/src/main/resources/static/js/homePage.js +++ b/src/main/resources/static/js/homePage.js @@ -2,10 +2,61 @@ var Main = { data() { return { activeIndex: '1', - activeIndex2: '1' + activeIndex2: '1', + fileList: [{ + name: 'food.jpeg', + url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100' + }, { + name: 'food2.jpeg', + url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100' + }], + tableData3: [{ + date: '2016-05-03', + name: '王小虎', + address: '上海市普陀区金沙江路 1518 弄' + }, { + date: '2016-05-02', + name: '王小虎', + address: '上海市普陀区金沙江路 1518 弄' + }, { + date: '2016-05-04', + name: '王小虎', + address: '上海市普陀区金沙江路 1518 弄' + }, { + date: '2016-05-01', + name: '王小虎', + address: '上海市普陀区金沙江路 1518 弄' + }, { + date: '2016-05-08', + name: '王小虎', + address: '上海市普陀区金沙江路 1518 弄' + }, { + date: '2016-05-06', + name: '王小虎', + address: '上海市普陀区金沙江路 1518 弄' + }, { + date: '2016-05-07', + name: '王小虎', + address: '上海市普陀区金沙江路 1518 弄' + }] }; }, methods: { + submitUpload() { + this.$refs.upload.submit(); + }, + handleRemove(file, fileList) { + console.log(file, fileList); + }, + handlePreview(file) { + console.log(file); + }, + handleExceed(files, fileList) { + this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); + }, + beforeRemove(file, fileList) { + return this.$confirm(`确定移除 ${ file.name }？`); + }, handleSelect(key, keyPath) { console.log(key, keyPath); }, diff --git a/src/main/resources/templates/home/home.html b/src/main/resources/templates/home/home.html index 15f640c..69b4d75 100644 --- a/src/main/resources/templates/home/home.html +++ b/src/main/resources/templates/home/home.html @@ -7,11 +7,46 @@
-
-
+ + - + + +
+ + 选取文件 + + 上传到服务器 + +
只能上传jpg/png文件，且不超过500kb
+ +
+ + + + +
+ + + + + + + + + + + +
+ + diff --git a/src/main/resources/templates/home/home2.html b/src/main/resources/templates/home/home2.html new file mode 100644 index 0000000..6b4ecc3 --- /dev/null +++ b/src/main/resources/templates/home/home2.html @@ -0,0 +1,112 @@ + + + + + 主页 + + + + + + + + + + +
+ + + + +
默认颜色
+ + + + + + 选项1 + 选项2 + + + 选项3 + + + + 选项1 + + + + + 导航二 + + + + 导航三 + + + + + + + + + 处理中心 + + + 选项1 + 选项2 + 选项3 + + 登出 + + + + + +
+ + 选取文件 + + 上传到服务器 + +
只能上传jpg/png文件，且不超过500kb
+ +
+ + + + +
+ + + + + + + + + + + +
+ + + + + +
+ + + + diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html index 18777df..5603531 100644 --- a/src/main/resources/templates/login.html +++ b/src/main/resources/templates/login.html @@ -1,17 +1,9 @@ - - - - - 登录 - - - - + + + - - - - +
- +