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

View file

@ -1,6 +1,6 @@
<mk-drive-page> <mk-drive-page>
<mk-ui ref="ui"> <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> </mk-ui>
<style> <style>
:scope :scope

View file

@ -4,7 +4,7 @@
<button class="upload" onclick={ upload }><i class="fa fa-upload"></i></button> <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> <button if={ multiple } class="ok" onclick={ ok }><i class="fa fa-check"></i></button>
</header> </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> <style>
:scope :scope
@ -14,7 +14,13 @@
background #fff background #fff
> header > 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 > h1
margin 0 margin 0
@ -43,9 +49,7 @@
width 42px width 42px
> mk-drive > mk-drive
height calc(100% - 42px) top 42px
overflow scroll
-webkit-overflow-scrolling touch
</style> </style>
<script> <script>