feat ui设计稿

src/views/finance/invoices.vue

@@ -213,12 +213,21 @@ onMounted(() => {
 <style lang="less" scoped>
 .invoices {
   .flex(column, flex-start);
+  align-items: stretch;
   gap: @spacing-base;
-  padding-top: @spacing-lg;
-  padding-bottom: @spacing-xxl;
+  width: 100%;
+  max-width: @container-width;
+  margin: 0 auto;
+  padding: @spacing-lg @spacing-base @spacing-xxl;
 
+  // 与财务中心其他页一致：面包屑 11px、前缀灰当前页深灰
   &__breadcrumb {
-    font-size: @font-size-base;
+    font-size: 11px;
+    color: @text-color-disabled;
+
+    > span:last-child {
+      color: @text-color;
+    }
   }
 
   &__title-card {
@@ -230,7 +239,7 @@ onMounted(() => {
   }
 
   &__title-main {
-    .flex(column, flex-start);
+    .flex(column, flex-start, stretch);
     gap: @spacing-xs;
   }