提交 294da21b 作者: 毛细亚

保存代码

上级 23cebd06
......@@ -642,4 +642,89 @@ li {
}
}
/* ----------------- el-collapse 组件全局样式 --------------------*/
.el-collapse {
.el-collapse-item {
margin-bottom: 8px;
border-radius: 4px;
overflow: hidden;
&__header {
height: 48px;
line-height: 48px;
background: #F7F8FA;
padding: 0 16px;
font-size: 15px;
font-weight: 500;
color: #333;
border-radius: 4px;
.el-collapse-item__arrow {
margin-right: 0;
color: #3491FA;
font-weight: bold;
}
.title-with-icon {
display: flex;
align-items: center;
.game-icon {
width: 20px;
height: 20px;
margin-right: 8px;
}
}
}
&__wrap {
border: none;
background: #fff;
}
&__content {
padding: 0;
background: #fff;
border:1px solid #D6D9E0;
border-top: none;
.gameListItem {
width: 100%;
height: 52px;
background: #fff;
padding: 0 16px;
// border-bottom: 1px solid #f0f0f0;
display: flex;
align-items: center;
justify-content: space-between;
&:last-child {
border-bottom: none;
}
p {
font-size: 14px;
color: #333;
margin: 0;
flex: 1;
}
.el-button {
background: #3491FA;
border-color: #3491FA;
color: #fff;
&:hover {
background: #5BA8FC;
border-color: #5BA8FC;
}
&:disabled {
background: #f5f5f5;
border-color: #d9d9d9;
color: #bfbfbf;
}
}
}
}
}
}
......@@ -585,23 +585,7 @@ export default {
font-weight: 500;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header{
width: 100%;
color: #333333;
font-size: 14px;
font-weight: 400;
/* 单行显示省略号 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .el-collapse-item__arrow{
position: absolute;
right: 0px;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
.noContent{
width: 100%;
......
......@@ -667,27 +667,7 @@
font-weight: 500;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header {
border: none;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
color: #333333;
padding-left: 66px;
font-size: 14px;
font-weight: 400;
/* 单行显示省略号 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .el-collapse-item__wrap {
border: none;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
}
.inputItem {
margin-bottom: 10px;
......
......@@ -800,30 +800,7 @@
font-weight: 500;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header {
border: none;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
color: #333333;
padding-left: 66px;
font-size: 14px;
font-weight: 400;
/* 单行显示省略号 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .el-collapse-item__wrap {
border: none;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
.rotageIcon {
cursor: pointer;
......
......@@ -1171,42 +1171,6 @@ export default {
width: 100%;
background: #fff;
::v-deep .el-collapse {
border: none;
.el-collapse-item {
border: none;
margin-bottom: 1px;
&__header {
height: 52px;
line-height: 52px;
background: #fff;
border: none;
border-bottom: 1px solid #f0f0f0;
padding: 0 16px;
font-size: 16px;
font-weight: 500;
color: #333;
.el-collapse-item__arrow {
color: #999;
font-size: 14px;
}
}
&__wrap {
border: none;
background: #fafafa;
}
&__content {
padding: 0;
background: #fafafa;
}
}
}
.gameListItem {
width: 100%;
height: 52px;
......
......@@ -363,21 +363,6 @@
.gameListItemAc {
background: #f7f8fa;
}
::v-deep .el-collapse {
border-top: none;
border-bottom: none;
}
::v-deep .el-collapse-item {
border-radius: 4px;
}
::v-deep .el-collapse-item__header {
border-bottom: none;
background: #f7f8fa;
padding-left: 20px;
}
::v-deep .el-collapse-item__wrap {
border-bottom: none;
}
}
}
</style>
......
......@@ -293,24 +293,6 @@
display: block;
}
}
::v-deep .el-collapse-item {
margin-bottom: 20px;
}
::v-deep .el-collapse-item__content {
padding-bottom: 10px;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
background: #F7F8FA;
color: #333333;
padding-left: 10px;
font-size: 14px;
font-weight: 400;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
}
</style>
\ No newline at end of file
......@@ -521,31 +521,13 @@ export default {
display: block;
}
}
::v-deep .el-collapse-item {
margin-bottom: 20px;
}
::v-deep .el-collapse-item__content {
padding-bottom: 10px;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-tabs--border-card .is-active {
border: none !important;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
background: #f9faff;
color: #333333;
padding-left: 35px;
font-size: 14px;
font-weight: 400;
// cursor: move;
}
::v-deep .is-active {
border: none;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
.inputContent {
width: 100%;
::v-deep .el-input {
......
......@@ -453,31 +453,13 @@ export default {
display: block;
}
}
::v-deep .el-collapse-item {
margin-bottom: 20px;
}
::v-deep .el-collapse-item__content {
padding-bottom: 10px;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-tabs--border-card .is-active {
border: none !important;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
background: #f9faff;
color: #333333;
padding-left: 35px;
font-size: 14px;
font-weight: 400;
// cursor: move;
}
::v-deep .is-active {
border: none;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
.inputContent {
width: 100%;
margin-bottom: 20px;
......
......@@ -510,31 +510,13 @@ export default {
display: block;
}
}
::v-deep .el-collapse-item {
margin-bottom: 20px;
}
::v-deep .el-collapse-item__content {
padding-bottom: 10px;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-tabs--border-card .is-active {
border: none !important;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
background: #f9faff;
color: #333333;
padding-left: 35px;
font-size: 14px;
font-weight: 400;
// cursor: move;
}
::v-deep .is-active {
border: none;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
.inputContent {
width: 100%;
::v-deep .el-input {
......
......@@ -688,27 +688,7 @@
font-weight: 500;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header {
border: none;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
color: #333333;
padding-left: 10px;
font-size: 14px;
font-weight: 400;
/* 单行显示省略号 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .el-collapse-item__wrap {
border: none;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
}
</style>
\ No newline at end of file
......@@ -115,31 +115,13 @@ export default {
margin: 0 0 20px;
}
}
::v-deep .el-collapse-item {
margin-bottom: 20px;
}
::v-deep .el-collapse-item__content {
padding-bottom: 10px;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-tabs--border-card .is-active {
border: none !important;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
background: #f9faff;
color: #333333;
padding-left: 35px;
font-size: 14px;
font-weight: 400;
// cursor: move;
}
::v-deep .is-active {
border: none;
}
/* 已移除局部 el-collapse 样式,使用全局样式 */
.inputContent {
width: 100%;
::v-deep .el-input {
......
......@@ -84,28 +84,10 @@ export default {
margin: 0 0 20px;
}
}
::v-deep .el-collapse-item {
margin-bottom: 20px;
}
::v-deep .el-collapse-item__content {
padding-bottom: 10px;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-tabs--border-card .is-active {
border: none !important;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
background: #f9faff;
color: #333333;
padding-left: 35px;
font-size: 14px;
font-weight: 400;
// cursor: move;
}
::v-deep .is-active {
border: none;
}
......
......@@ -739,27 +739,6 @@ export default {
font-size: 16px;
font-weight: 500;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header {
width: 100%;
color: #333333;
font-size: 14px;
font-weight: 400;
/* 单行显示省略号 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .el-collapse-item__arrow {
position: absolute;
right: 0px;
}
::v-deep .el-collapse-item__content{
padding: 10px;
}
.editLayer {
margin-left: -20px;
.noDisturb{
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论