captain-ui
Version:
有赞vue wap业务组件库
131 lines (114 loc) • 17.4 kB
CSS
@import '../../common/var';
@import './list-layout.css';
@import './big-layout.css';
@import './small-layout.css';
@import './three-layout.css';
@import './simple-sizetype.css';
@import './waterfall-sizetype.css';
@import './promotion-sizetype.css';
@import './card-sizetype.css';
$itemMinHeight: 100px;
$photoMinHeight: 100px;
/* 基本样式 */
.cap-goods-list__item {
display: block;
position: relative;
min-height: $itemMinHeight;
color: $text-color;
background-color: $white;
box-sizing: border-box;
/* 图片填充 */
&--padding {
.cap-goods-list__img {
width: 100%;
height: auto;
}
&.padding-height {
.cap-goods-list__img {
width: auto;
max-width: none;
height: 100%;
left: 50%;
right: auto;
transform: translate(-50%, 0);
}
}
}
}
.cap-goods-list__photo {
text-align: center;
overflow: hidden;
position: relative;
min-height: $photoMinHeight;
max-height: 500px;
z-index: 0;
&--soldout {
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAADAFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8HPQsIAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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);
background-color: rgba(0, 0, 0, 0.3);
background-position: center;
background-repeat: no-repeat;
}
}
}
.cap-goods-list__img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
vertical-align: bottom;
width: 100%;
height: auto;
&.large-height {
width: auto;
height: 100%;
}
}
.cap-goods-list__info {
position: relative;
overflow: hidden;
.title {
font-size: 14px;
line-height: 18px;
overflow: hidden;
}
.sub-title {
font-size: 12px;
line-height: 16px;
color: $gray-dark;
margin-bottom: 8px;
height: 16px;
word-break: break-all;
@mixin multi-ellipsis 1;
}
.sale-info {
color: $red;
font-size: 16px;
line-height: 1;
}
}
.cap-goods-list__wish {
position: absolute;
top: 5px;
right: 10px;
width: 34px;
height: 23px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABKCAMAAADpPnbHAAAApVBMVEUAAABOTk5OTk5OTk5OTk5NTU1OTk5VVVX7MDlOTk5OTk5NTU2enp63t7dySElOTk5LS0tKSkpOTk5ZTE1SUlLwMjrl5eXOzs6vPUKQQ0Vubm7ExMSZQURQTk7s7OzjNDvf39/LOD/DOUCmpqZoSktgYGBZWVlNTU3bNj3Y2NimP0OQkJCHh4djY2PtMjrYNj23O0Gtra19RUjzMTry8vL8MDn/////n1rxAAAANXRSTlMAs6qUfV0NBv6uoJ7P2b9LShgXtrT38OTXyr3gzrTz8O3k4NK7uLav7OnTysa59era1cP595657FUAAAGCSURBVEjH7ZTZcoIwFIY5NGBkCSr7KqJiXWtt8f0frYJmYYDxqjeO34UT4ZsccnLml978P+oE6WMQGOtoogrCSJGhB1kZUWP2AQN8TB+GBoNos6aKuEd3n7qWAhTDyzwDIj/z4jVQlNtZ2JeacQnr2PcOAIecObIqTeg6yp1mq2P9u4+BYkmILr+XIMD/IElnisGFSFhrEuvp3gSGeRX6zBXHW9M9zPxqGlzR+Zm3zmNxvZHRx7qEgBH7Tk8hxA8N4Ph3p2wpVtM67mxLgP1WPJGs0gugFbzjMotAQOlc4/I3P3auUZq2huFQtoZh+nykng+mON4W0jYgsNGRpUpvBnj9fCHBbgVgJ0GYDuTLGVcVPl9OVVXNV735klQNN6920r58mVciYV++4JYS9OWL21J2cCGdfFnQtz/FAuNViItOvhBaKQxIUoT40+7mS/BQbNclzOD5IpbaEdflRjtf0ruDE+J+2QP5kha1ciKQwnC+BJg2fzhfElaimy+cd768JH+ePTALoEuy6wAAAABJRU5ErkJggg==);
background-position: 0px -9px;
background-repeat: no-repeat;
background-size: 34px 74px;
&--open {
background-position: 0px -42px;
}
}