Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit b4bf403

Browse files
author
高晨辉
committed
图像上传、iconfont修改
1 parent 87707a3 commit b4bf403

File tree

15 files changed

+260
-52
lines changed

15 files changed

+260
-52
lines changed

‎src/assets/iconfont/iconfont.css

Lines changed: 29 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,10 @@
1-
@font-face {
2-
font-family: "iconfont";
3-
src: url('iconfont.eot?t=1563096625752');
4-
/* IE9 */
5-
src: url('iconfont.eot?t=1563096625752#iefix') format('embedded-opentype'),
6-
/* IE6-IE8 */
7-
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
8-
url('iconfont.woff?t=1563096625752') format('woff'),
9-
url('iconfont.ttf?t=1563096625752') format('truetype'),
10-
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
11-
url('iconfont.svg?t=1563096625752#iconfont') format('svg');
12-
/* iOS 4.1- */
1+
@font-face {font-family: "iconfont";
2+
src: url('iconfont.eot?t=1564390124723'); /* IE9 */
3+
src: url('iconfont.eot?t=1564390124723#iefix') format('embedded-opentype'), /* IE6-IE8 */
4+
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
5+
url('iconfont.woff?t=1564390124723') format('woff'),
6+
url('iconfont.ttf?t=1564390124723') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
7+
url('iconfont.svg?t=1564390124723#iconfont') format('svg'); /* iOS 4.1- */
138
}
149

1510
.iconfont {
@@ -38,4 +33,25 @@
3833

3934
.el-icon-weibo:before {
4035
content: "\e608";
41-
}
36+
}
37+
38+
.el-icon-dashang:before {
39+
content: "\e672";
40+
}
41+
42+
.el-icon-guojihua:before {
43+
content: "\e6e4";
44+
}
45+
46+
.el-icon-huangguan:before {
47+
content: "\e6a7";
48+
}
49+
50+
.el-icon-lunbo:before {
51+
content: "\e623";
52+
}
53+
54+
.el-icon-excel:before {
55+
content: "\e604";
56+
}
57+

‎src/assets/iconfont/iconfont.eot

1.31 KB
Binary file not shown.

‎src/assets/iconfont/iconfont.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/assets/iconfont/iconfont.svg

Lines changed: 15 additions & 0 deletions
Loading[フレーム]

‎src/assets/iconfont/iconfont.ttf

1.31 KB
Binary file not shown.

‎src/assets/iconfont/iconfont.woff

944 Bytes
Binary file not shown.

‎src/assets/iconfont/iconfont.woff2

836 Bytes
Binary file not shown.

‎src/components/Upload/index.vue

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<template>
2+
<div class="uploadImg">
3+
<span class="el-icon-plus"></span>
4+
<input
5+
:accept="accept"
6+
type="file"
7+
class="upload_ipu"
8+
ref="fileLoad"
9+
@change="uploadImg"
10+
/>
11+
<img v-if="imgShow" :src="imgSrc" />
12+
</div>
13+
</template>
14+
15+
<script>
16+
export default {
17+
props: {
18+
accept: {
19+
type: String,
20+
default: 'image/jpg,image/jpeg,image/png,image/gif'
21+
}
22+
},
23+
data() {
24+
return {
25+
imgShow: false,
26+
imgSrc: ''
27+
}
28+
},
29+
methods: {
30+
createUrl(file) {
31+
if (window.URL) {
32+
return window.URL.createObjectURL(file)
33+
} else if (window.webkitURL) {
34+
return window.webkitURL.createObjectURL(file)
35+
} else {
36+
return null
37+
}
38+
},
39+
uploadImg() {
40+
let file = this.$refs.fileLoad.files[0]
41+
let size = file.size / 1024 / 1024
42+
if (!this.accept.includes(file.type.toLowerCase())) {
43+
this.$message.error('图片格式不正确!')
44+
return false
45+
}
46+
if (size > 2) {
47+
this.$message.error('图片大小不能超过2MB!')
48+
return false
49+
}
50+
this.imgSrc = this.createUrl(file)
51+
this.imgShow = true
52+
this.$message.success('上传成功!')
53+
}
54+
}
55+
}
56+
</script>
57+
<style lang="scss" scoped>
58+
.uploadImg {
59+
border: 1px dashed #d9d9d9;
60+
border-radius: 6px;
61+
cursor: pointer;
62+
position: relative;
63+
overflow: hidden;
64+
width: 180px;
65+
height: 180px;
66+
transition: all 0.2s;
67+
&:hover {
68+
border-color: #409eff;
69+
}
70+
span {
71+
font-size: 28px;
72+
color: #8c939d;
73+
width: 178px;
74+
height: 178px;
75+
line-height: 178px;
76+
text-align: center;
77+
}
78+
.upload_ipu {
79+
opacity: 0;
80+
width: 100%;
81+
height: 100%;
82+
position: absolute;
83+
cursor: pointer;
84+
top: 0;
85+
left: 0;
86+
z-index: 2;
87+
}
88+
img {
89+
width: 178px;
90+
height: 178px;
91+
position: absolute;
92+
border-radius: 6px;
93+
left: 0;
94+
top: 0;
95+
z-index: 1;
96+
}
97+
}
98+
</style>

‎src/plugins/element.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,9 @@ import {
3535
Dialog,
3636
DatePicker,
3737
Tree,
38-
Upload
38+
Upload,
39+
Carousel,
40+
CarouselItem
3941
} from 'element-ui'
4042
Message.install = () => {
4143
Vue.prototype.$message = Message
@@ -83,3 +85,5 @@ Vue.use(Select)
8385
Vue.use(Option)
8486
Vue.use(Tree)
8587
Vue.use(Upload)
88+
Vue.use(Carousel)
89+
Vue.use(CarouselItem)

‎src/router/index.js

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -166,6 +166,33 @@ export const asyncRoutes = [
166166
name: 'Upload',
167167
component: () => import('@/views/components/pushImg'),
168168
meta: { icon: 'el-icon-upload', title: '上传图片' }
169+
},
170+
{
171+
path: 'carousel',
172+
name: 'Carousel',
173+
component: () => import('@/views/components/carousel'),
174+
meta: { icon: 'el-icon-lunbo iconfont', title: '轮播' }
175+
}
176+
]
177+
},
178+
{
179+
path: '/excel',
180+
component: Layout,
181+
name: 'Excel',
182+
redirect: '/excel-operate/excel-out',
183+
meta: { icon: 'el-icon-excel iconfont', title: 'Excel' },
184+
children: [
185+
{
186+
path: 'excel-out',
187+
name: 'Excel-out',
188+
component: () => import('@/views/excel-operate/excel-out'),
189+
meta: { title: 'Excel导出' }
190+
},
191+
{
192+
path: 'excel-in',
193+
name: 'Excel-in',
194+
component: () => import('@/views/excel-operate/excel-in'),
195+
meta: { title: 'Excel导入' }
169196
}
170197
]
171198
},

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /