{ handleDragEnd(event, item) }"
/>
@@ -604,6 +632,32 @@ function getPercent(pictureid: string) {
::v-deep(.n-tabs-tab--active .n-tabs-tab__label) {
color: #507AFD;
}
+
+.wrapper-header-action {
+ padding: 8px;
+
+ li {
+ height: 32px;
+ line-height: 32px;
+ cursor: pointer;
+
+ &:hover {
+ background-color: #f3f8ff;
+ }
+ }
+}
+
+.icon-wrap{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 30px;
+ height: 30px;
+ background: rgba(80,122,253,.1);
+ border-radius: 8px;
+ margin-left: 10px;
+ cursor: pointer;
+}
.wrapper {
display: flex;
flex: 1;
@@ -802,7 +856,7 @@ function getPercent(pictureid: string) {
}
.item {
- flex-basis: calc((100% - 48px) / 3);
+ // flex-basis: calc((100% - 48px) / 3);
box-sizing: border-box;
border-radius: 8px;
position: relative;
@@ -810,8 +864,8 @@ function getPercent(pictureid: string) {
margin: 0px 16px 27px 0px;
.img-wrapper {
- // width: 230px;
- height: 130px;
+ width: 122px;
+ height: 70px;
overflow: hidden;
background-size: cover;
background-position: center;