Skip to content

Commit

Permalink
修理工具欄動畫
Browse files Browse the repository at this point in the history
  • Loading branch information
@RimoChan
RimoChan committed Dec 28, 2019
1 parent 9d69a03 commit 642ffb2
Show file tree
Hide file tree
Showing 4 changed files with 56 additions and 53 deletions.
60 changes: 31 additions & 29 deletions Librian本體/前端/adv.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,35 +43,37 @@
</template>
</div>
</div>
<div id="工具欄" v-bind:class="{自動收起: 用戶設置.自動收起控制面板.值}">
<a id="存檔" v-if='本地運行'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-down" style='text-shadow:0 0 4px #000;'></i>
</a>
<a id="讀檔" v-if='本地運行'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-up" style='text-shadow:0 0 4px #000;'></i>
</a>
<a id="快速存檔" v-if='本地運行'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-down" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
</a>
<a id="快速讀檔" v-if='本地運行'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-up" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
</a>
<a id="切換快進">
<i class="fa fa-fast-forward"></i>
</a>
<a id="全屏" href='javascript:山彥.切換全屏();'>
<i class="fa fa-arrows-alt"></i>
</a>
<a id="進入設置">
<i class="fa fa-gear"></i>
</a>
<a id="回標題" v-if='本地運行'>
<i class="fa fa-mail-reply"></i>
</a>
<div id="工具欄">
<div id="工具容器" v-bind:class="{自動收起: 用戶設置.自動收起控制面板.值}">
<a id="存檔" v-if='本地運行'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-down" style='text-shadow:0 0 4px #000;'></i>
</a>
<a id="讀檔" v-if='本地運行'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-up" style='text-shadow:0 0 4px #000;'></i>
</a>
<a id="快速存檔" v-if='本地運行'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-down" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
</a>
<a id="快速讀檔" v-if='本地運行'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-up" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
</a>
<a id="切換快進">
<i class="fa fa-fast-forward"></i>
</a>
<a id="全屏" href='javascript:山彥.切換全屏();'>
<i class="fa fa-arrows-alt"></i>
</a>
<a id="進入設置">
<i class="fa fa-gear"></i>
</a>
<a id="回標題" v-if='本地運行'>
<i class="fa fa-mail-reply"></i>
</a>
</div>
</div>
<div id="adv畫面">
<div id="選項"></div>
Expand Down
43 changes: 22 additions & 21 deletions Librian本體/前端/adv.ptml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,27 +33,28 @@ html:
template v-if='內容.類型 === "boolean"':
input type="checkbox" v-model="內容['值']":

div#工具欄 v-bind:class="{自動收起: 用戶設置.自動收起控制面板.值}":
a#存檔 v-if='本地運行':
i.fa.fa-floppy-o:
i.fa.fa-angle-double-down style='text-shadow:0 0 4px #000;':
a#讀檔 v-if='本地運行':
i.fa.fa-floppy-o:
i.fa.fa-angle-double-up style='text-shadow:0 0 4px #000;':
a#快速存檔 v-if='本地運行':
i.fa.fa-floppy-o:
i.fa.fa-angle-double-down style='color:#fd1; text-shadow:0 0 4px #000;':
a#快速讀檔 v-if='本地運行':
i.fa.fa-floppy-o:
i.fa.fa-angle-double-up style='color:#fd1; text-shadow:0 0 4px #000;':
a#切換快進:
i.fa.fa-fast-forward:
a#全屏 href='javascript:山彥.切換全屏();':
i.fa.fa-arrows-alt:
a#進入設置:
i.fa.fa-gear:
a#回標題 v-if='本地運行':
i.fa.fa-mail-reply:
div#工具欄:
div#工具容器 v-bind:class="{自動收起: 用戶設置.自動收起控制面板.值}":
a#存檔 v-if='本地運行':
i.fa.fa-floppy-o:
i.fa.fa-angle-double-down style='text-shadow:0 0 4px #000;':
a#讀檔 v-if='本地運行':
i.fa.fa-floppy-o:
i.fa.fa-angle-double-up style='text-shadow:0 0 4px #000;':
a#快速存檔 v-if='本地運行':
i.fa.fa-floppy-o:
i.fa.fa-angle-double-down style='color:#fd1; text-shadow:0 0 4px #000;':
a#快速讀檔 v-if='本地運行':
i.fa.fa-floppy-o:
i.fa.fa-angle-double-up style='color:#fd1; text-shadow:0 0 4px #000;':
a#切換快進:
i.fa.fa-fast-forward:
a#全屏 href='javascript:山彥.切換全屏();':
i.fa.fa-arrows-alt:
a#進入設置:
i.fa.fa-gear:
a#回標題 v-if='本地運行':
i.fa.fa-mail-reply:

div#adv畫面:
div#選項:
Expand Down
4 changes: 2 additions & 2 deletions Librian本體/前端/dist/_統合.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -223,10 +223,10 @@ video {
margin: 5px;
position: absolute;
z-index: 10; }
#工具欄.自動收起 {
#工具欄 #工具容器.自動收起 {
opacity: 0.2;
transition: opacity 4s; }
#工具欄.自動收起:hover {
#工具欄 #工具容器.自動收起:hover {
opacity: 1;
transition: opacity 0.5s; }

Expand Down
2 changes: 1 addition & 1 deletion Librian本體/前端/src/主樣式.sass
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ video
margin: 5px
position: absolute
z-index: 10
&.自動收起
#工具容器.自動收起
opacity: 0.2
transition: opacity 4s
&:hover
Expand Down

0 comments on commit 642ffb2

Please sign in to comment.