调整样式
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="AppThreeSessions">
|
<div class="AppThreeSessions">
|
||||||
<div v-if="isShow" style="height:100%;">
|
<div v-if="isShow" class="mainContent">
|
||||||
<div class="fixed-top" style="width:100%;">
|
<div class="fixed-top">
|
||||||
<!-- 头部搜索样式 -->
|
<!-- 头部搜索样式 -->
|
||||||
<div class="search-box">
|
<div class="search-box">
|
||||||
<div class="search-input flex-row" @click="changeSearchBox">
|
<div class="search-input flex-row" @click="changeSearchBox">
|
||||||
@@ -320,15 +320,20 @@ export default {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scope>
|
<style lang="scss" scoped>
|
||||||
.AppThreeSessions {
|
.AppThreeSessions {
|
||||||
width: 100%;
|
width: 100vw;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
.fixed-top {
|
.fixed-top {
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mainContent {
|
||||||
|
width: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.search-box {
|
.search-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 112px;
|
height: 112px;
|
||||||
@@ -438,14 +443,14 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.session-list {
|
.session-list {
|
||||||
padding-top: 224px;
|
padding: 224px 32px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
.session-item {
|
.session-item {
|
||||||
width: 686px;
|
margin-bottom: 32px;
|
||||||
margin: 0 auto 32px auto;
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
// height:462px; position: relative;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.item-top {
|
.item-top {
|
||||||
padding: 32px 32px 0 32px;
|
padding: 32px 32px 0 32px;
|
||||||
|
|||||||
Reference in New Issue
Block a user