hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-08 18:36:48 +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="detailinfo">
<div class="detail"> <div class="detail">
<div class="detailT"> <div class="detailT">
<div style="margin-left: 48px; margin-right: 48px"> <div class="left">
<div class="title"> <div class="title">
<img <img
width="20px" width="20px"
@@ -185,8 +185,14 @@ export default {
border-radius: 8px; border-radius: 8px;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
display: flex; display: flex;
.left {
margin-left: 48px;
flex: 1;
}
.right { .right {
width: 417px;
margin-right: 48px;
.righttitle { .righttitle {
display: flex; display: flex;
padding-top: 39px; padding-top: 39px;
@@ -289,7 +295,8 @@ export default {
.all { .all {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 1280px; // width: 1280px;
margin-right: 48px;
margin-top: 43px; margin-top: 43px;
.allbox1 { .allbox1 {
background: linear-gradient( background: linear-gradient(
@@ -331,7 +338,8 @@ export default {
} }
} }
.join { .join {
width: 1280px; // width: 1280px;
margin-right: 48px;
min-height: 408px; min-height: 408px;
background: #f5f6f7; background: #f5f6f7;
border-radius: 8px; border-radius: 8px;

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

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