diff --git a/module/block/config.php b/module/block/config.php
index 415f447e18..8a27435115 100644
--- a/module/block/config.php
+++ b/module/block/config.php
@@ -350,6 +350,15 @@ $config->block->size['qa']['testtask']  = array('2' => '6', '1' => '6');
 $config->block->size['qa']['bug']       = array('2' => '6', '1' => '6');
 $config->block->size['qa']['case']      = array('2' => '6', '1' => '6');
 
+$config->block->size['doc']['docstatistic']    = array('2' => '3', '1' => '3');
+$config->block->size['doc']['docmycollection'] = array('2' => '4', '1' => '4');
+$config->block->size['doc']['docrecentupdate'] = array('2' => '4', '1' => '4');
+$config->block->size['doc']['productdoc']      = array('2' => '6', '1' => '6');
+$config->block->size['doc']['projectdoc']      = array('2' => '6', '1' => '6');
+$config->block->size['doc']['docdynamic']      = array('1' => '8');
+$config->block->size['doc']['docviewlist']     = array('1' => '4');
+$config->block->size['doc']['doccollectlist']  = array('1' => '4');
+
 $config->block->size['welcome']['welcome']                 = array('2' => '3');
 $config->block->size['guide']['guide']                     = array('2' => '6');
 $config->block->size['assigntome']['assigntome']           = array('2' => '6', '1' => '6');
diff --git a/module/block/css/docmycollectionblock.ui.css b/module/block/css/docmycollectionblock.ui.css
new file mode 100644
index 0000000000..a1df96d0ef
--- /dev/null
+++ b/module/block/css/docmycollectionblock.ui.css
@@ -0,0 +1,10 @@
+.docmycollection-block .panel-body {padding: 0px 16px 12px 16px;}
+.docmycollection-block .doc-list {display: flex; flex-wrap: wrap; padding: 0 4px 0 0;}
+.docmycollection-block .doc-list > .doc-box {flex: 0 1 50%; padding: 4px; width: 0;}
+.docmycollection-block .doc-list > .doc-box .date-interval {float: right; padding: 8px 0 8px 12px;}
+.docmycollection-block .doc-list > .doc-box > .btn > h4 {padding-right: 5px;}
+.docmycollection-block .doc-list > .doc-box .file-icon {margin-right: 2px; margin-bottom: 2px;}
+.docmycollection-block .doc-list > .doc-box .plug-title {height: 16px; overflow: hidden;}
+.docmycollection-block .doc-list > .doc-box .border:hover {border-color: var(--color-primary-600)}
+
+.docmycollection-block.block-sm .doc-list > .doc-box {flex: 0 1 100%;}
diff --git a/module/block/ui/docmycollectionblock.html.php b/module/block/ui/docmycollectionblock.html.php
index d615bf9341..2868adfbca 100644
--- a/module/block/ui/docmycollectionblock.html.php
+++ b/module/block/ui/docmycollectionblock.html.php
@@ -10,15 +10,57 @@ declare(strict_types=1);
 */
 
 namespace zin;
-
+?>
+<?php $canView = common::hasPriv('doc', 'view');?>
+<div>
+  <?php if(empty($docList)):?>
+    <div class='table-empty-tip'><p><span class='text-muted'><?php echo $lang->doc->noDoc;?></p></span></div>
+  <?php else:?>
+  <div class="doc-list">
+    <?php foreach($docList as $doc):?>
+    <div class="doc-box">
+        <a href='<?php echo $this->createLink("doc", "view", "docID=$doc->id");?>'>
+      <div class="p-2 border">
+          <span class='date-interval text-muted text-gray'>
+            <?php
+            $interval = $doc->editInterval;
+            $editTip  = $lang->doc->todayUpdated;
+            if($interval->year)
+            {
+              $editTip = sprintf($lang->doc->yearsUpdated, $interval->year);
+            }
+            elseif($interval->month)
+            {
+              $editTip = sprintf($lang->doc->monthsUpdated, $interval->month);
+            }
+            elseif($interval->day)
+            {
+              $editTip = sprintf($lang->doc->daysUpdated, $interval->day);
+            }
+            echo $editTip;
+            ?>
+          </span>
+          <h4 class="plug-title my-2 text-black font-bold" title="<?php echo $doc->title;?>">
+            <?php
+            $docType = $doc->type == 'text' ? 'wiki-file' : $doc->type;
+            echo html::image("static/svg/{$docType}.svg", "class='file-icon inline'");
+            ?>
+            <?php echo $doc->title;?>
+          </h4>
+          <p class='edit-date text-muted text-gray mb-2'><?php echo $lang->doc->editedDate . (common::checkNotCN() ? ': ' : '：') . $doc->editedDate;?></p>
+      </div>
+        </a>
+    </div>
+    <?php endforeach;?>
+  </div>
+  <?php endif;?>
+</div>
+<?php
 panel
 (
-    set('headingClass', 'border-b'),
+    set('class', 'docmycollection-block ' . ($longBlock ? 'block-long' : 'block-sm')),
     set::title($block->title),
-    div
-    (
-        '正在开发中...'
-    )
+    rawContent()
 );
 
 render();
diff --git a/module/block/ui/docstatisticblock.html.php b/module/block/ui/docstatisticblock.html.php
index 88b8c0e4be..897795e154 100644
--- a/module/block/ui/docstatisticblock.html.php
+++ b/module/block/ui/docstatisticblock.html.php
@@ -61,7 +61,6 @@ namespace zin;
 panel
 (
     set('class', 'docstatistic-block ' . ($longBlock ? 'block-long' : 'block-sm')),
-    set('headingClass', 'border-b'),
     set::title($block->title),
     rawContent()
 );
diff --git a/module/block/view/docmycollectionblock.html.php b/module/block/view/docmycollectionblock.html.php
index 0e16ba3a51..c24e70d7b4 100644
--- a/module/block/view/docmycollectionblock.html.php
+++ b/module/block/view/docmycollectionblock.html.php
@@ -11,62 +11,9 @@
  */
 ?>
 <style>
-.block-docmycollection .panel-body {padding: 0px 10px 20px;}
-.block-docmycollection .doc-list {display: flex; flex-wrap: wrap; padding: 0 4px 0 0;}
-.block-docmycollection .doc-list > .doc-box {border: unset; flex: 0 1 50%; padding: 8px; width: 0;}
-.block-docmycollection .doc-list > .doc-box > button.btn {padding: 5px 10px; height: 100%; width: 100%; cursor: pointer; white-space: nowrap; text-align: unset; border: 1px solid rgba(227, 228, 233, 0.6)}
-.block-docmycollection .doc-list > .doc-box > .btn:hover {background: unset;}
-.block-docmycollection .doc-list > .doc-box > .btn.no-priv {cursor: not-allowed; pointer-events: unset;}
-.block-docmycollection .doc-list > .doc-box > .btn.no-priv p {pointer-events: none;}
-.block-docmycollection .doc-list > .doc-box .date-interval {float: right; padding: 8px 0 8px 12px;}
-.block-docmycollection .doc-list > .doc-box > .btn > h4 {padding-right: 5px;}
-.block-docmycollection .doc-list > .doc-box .file-icon {margin-right: 2px; margin-bottom: 2px;}
-.block-docmycollection .doc-list > .doc-box .plug-title {height: 16px; overflow: hidden;}
 
-.block-docmycollection.block-sm .doc-list > .doc-box {flex: 0 1 100%;}
 </style>
-<?php $canView = common::hasPriv('doc', 'view');?>
-<div class="panel-body">
-  <?php if(empty($docList)):?>
-    <div class='table-empty-tip'><p><span class='text-muted'><?php echo $lang->doc->noDoc;?></p></span></div>
-  <?php else:?>
-  <div class="doc-list">
-    <?php foreach($docList as $doc):?>
-    <div class="doc-box">
-    <button class="btn shadow-primary-hover <?php if(!$canView) echo 'no-priv';?>" data-link='<?php echo $this->createLink("doc", "view", "docID=$doc->id");?>'>
-        <span class='date-interval text-muted'>
-          <?php
-          $interval = $doc->editInterval;
-          $editTip  = $lang->doc->todayUpdated;
-          if($interval->year)
-          {
-            $editTip = sprintf($lang->doc->yearsUpdated, $interval->year);
-          }
-          elseif($interval->month)
-          {
-            $editTip = sprintf($lang->doc->monthsUpdated, $interval->month);
-          }
-          elseif($interval->day)
-          {
-            $editTip = sprintf($lang->doc->daysUpdated, $interval->day);
-          }
-          echo $editTip;
-          ?>
-        </span>
-        <h4 class="plug-title" title="<?php echo $doc->title;?>">
-          <?php
-          $docType = $doc->type == 'text' ? 'wiki-file' : $doc->type;
-          echo html::image("static/svg/{$docType}.svg", "class='file-icon'");
-          ?>
-          <?php echo $doc->title;?>
-        </h4>
-        <p class='edit-date text-muted'><?php echo $lang->doc->editedDate . (common::checkNotCN() ? ': ' : '：') . $doc->editedDate;?></p>
-      </button>
-    </div>
-    <?php endforeach;?>
-  </div>
-  <?php endif;?>
-</div>
+
 <script>
 $(function()
 {