Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
qq_45598856
white-jotter
提交
317be720
W
white-jotter
项目概览
qq_45598856
/
white-jotter
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
W
white-jotter
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
317be720
编写于
4月 12, 2019
作者:
E
Evan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Create new branch
上级
711d4216
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
54 addition
and
3 deletion
+54
-3
wj-vue/src/components/home/UpdateCard.vue
wj-vue/src/components/home/UpdateCard.vue
+1
-1
wj-vue/src/components/library/EditForm.vue
wj-vue/src/components/library/EditForm.vue
+4
-1
wj-vue/src/components/library/ImgUpload.vue
wj-vue/src/components/library/ImgUpload.vue
+46
-0
wj-vue/src/components/library/LibraryIndex.vue
wj-vue/src/components/library/LibraryIndex.vue
+3
-1
未找到文件。
wj-vue/src/components/home/UpdateCard.vue
浏览文件 @
317be720
...
...
@@ -43,7 +43,7 @@
<
script
>
export
default
{
name
:
'
Card
'
name
:
'
Update
Card
'
}
</
script
>
...
...
wj-vue/src/components/library/EditForm.vue
浏览文件 @
317be720
...
...
@@ -18,7 +18,8 @@
<el-input
v-model=
"form.press"
autocomplete=
"off"
></el-input>
</el-form-item>
<el-form-item
label=
"封面"
:label-width=
"formLabelWidth"
prop=
"cover"
>
<el-input
v-model=
"form.cover"
autocomplete=
"off"
placeholder=
"请输入 URL"
></el-input>
<!--
<el-input
v-model=
"form.cover"
autocomplete=
"off"
placeholder=
"请输入 URL"
></el-input>
-->
<img-upload></img-upload>
</el-form-item>
<el-form-item
label=
"简介"
:label-width=
"formLabelWidth"
prop=
"abs"
>
<el-input
type=
"textarea"
v-model=
"form.abs"
autocomplete=
"off"
></el-input>
...
...
@@ -46,8 +47,10 @@
</
template
>
<
script
>
import
ImgUpload
from
'
./ImgUpload
'
export
default
{
name
:
'
EditForm
'
,
components
:
{
ImgUpload
},
data
()
{
return
{
dialogFormVisible
:
false
,
...
...
wj-vue/src/components/library/ImgUpload.vue
0 → 100644
浏览文件 @
317be720
<
template
>
<el-upload
class=
"img-upload"
action=
"https://jsonplaceholder.typicode.com/posts/"
:on-preview=
"handlePreview"
:on-remove=
"handleRemove"
:before-remove=
"beforeRemove"
multiple
:limit=
"3"
:on-exceed=
"handleExceed"
:file-list=
"fileList"
>
<el-button
size=
"small"
type=
"primary"
>
点击上传
</el-button>
<div
slot=
"tip"
class=
"el-upload__tip"
>
只能上传jpg/png文件,且不超过500kb
</div>
</el-upload>
</
template
>
<
script
>
export
default
{
name
:
'
ImgUpload
'
,
data
()
{
return
{
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
'
}]
}
},
methods
:
{
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
}
?`
)
}
}
}
</
script
>
<
style
scoped
>
.img-upload
{
height
:
200px
;
}
</
style
>
wj-vue/src/components/library/LibraryIndex.vue
浏览文件 @
317be720
...
...
@@ -6,6 +6,7 @@
<el-main>
<el-row>
<books
class=
"books-area"
ref=
"booksArea"
></books>
<img-upload></img-upload>
</el-row>
</el-main>
</el-container>
...
...
@@ -16,10 +17,11 @@
import
Tag
from
'
./Tag
'
import
Books
from
'
./Books
'
import
About
from
'
../common/About
'
import
ImgUpload
from
'
./ImgUpload
'
export
default
{
name
:
'
AppLibrary
'
,
components
:
{
Books
,
Tag
,
SideMenu
,
About
},
components
:
{
Books
,
Tag
,
SideMenu
,
About
,
ImgUpload
},
methods
:
{
listByCategory
()
{
var
_this
=
this
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录