This commit is contained in:
syuilo 2017-11-01 13:11:40 +09:00
parent 079dd2f68c
commit 6ab0e81e1c
3 changed files with 15 additions and 11 deletions

View file

@ -1,5 +1,5 @@
<mk-drive>
<nav>
<nav ref="nav">
<p onclick={ goRoot }><i class="fa fa-cloud"></i>%i18n:mobile.tags.mk-drive.drive%</p>
<virtual each={ folder in hierarchyFolders }>
<span><i class="fa fa-angle-right"></i></span>
@ -56,10 +56,6 @@
display block
background #fff
&[data-is-naked]
> nav
top 48px
> nav
display block
position sticky
@ -205,6 +201,10 @@
} else {
this.fetch();
}
if (this.opts.isNaked) {
this.refs.nav.style.top = `${this.opts.top}px`;
}
});
this.on('unmount', () => {

View file

@ -1,6 +1,6 @@
<mk-drive-page>
<mk-ui ref="ui">
<mk-drive ref="browser" folder={ parent.opts.folder } file={ parent.opts.file } data-is-naked="true"/>
<mk-drive ref="browser" folder={ parent.opts.folder } file={ parent.opts.file } is-naked={ true } top={ 48 }/>
</mk-ui>
<style>
:scope

View file

@ -4,7 +4,7 @@
<button class="upload" onclick={ upload }><i class="fa fa-upload"></i></button>
<button if={ multiple } class="ok" onclick={ ok }><i class="fa fa-check"></i></button>
</header>
<mk-drive ref="browser" select-file={ true } multiple={ multiple }/>
<mk-drive ref="browser" select-file={ true } multiple={ multiple } is-naked={ true } top={ 42 }/>
<style>
:scope
@ -14,7 +14,13 @@
background #fff
> header
border-bottom solid 1px #eee
position fixed
top 0
left 0
width 100%
z-index 1000
background #fff
box-shadow 0 1px rgba(0, 0, 0, 0.1)
> h1
margin 0
@ -43,9 +49,7 @@
width 42px
> mk-drive
height calc(100% - 42px)
overflow scroll
-webkit-overflow-scrolling touch
top 42px
</style>
<script>