@ttk/component
Version:
ttk组件库
123 lines (118 loc) • 3.4 kB
text/less
@import 'antd/es/button/style/mixin.less';
.tax-head-box{
height: 105px;
margin: auto;
background-image: url(../img/logintop.png);
position: relative;
background-repeat: no-repeat;
background-position: right;
background-color: #1d82d8;
.head-logo {
position: absolute;
left: 20px;
top: 12px;
}
.head-main {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
padding: 0 20px;
.head-search{
width: 250px;
margin-right: 32px;
}
.head-btn {
height: 26px;
color: #fff;
display: flex;
& a, p {
height: 26px;
line-height: 26px;
margin-left: 10px;
font-size: 16px;
font-weight: 400;
color: #fff;
text-decoration: none;
}
.head-btn-user{
width: 150px;
height: 26px;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
}
.@{ant-prefix}-popover{
width: 200px;
.@{ant-prefix}-popover-inner {
padding: 14px;
}
.@{ant-prefix}-popover-title {
color: #999999;
border-bottom: 1px solid #ebebeb;
padding-bottom: 8px;
margin-bottom: 8px;
font-size: 14px;
}
.@{ant-prefix}-popover-inner-content {
padding: 0px;
}
}
}
.head-login-box {
width: 48px;
cursor: pointer;
.@{ant-prefix}-avatar{
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 24px;
}
h4 {
color: #fff;
font-size: 16px;
font-weight: 400;
text-align: center;
}
}
}
}
.head-popover{
width: 200px;
padding: 14px;
.head-popover-title{
color: #999999;
border-bottom: 1px solid #ebebeb;
padding-bottom: 8px;
margin-bottom: 8px;
font-size: 14px;
font-style: normal;
}
.head-popover-content{
.@{ant-prefix}-btn {
width: 100%;
text-align: left;
padding: 0 8px;
.button-color(@heading-color; @white; @white);
&:hover,
&:focus {
.button-color(@white; @primary-color; @primary-color);
}
&:active,
&.active {
.button-color(@white; @primary-color; @primary-color);
}
.button-disabled();
& > .anticon + span, & > span + .anticon {
margin-left: 3px;
}
&-sm .anticon{
font-size: @btn-font-size-sm;
}
}
}
}