Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
FLIPPED-AURORA
gin-vue-admin
提交
e30325a4
G
gin-vue-admin
项目概览
FLIPPED-AURORA
/
gin-vue-admin
大约 1 年 前同步成功
通知
334
Star
18155
Fork
5506
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gin-vue-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
e30325a4
编写于
6月 09, 2020
作者:
D
DZero
提交者:
GitHub
6月 09, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix fullscreen bug
修复点击全屏后,按Esc键退出全屏,全屏按钮图标没有改变的问题
上级
bebed533
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
77 addition
and
78 deletion
+77
-78
web/src/view/layout/screenfull/index.vue
web/src/view/layout/screenfull/index.vue
+77
-78
未找到文件。
web/src/view/layout/screenfull/index.vue
浏览文件 @
e30325a4
<
template
>
<
template
>
<div
@
click=
"click"
>
<div
@
click=
"click"
>
<!--
<svg
<!--
<svg
t=
"1508738709248"
t=
"1508738709248"
class=
"screenfull-svg"
class=
"screenfull-svg"
viewBox=
"0 0 1024 1024"
viewBox=
"0 0 1024 1024"
...
@@ -25,90 +25,89 @@
...
@@ -25,90 +25,89 @@
d=
"M333.590658 594.033341 167.8171 759.804852 64.218604 655.67219 64.218604 958.270996 366.342596 958.502263 262.234493 855.071589 428.421466 688.86108Z"
d=
"M333.590658 594.033341 167.8171 759.804852 64.218604 655.67219 64.218604 958.270996 366.342596 958.502263 262.234493 855.071589 428.421466 688.86108Z"
p-id=
"2073"
/>
p-id=
"2073"
/>
</svg>
-->
</svg>
-->
<svg
<svg
t=
"1590133227479"
class=
"screenfull-svg"
viewBox=
"0 0 1024 1024"
version=
"1.1"
width=
"20"
height=
"20"
xmlns=
"http://www.w3.org/2000/svg"
t=
"1590133227479"
v-if=
"isShow"
>
class=
"screenfull-svg"
<path
id=
"svg_1"
d=
"m928.512,959.744a32,32 0 0 1 -32,-32l0,-256a32,32 0 0 1 64,0l0,256a32,32 0 0 1 -32,32z"
/>
viewBox=
"0 0 1024 1024"
<path
id=
"svg_2"
version=
"1.1"
d=
"m960.512,927.744a32,32 0 0 1 -32,32l-256,0a32,32 0 0 1 0,-64l256,0a32,32 0 0 1 32,32zm-864.768,-863.488a32,32 0 0 1 32,32l0,256a32,32 0 0 1 -64,0l0,-256a32,32 0 0 1 32,-32z"
/>
width=
"20"
<path
id=
"svg_3"
d=
"m63.744,96.256a32,32 0 0 1 32,-32l256,0a32,32 0 0 1 0,64l-256,0a32,32 0 0 1 -32,-32z"
/>
height=
"20"
<path
id=
"svg_4"
d=
"m958.030718,91.777575a32,32 0 0 1 -32,32l-256,0a32,32 0 0 1 0,-64l256,0a32,32 0 0 1 32,32z"
/>
xmlns=
"http://www.w3.org/2000/svg"
<path
id=
"svg_5"
d=
"m926.030718,59.777575a32,32 0 0 1 32,32l0,256a32,32 0 0 1 -64,0l0,-256a32,32 0 0 1 32,-32z"
/>
v-if=
"isShow"
<path
id=
"svg_6"
>
d=
"m940.622718,69.250038a32,32 0 0 1 0,45.248l-247.936,247.936a32,32 0 0 1 -45.248,-45.248l247.936,-247.936a31.936,31.936 0 0 1 45.248,0z"
/>
<path
id=
"svg_1"
d=
"m928.512,959.744a32,32 0 0 1 -32,-32l0,-256a32,32 0 0 1 64,0l0,256a32,32 0 0 1 -32,32z"
/>
<path
id=
"svg_7"
d=
"m61.649508,930.478492a32,32 0 0 1 32,-32l256,0a32,32 0 0 1 0,64l-256,0a32,32 0 0 1 -32,-32z"
/>
<path
id=
"svg_2"
d=
"m960.512,927.744a32,32 0 0 1 -32,32l-256,0a32,32 0 0 1 0,-64l256,0a32,32 0 0 1 32,32zm-864.768,-863.488a32,32 0 0 1 32,32l0,256a32,32 0 0 1 -64,0l0,-256a32,32 0 0 1 32,-32z"
/>
<path
id=
"svg_8"
d=
"m93.649508,962.478492a32,32 0 0 1 -32,-32l0,-256a32,32 0 0 1 64,0l0,256a32,32 0 0 1 -32,32z"
/>
<path
id=
"svg_3"
d=
"m63.744,96.256a32,32 0 0 1 32,-32l256,0a32,32 0 0 1 0,64l-256,0a32,32 0 0 1 -32,-32z"
/>
<path
id=
"svg_9"
<path
id=
"svg_4"
d=
"m958.030718,91.777575a32,32 0 0 1 -32,32l-256,0a32,32 0 0 1 0,-64l256,0a32,32 0 0 1 32,32z"
/>
d=
"m79.121508,945.070492a32,32 0 0 1 0,-45.248l247.936,-247.936a32,32 0 0 1 45.248,45.248l-247.936,247.936a32,32 0 0 1 -45.248,0z"
/>
<path
id=
"svg_5"
d=
"m926.030718,59.777575a32,32 0 0 1 32,32l0,256a32,32 0 0 1 -64,0l0,-256a32,32 0 0 1 32,-32z"
/>
</svg>
<path
id=
"svg_6"
d=
"m940.622718,69.250038a32,32 0 0 1 0,45.248l-247.936,247.936a32,32 0 0 1 -45.248,-45.248l247.936,-247.936a31.936,31.936 0 0 1 45.248,0z"
/>
<svg
t=
"1590133734869"
class=
"screenfull-svg"
viewBox=
"0 0 1024 1024"
version=
"1.1"
xmlns=
"http://www.w3.org/2000/svg"
p-id=
"1862"
<path
id=
"svg_7"
d=
"m61.649508,930.478492a32,32 0 0 1 32,-32l256,0a32,32 0 0 1 0,64l-256,0a32,32 0 0 1 -32,-32z"
/>
xmlns:xlink=
"http://www.w3.org/1999/xlink"
width=
"20"
height=
"20"
v-else
>
<path
id=
"svg_8"
d=
"m93.649508,962.478492a32,32 0 0 1 -32,-32l0,-256a32,32 0 0 1 64,0l0,256a32,32 0 0 1 -32,32z"
/>
<path
d=
"M928.512 959.744a32 32 0 0 1-32-32v-256a32 32 0 0 1 64 0v256a32 32 0 0 1-32 32z"
fill=
""
p-id=
"1863"
></path>
<path
id=
"svg_9"
d=
"m79.121508,945.070492a32,32 0 0 1 0,-45.248l247.936,-247.936a32,32 0 0 1 45.248,45.248l-247.936,247.936a32,32 0 0 1 -45.248,0z"
/>
<path
</svg>
d=
"M960.512 927.744a32 32 0 0 1-32 32h-256a32 32 0 0 1 0-64h256a32 32 0 0 1 32 32zM95.744 64.256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0v-256a32 32 0 0 1 32-32z"
<svg
fill=
""
p-id=
"1864"
></path>
t=
"1590133734869"
<path
d=
"M63.744 96.256a32 32 0 0 1 32-32h256a32 32 0 0 1 0 64h-256a32 32 0 0 1-32-32z"
fill=
""
p-id=
"1865"
></path>
class=
"screenfull-svg"
<path
d=
"M384.064 671.744a32 32 0 0 1-32 32h-256a32 32 0 0 1 0-64h256a32 32 0 0 1 32 32z"
fill=
""
p-id=
"1866"
></path>
viewBox=
"0 0 1024 1024"
<path
d=
"M352.064 639.744a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0v-256a32 32 0 0 1 32-32z"
fill=
""
p-id=
"1867"
></path>
version=
"1.1"
<path
d=
"M366.656 657.216a32 32 0 0 1 0 45.248L118.72 950.4a32 32 0 0 1-45.248-45.248l247.936-247.936a31.936 31.936 0 0 1 45.248 0z"
fill=
""
xmlns=
"http://www.w3.org/2000/svg"
p-id=
"1868"
></path>
p-id=
"1862"
<path
d=
"M639.616 352.512a32 32 0 0 1 32-32h256a32 32 0 0 1 0 64h-256a32 32 0 0 1-32-32z"
fill=
""
p-id=
"1869"
></path>
xmlns:xlink=
"http://www.w3.org/1999/xlink"
<path
d=
"M671.616 384.512a32 32 0 0 1-32-32v-256a32 32 0 0 1 64 0v256a32 32 0 0 1-32 32z"
fill=
""
p-id=
"1870"
></path>
width=
"20"
<path
d=
"M657.088 367.104a32 32 0 0 1 0-45.248l247.936-247.936a32 32 0 0 1 45.248 45.248l-247.936 247.936a32 32 0 0 1-45.248 0z"
fill=
""
height=
"20"
p-id=
"1871"
></path>
v-else
</svg>
>
</div>
<path
d=
"M928.512 959.744a32 32 0 0 1-32-32v-256a32 32 0 0 1 64 0v256a32 32 0 0 1-32 32z"
fill=
""
p-id=
"1863"
></path>
<path
d=
"M960.512 927.744a32 32 0 0 1-32 32h-256a32 32 0 0 1 0-64h256a32 32 0 0 1 32 32zM95.744 64.256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0v-256a32 32 0 0 1 32-32z"
fill=
""
p-id=
"1864"
></path>
<path
d=
"M63.744 96.256a32 32 0 0 1 32-32h256a32 32 0 0 1 0 64h-256a32 32 0 0 1-32-32z"
fill=
""
p-id=
"1865"
></path>
<path
d=
"M384.064 671.744a32 32 0 0 1-32 32h-256a32 32 0 0 1 0-64h256a32 32 0 0 1 32 32z"
fill=
""
p-id=
"1866"
></path>
<path
d=
"M352.064 639.744a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0v-256a32 32 0 0 1 32-32z"
fill=
""
p-id=
"1867"
></path>
<path
d=
"M366.656 657.216a32 32 0 0 1 0 45.248L118.72 950.4a32 32 0 0 1-45.248-45.248l247.936-247.936a31.936 31.936 0 0 1 45.248 0z"
fill=
""
p-id=
"1868"
></path>
<path
d=
"M639.616 352.512a32 32 0 0 1 32-32h256a32 32 0 0 1 0 64h-256a32 32 0 0 1-32-32z"
fill=
""
p-id=
"1869"
></path>
<path
d=
"M671.616 384.512a32 32 0 0 1-32-32v-256a32 32 0 0 1 64 0v256a32 32 0 0 1-32 32z"
fill=
""
p-id=
"1870"
></path>
<path
d=
"M657.088 367.104a32 32 0 0 1 0-45.248l247.936-247.936a32 32 0 0 1 45.248 45.248l-247.936 247.936a32 32 0 0 1-45.248 0z"
fill=
""
p-id=
"1871"
></path>
</svg>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
import
screenfull
from
'
screenfull
'
//引入screenfull
import
screenfull
from
'
screenfull
'
//引入screenfull
export
default
{
export
default
{
name
:
'
Screenfull
'
,
name
:
'
Screenfull
'
,
props
:
{
props
:
{
width
:
{
width
:
{
type
:
Number
,
type
:
Number
,
default
:
22
default
:
22
,
},
},
height
:
{
height
:
{
type
:
Number
,
type
:
Number
,
default
:
22
default
:
22
,
},
fill
:
{
type
:
String
,
default
:
'
#48576a
'
}
},
},
data
(){
fill
:
{
return
{
type
:
String
,
isShow
:
true
default
:
'
#48576a
'
,
}
},
},
methods
:
{
},
click
()
{
data
()
{
if
(
screenfull
.
isEnabled
)
{
return
{
this
.
isShow
=
!
this
.
isShow
isShow
:
true
,
screenfull
.
toggle
()
}
}
},
}
mounted
()
{
if
(
screenfull
.
isEnabled
)
{
screenfull
.
on
(
'
change
'
,
this
.
changeFullShow
)
}
}
},
methods
:
{
click
()
{
if
(
screenfull
.
isEnabled
)
{
screenfull
.
toggle
()
}
},
changeFullShow
()
{
this
.
isShow
=
!
screenfull
.
isFullscreen
},
},
destroyed
()
{
screenfull
.
off
(
'
change
'
,
this
.
changeFullShow
)
},
}
}
</
script
>
</
script
>
<
style
scoped
>
<
style
scoped
>
.screenfull-svg
{
.screenfull-svg
{
width
:
20px
;
width
:
20px
;
height
:
20px
;
height
:
20px
;
cursor
:
pointer
;
cursor
:
pointer
;
fill
:
#606266
;
fill
:
#606266
;
vertical-align
:
middle
;
vertical-align
:
middle
;
margin-right
:
15px
;
margin-right
:
15px
;
}
}
</
style
>
</
style
>
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录