Browse Source

书法大师 下载功能完善,字体列表页面样式完善,

qinpeng 2 years ago
parent
commit
c628405230

+ 3 - 3
src/views/CalligraphyMaster/cread.vue

@@ -357,7 +357,7 @@ const customTheme = {
   "loadButton.color": "#222",
   "loadButton.fontFamily": "NotoSans, sans-serif",
   "loadButton.fontSize": "12px",
-  "loadButton.display": "none", // 隐藏
+  // "loadButton.display": "none", // 隐藏
 
   // download button
   "downloadButton.backgroundColor": "#fdba3b",
@@ -365,7 +365,7 @@ const customTheme = {
   "downloadButton.color": "#fff",
   "downloadButton.fontFamily": "NotoSans, sans-serif",
   "downloadButton.fontSize": "12px",
-  "downloadButton.display": "none", // 隐藏
+  // "downloadButton.display": "none", // 隐藏
 
   // icons default
   "menu.normalIcon.color": "#8a8a8a",
@@ -1001,7 +1001,7 @@ export default {
         }
       }
       .canvas {
-        height: 500px;
+        height: 600px;
         border: 1px solid rgba(0, 0, 0, 0.1);
         display: flex;
         justify-content: center;

+ 21 - 2
src/views/CalligraphyMaster/fontFamilyList.vue

@@ -3,7 +3,7 @@
     <Header />
     <div class="main">
       <div class="seek">
-        <input type="text" />
+        <input type="text" placeholder="请输入字体名称或关键字" />
         <div>搜索</div>
       </div>
       <div class="list">
@@ -115,10 +115,11 @@ export default {
       display: flex;
       justify-content: center;
       input {
-        width: 468px;
+        width: 436px;
         height: 51px;
         border: 1px solid #669aff;
         outline: none;
+        padding: 0 16px;
       }
       div {
         width: 96px;
@@ -181,4 +182,22 @@ export default {
     }
   }
 }
+</style>
+<style lang="scss">
+.fontFamilyList {
+  .page {
+    .el-pager {
+      :not(.active) {
+        background: rgba(255, 255, 255, 0.9) !important;
+      }
+      .number {
+        border: 1px solid #dcdcdc;
+        border-radius: 3px;
+      }
+      .el-icon-more{
+        background: none !important;
+      }
+    }
+  }
+}
 </style>