backup/ZY-Player
1
0
Fork 0
mirror of https://github.com/cuiocean/ZY-Player.git synced 2026-07-07 12:06:25 +08:00
Code Issues Projects Releases Wiki Activity

Revert "格式化vue文件"

Browse Source 
This reverts commit 8b78aafda4.

# Conflicts:
#	src/components/IPTV.vue
This commit is contained in:
haiyangcui
2020-10-09 17:29:39 +02:00
parent f8b95fe430
commit ee62ae0c8f
11 changed files with 434 additions and 1384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/components/Share.vue
View File

@@ -1,37 +1,18 @@
<template>
<div
class="share"
id="share"
@click="shareClickEvent"
>
<div class="share" id="share" @click="shareClickEvent">
<div class="left">
<img
:src="pic"
alt=""
@load="picLoadEvent"
>
<img :src="pic" alt="" @load="picLoadEvent">
</div>
<div
class="right"
id="right"
>
<div class="right" id="right">
<div class="title">{{ share.info.name }}</div>
<qrcode-vue
id="qr"
:value="link"
:size="160"
level="L"
/>
<qrcode-vue id="qr" :value="link" :size="160" level="L" />
<div class="tips">
<p>长按二维码，识别播放。</p>
<p><img src="@/assets/image/logo.png"></p>
<p class="zy">『ZY Player』技术支持，严禁传播违法资源。</p>
</div>
</div>
<div
class="share-mask"
v-show="loading"
>
<div class="share-mask" v-show="loading">
<div class="loader"></div>
</div>
</div>
@@ -123,7 +104,7 @@ export default {
}
</script>
<style lang="scss" scoped>
.share {
.share{
position: absolute;
bottom: 20px;
right: 20px;
@@ -135,45 +116,44 @@ export default {
align-items: center;
padding: 0px;
z-index: 999;
.left,
.right {
.left, .right{
width: 50%;
height: 100%;
}
.left {
.left{
display: flex;
justify-content: center;
align-items: center;
img {
img{
height: 320px;
width: auto;
max-width: 240px;
}
}
.right {
.right{
padding: 10px;
.title {
.title{
font-size: 18px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#qr {
#qr{
text-align: center;
}
.tips {
.tips{
font-size: 14px;
text-align: center;
img {
img{
width: 50px;
}
.zy {
.zy{
font-size: 12px;
}
}
}
.share-mask {
.share-mask{
position: absolute;
top: 0;
left: 0;
@@ -196,37 +176,28 @@ export default {
@keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em,
2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em,
-2em -2em 0 0;
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
}