|
@@ -49,10 +49,18 @@ export default {
|
|
|
width: 170px;
|
|
width: 170px;
|
|
|
&.witer {
|
|
&.witer {
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
|
|
+ &::after {
|
|
|
|
|
+ border-color: #fff transparent transparent transparent !important;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
&.back {
|
|
&.back {
|
|
|
|
|
+ color: #fff;
|
|
|
background: rgba(0, 0, 0, 0.8);
|
|
background: rgba(0, 0, 0, 0.8);
|
|
|
box-shadow: 0px 3px 6px 0px rgba(29, 29, 29, 0.7);
|
|
box-shadow: 0px 3px 6px 0px rgba(29, 29, 29, 0.7);
|
|
|
|
|
+ &::after {
|
|
|
|
|
+ opacity: 0.8;
|
|
|
|
|
+ border-color: #000 transparent transparent transparent !important;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
&::after {
|
|
&::after {
|
|
|
content: '';
|
|
content: '';
|
|
@@ -63,13 +71,15 @@ export default {
|
|
|
height: 0;
|
|
height: 0;
|
|
|
// top: 16px;
|
|
// top: 16px;
|
|
|
border: 14px solid #fff;
|
|
border: 14px solid #fff;
|
|
|
- border-color: #fff transparent transparent transparent !important;
|
|
|
|
|
}
|
|
}
|
|
|
// 操作列表
|
|
// 操作列表
|
|
|
.operate-list {
|
|
.operate-list {
|
|
|
@include disFlex(center, center);
|
|
@include disFlex(center, center);
|
|
|
border-top: 1px solid $borderColor;
|
|
border-top: 1px solid $borderColor;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
+ &:first-child {
|
|
|
|
|
+ border-top: 0;
|
|
|
|
|
+ }
|
|
|
.icon-del {
|
|
.icon-del {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 14px;
|
|
top: 14px;
|