|
|
@@ -163,58 +163,59 @@ defineExpose({
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.cover-upload-row {
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
|
|
|
- .cover-upload-row {
|
|
|
+ .cover-upload-box {
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ background: #f7f8fa;
|
|
|
+ border-radius: 8px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
-
|
|
|
- .cover-upload-box {
|
|
|
- width: 120px;
|
|
|
- height: 120px;
|
|
|
- background: #f7f8fa;
|
|
|
+ justify-content: center;
|
|
|
+ margin-right: 24px;
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ .cover-img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
border-radius: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cover-placeholder {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- margin-right: 24px;
|
|
|
- border: 1px dashed #d9d9d9;
|
|
|
- cursor: pointer;
|
|
|
-
|
|
|
- .cover-img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
- border-radius: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- .cover-placeholder {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- color: #bbb;
|
|
|
- font-size: 32px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .cover-tip {
|
|
|
- color: #888;
|
|
|
- font-size: 13px;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ color: #bbb;
|
|
|
+ font-size: 32px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .upload-tip {
|
|
|
+ .cover-tip {
|
|
|
color: #888;
|
|
|
font-size: 13px;
|
|
|
- margin-left: 12px;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .footer-btns {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- gap: 16px;
|
|
|
- margin-top: 24px;
|
|
|
- }
|
|
|
+.upload-tip {
|
|
|
+ color: #888;
|
|
|
+ font-size: 13px;
|
|
|
+ margin-left: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.footer-btns {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ gap: 16px;
|
|
|
+ margin-top: 24px;
|
|
|
}
|
|
|
</style>
|