ttk-app-core
Version:
@ttk/recat enterprise develop framework
136 lines (134 loc) • 2.85 kB
text/less
.account-card {
background: none;
width: 49%;
min-height: 332px;
margin-top: 10px;
.ant-card-body {
display: flex;
justify-content: space-between;
padding: 0 ;
}
.account-item {
width: 49%;
background: #fff;
display: inline-block;
padding: 14px;
min-height: 332px;
.ant-carousel .slick-slide {
height: 114px;
background: #364d79;
overflow: hidden;
}
.left-list {
margin-top: 6px;
li {
height: 26px;
overflow: hidden;
padding-left: 8px;
position: relative;
background: none;
&:before {
content: "";
width: 3px;
height: 3px;
background: #333333;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
margin-left: 1px;
border-radius: 3px;
}
a {
display: inline-block;
width: 70%;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
color: @text-color;
&:hover {
color: @primary-color;
text-decoration: underline;
}
}
span {
color: @text-color-secondary;
display: inline-block;
line-height: 26px;
width: 30%;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.right-list {
p {
color: @heading-color;
font-weight: bold;
}
.bank-account {
background: rgba(253, 242, 226, 0.4);
color: #ff690d;
text-align: left;
height: 50px;
margin-top: 6px;
cursor: pointer;
display: flex;
align-items: center;
&:hover {
background: #fdf2e2;
}
i {
font-size: 28px;
margin: 0 10px;
}
a {
color: #ff690d;
&:hover {
text-decoration: underline;
}
}
}
.money-account {
background: rgba(250, 225, 237, 0.4);
color: #e14792;
text-align: left;
line-height: 50px;
height: 50px;
margin-top: 6px;
cursor: pointer;
display: flex;
align-items: center;
i {
font-size: 28px;
margin: 0 10px;
}
a {
color: #e14792;
&:hover {
text-decoration: underline;
}
}
}
}
}
}
.account-select {
.ant-select-selection {
border: none;
&:active {
-webkit-box-shadow: none;
box-shadow: none;
}
/deep/.ant-select-selection__rendered {
margin-left: 0;
margin-right: 0;
}
.ant-select-arrow {
right: 8px;
}
}
.ant-select-open {
border: none;
}
}