Commit 8b3cdf99 authored by chenqikuai's avatar chenqikuai

点击添加文件夹后,光标自动聚焦在input框中。编辑存证页面存证名称添加下边距

parent 192ab65c
...@@ -44,11 +44,11 @@ ...@@ -44,11 +44,11 @@
> >
<span style="font-weight: 500; color: #353535">我的模版</span> <span style="font-weight: 500; color: #353535">我的模版</span>
<div> <div>
<common-svg v-if="isLogin" @click="showAddFolder = true" name="xuanzemoban-tianjia1" width="11px" style="margin-right:5px"></common-svg> <common-svg v-if="isLogin" @click="handleClickAddFolder" name="xuanzemoban-tianjia1" width="11px" style="margin-right:5px"></common-svg>
<span <span
v-if="isLogin" v-if="isLogin"
style="color: #3f79fe" style="color: #3f79fe"
@click="showAddFolder = true" @click="handleClickAddFolder"
>添加文件夹</span >添加文件夹</span
> >
</div> </div>
...@@ -84,6 +84,7 @@ ...@@ -84,6 +84,7 @@
<van-field v-model="currentFolder.folder_name" ref="rename"/> <van-field v-model="currentFolder.folder_name" ref="rename"/>
</van-dialog> </van-dialog>
<add-folder <add-folder
ref="addFolder"
:show.sync="showAddFolder" :show.sync="showAddFolder"
@cancel="showAddFolder = false" @cancel="showAddFolder = false"
@next="addFolder" @next="addFolder"
...@@ -221,6 +222,13 @@ export default class IndexSy extends Mixins(IndexMixin) { ...@@ -221,6 +222,13 @@ export default class IndexSy extends Mixins(IndexMixin) {
message: "重命名成功" message: "重命名成功"
}) })
} }
private handleClickAddFolder(){
this.showAddFolder = true
this.$nextTick(()=>{
(this.$refs?.addFolder as any).$refs?.folderName?.focus();
})
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<li @click="reSendBlockChain(id)">重新上链</li> <li @click="reSendBlockChain(id)">重新上链</li>
</ul> </ul>
</div> </div>
<div class="px-4 bg-white"> <div class="px-4 bg-white mb-4">
<van-field v-model="name" label="填写存证名称" placeholder="请输入" v-if="!proofName" /> <van-field v-model="name" label="填写存证名称" placeholder="请输入" v-if="!proofName" />
</div> </div>
<template-detail :detailInformation="detail" class="detail" style="margin-bottom:70px;"></template-detail> <template-detail :detailInformation="detail" class="detail" style="margin-bottom:70px;"></template-detail>
...@@ -379,6 +379,9 @@ export default class Detail extends Vue { ...@@ -379,6 +379,9 @@ export default class Detail extends Vue {
.px-4{ .px-4{
padding: 0 16px; padding: 0 16px;
} }
.mb-4{
margin-bottom: 16px;
}
.bg-white{ .bg-white{
background: white; background: white;
} }
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
> >
<van-field <van-field
v-model="folderName" v-model="folderName"
ref="folderName"
placeholder="请输入文件夹名称" placeholder="请输入文件夹名称"
/> />
</van-dialog> </van-dialog>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment