hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-07 09:56:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

解决直播的flex问题

Browse Source
This commit is contained in:
songwc
2022-09-19 11:05:15 +08:00
parent af0869ba9b
commit afd75d765a
2 changed files with 39 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/ballot/ballot.vue
View File

@@ -21,7 +21,7 @@
<div class="detailinfo">
<div class="detail">
<div class="detailT">
<div style="margin-left: 48px; margin-right: 48px">
<div class="left">
<div class="title">
<img
width="20px"
@@ -185,8 +185,14 @@ export default {
border-radius: 8px;
color: rgba(51, 51, 51, 1);
display: flex;
.left {
margin-left: 48px;
flex: 1;
}
.right {
width: 417px;
margin-right: 48px;
.righttitle {
display: flex;
padding-top: 39px;
@@ -289,7 +295,8 @@ export default {
.all {
display: flex;
justify-content: space-between;
width: 1280px;
// width: 1280px;
margin-right: 48px;
margin-top: 43px;
.allbox1 {
background: linear-gradient(
@@ -331,7 +338,8 @@ export default {
}
}
.join {
width: 1280px;
// width: 1280px;
margin-right: 48px;
min-height: 408px;
background: #f5f6f7;
border-radius: 8px;

44
src/views/liveBroadcast/LiveBroadcast.vue
View File

@@ -231,23 +231,25 @@ export default {
align-items: center;
.threeBtn {
display: flex;
width: 490px;
justify-content: space-between;
}
.btn {
width: 146px;
height: 46px;
background: #2478ff;
border-radius: 4px;
box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
font-weight: 800;
line-height: 24px;
cursor: pointer;
margin-right: 96px;
margin-right: 87px;
.btn {
width: 146px;
height: 46px;
background: #2478ff;
border-radius: 4px;
box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
font-weight: 800;
line-height: 24px;
cursor: pointer;
// margin-right: 96px;
}
}
.title {
@@ -257,6 +259,16 @@ export default {
line-height: 24px;
margin-left: -9px;
}
@media screen and (max-width: 1030px) {
// .threeBtn {
// margin-right: 30px;
// }
.title {
margin-bottom: -24px;
}
}
// @media screen and(max-width:) {
// }
.time {
font-size: 14px;
color: #6e7b84;