lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 1

Browse Source
This commit is contained in:
duanliang
2025-12-21 17:52:47 +08:00
parent 5fd201a41a
commit 6533857dae
3 changed files with 22 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Title1/index.vue
View File

@@ -21,8 +21,8 @@
position: relative; position: relative;
.title { .title {
margin: vh(20) auto; margin: vh(20) auto;
width: vw(600); width: vw(500);
height: vh(88); height: vh(66);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -30,7 +30,7 @@
background-size: 100% 100%; background-size: 100% 100%;
& > span { & > span {
font-weight: 800; font-weight: 800;
font-size: font-vw(22); font-size: font-vw(20);
background-image: linear-gradient(to bottom, #ffffff 0%, #75c1ff 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #75c1ff 100%);
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;

6
src/components/VideoDialog/index.vue
View File

@@ -231,7 +231,7 @@ onMounted(()=>{
text-align: center; text-align: center;
// line-height: vh(24); // line-height: vh(24);
font-weight: 400; font-weight: 400;
font-size: vw(16); font-size:font-vw(16);
color: #ffffff; color: #ffffff;
// background-image: url('@/assets/images/unfollow.png'); // background-image: url('@/assets/images/unfollow.png');
background-size: 100% 100%; background-size: 100% 100%;
@@ -263,7 +263,7 @@ onMounted(()=>{
> span { > span {
margin: 0 vw(16); margin: 0 vw(16);
font-weight: 400; font-weight: 400;
font-size: vw(16); font-size:font-vw(16);
color: #ffffff; color: #ffffff;
} }
.pause { .pause {
@@ -279,7 +279,7 @@ onMounted(()=>{
height: vw(980); height: vw(980);
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
font-size: vw(30); font-size:font-vw(30);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 999; z-index: 999;
} }

27
src/layout/components/CoreVideo/allList.vue
View File

@@ -95,8 +95,9 @@
pubSub.publish('videoCollect') pubSub.publish('videoCollect')
} }
const handleClose = () => { const handleClose = () => {
clearHlsRefs()
modelValue.value = false modelValue.value = false
clearHlsRefs()
} }
const clearHlsRefs = () => { const clearHlsRefs = () => {
if (hlsRefs.length > 0) { if (hlsRefs.length > 0) {
@@ -196,8 +197,8 @@
<style scoped lang="scss"> <style scoped lang="scss">
.z-dialog { .z-dialog {
:deep(.el-dialog) { :deep(.el-dialog) {
width: vw(2100); width: vw(2500);
padding: vw(8); padding: vw(15);
background-image: url('@/assets/images/dialog-bg.png') !important; background-image: url('@/assets/images/dialog-bg.png') !important;
background-size: 100% 100%; background-size: 100% 100%;
} }
@@ -208,14 +209,14 @@
.list { .list {
margin-top: vw(30); margin-top: vw(30);
gap: vw(8); gap: vw(8);
height: vh(860); height: vh(1200);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
.item { .item {
position: relative; position: relative;
width: vw(410); width: vw(500);
height: vh(280); height: vh(400);
padding: vw(12); padding: vw(12);
box-sizing: border-box; box-sizing: border-box;
background-image: url('@/assets/images/item-primary.png'); background-image: url('@/assets/images/item-primary.png');
@@ -234,8 +235,8 @@
> span { > span {
padding-left: vw(10); padding-left: vw(10);
font-weight: 400; font-weight: 400;
font-size: vw(14); font-size: font-vw(18);
line-height: vw(14); line-height: vw(18);
color: #ffffff; color: #ffffff;
} }
} }
@@ -246,13 +247,15 @@
right: vw(4); right: vw(4);
top: vw(4); top: vw(4);
z-index: 99; z-index: 99;
width: vw(64); min-width: vw(100);
height: vw(30); height: vw(50);
text-align: center; text-align: center;
line-height: vw(30); // line-height: vw(50);
font-weight: 400; font-weight: 400;
font-size: vw(12); font-size: font-vw(18);
color: #ffffff; color: #ffffff;
padding:vw(10);
box-sizing: border-box;
background-image: url('@/assets/images/unfollow.png'); background-image: url('@/assets/images/unfollow.png');
background-size: 100% 100%; background-size: 100% 100%;
} }