|
|
@@ -40,7 +40,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
>.list{
|
|
|
margin-top: 32px;
|
|
|
position: relative;
|
|
|
@@ -67,23 +67,36 @@
|
|
|
color: #646566;
|
|
|
}
|
|
|
// TODO:受到src/assets/style/component.less里.nodata的干扰
|
|
|
- .nodata{
|
|
|
+ .nodata {
|
|
|
position: absolute;
|
|
|
text-align: center;
|
|
|
width: 100%;
|
|
|
margin: 0;
|
|
|
top: 150px;
|
|
|
- >span{
|
|
|
- color: #646566;
|
|
|
- }
|
|
|
+ > span {
|
|
|
+ color: #646566;
|
|
|
+ }
|
|
|
+ // 素材列表为空时,表格里的上传素材按钮的样式
|
|
|
+ .upload-btn-in-table {
|
|
|
+ cursor: pointer;
|
|
|
+ width: 100px;
|
|
|
+ height: 36px;
|
|
|
+ background: linear-gradient(144deg, #00AEFB 0%, #0076F6 100%);
|
|
|
+ border-radius: 22px;
|
|
|
+ border: none;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
}
|
|
|
.upload-list-new {
|
|
|
+ z-index: 1;
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
bottom: 32px;
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
.handle{
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
@@ -232,79 +245,6 @@
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
-.paging{
|
|
|
- margin-top: 20px;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-.upload-list{
|
|
|
- display: none;
|
|
|
- position: absolute;
|
|
|
- top: 100%;
|
|
|
- left: 0;
|
|
|
- width: 430px;
|
|
|
- z-index: 999;
|
|
|
- box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
|
- background-color: #fff;
|
|
|
- color: #202020;
|
|
|
- cursor: auto;
|
|
|
- .top{
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- border-bottom: 1px solid #EBEBEB;;
|
|
|
- padding: 13px 18px 13px 30px;
|
|
|
- >span{
|
|
|
- font-weight: bold;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
- >i{
|
|
|
- font-size: 16px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- }
|
|
|
- >ul{
|
|
|
- padding: 14px 18px 14px 30px;
|
|
|
- overflow-y: auto;
|
|
|
- max-height: 180px;
|
|
|
- >li{
|
|
|
- font-size: 14px;
|
|
|
- justify-content: space-between;
|
|
|
- display: flex;
|
|
|
- .success{
|
|
|
- color: @color;
|
|
|
- }
|
|
|
- .error{
|
|
|
- color: #F56C6C;
|
|
|
- }
|
|
|
- >span{
|
|
|
- flex: 3;
|
|
|
- text-align: left;
|
|
|
- display: inline-block;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- width: 100%;
|
|
|
- padding-right: 10px;
|
|
|
- &:last-of-type{
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
- }
|
|
|
- >i{
|
|
|
- cursor: pointer;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .nouploaddata{
|
|
|
- font-size: 14px;
|
|
|
- min-height: 180px;
|
|
|
- padding-top: 70px;
|
|
|
- text-align: center;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
.panorama{
|
|
|
padding: 24px 30px;
|
|
|
}
|
|
|
@@ -324,19 +264,6 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-// 素材列表为空时,表格里的上传素材按钮的样式
|
|
|
-.upload-btn-in-table {
|
|
|
- cursor: pointer;
|
|
|
- width: 100px;
|
|
|
- height: 36px;
|
|
|
- background: linear-gradient(144deg, #00AEFB 0%, #0076F6 100%);
|
|
|
- border-radius: 22px;
|
|
|
- border: none;
|
|
|
- font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
-
|
|
|
// 左上角上传素材按钮的提示icon,hover时的样式和一般的有tooltip的元素不一样
|
|
|
.hover-tips.hover-tips-upload-icon {
|
|
|
&:hover {
|