diff --git a/README.md b/README.md
index f8c72f2..ea8aab6 100644
--- a/README.md
+++ b/README.md
@@ -36,6 +36,15 @@
 
 ## [安装文档](https://tank-doc.eyeblue.cn/basic/install.html)
 
+## 启动本项目
+```shell
+# if not install yarn
+# npm install -g yarn
+
+yarn --registry=https://registry.npmmirror.com
+yarn start
+```
+
 ### Contribution
 
 感谢所有蓝眼云盘的贡献者 [@zicla](https://github.com/zicla)，[@seaheart](https://github.com/seaheart)，[@yemuhe](https://github.com/yemuhe)，[@hxsherry](https://github.com/hxsherry)
diff --git a/src/pages/matter/widget/MatterPanel.less b/src/pages/matter/widget/MatterPanel.less
index eab4315..5198e30 100644
--- a/src/pages/matter/widget/MatterPanel.less
+++ b/src/pages/matter/widget/MatterPanel.less
@@ -20,8 +20,10 @@
     vertical-align: middle;
     line-height: @base-height;
     margin-left: 10px;
+
     &-hot {
       position: relative;
+
       &:after {
         position: absolute;
         top: 0;
@@ -32,9 +34,11 @@
       }
     }
   }
-  .btn-action{
+
+  .btn-action {
     font-size: 15px;
   }
+
   .media {
     > .pull-left {
       padding-right: 1px;
@@ -69,7 +73,8 @@
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
-      .icon{
+
+      .icon {
         font-size: 11px;
         margin-left: 3px;
       }
@@ -101,10 +106,7 @@
     }
 
     .matter-date {
-      vertical-align: middle;
-      line-height: @base-height;
-      margin-left: 10px;
-      width: 110px;
+      .basic-span;
     }
 
   }
@@ -141,6 +143,7 @@
       border-top: 1px solid #eee;
       line-height: @inner-cell-height;
       vertical-align: middle;
+
       &:first-child {
         border-top: none;
       }
diff --git a/src/pages/share/widget/ShareBar.tsx b/src/pages/share/widget/ShareBar.tsx
index 5ceddb5..a84aa4a 100644
--- a/src/pages/share/widget/ShareBar.tsx
+++ b/src/pages/share/widget/ShareBar.tsx
@@ -104,7 +104,7 @@ export default class ShareBar extends TankComponent<IProps, IState> {
                 </Tooltip>
 
                 <Tooltip title={Lang.t("share.expireTime")}>
-                  <span className="share-date w110 text-center">
+                  <span className="share-date text-center">
                     {share.expireInfinity
                       ? Lang.t("share.noExpire")
                       : DateUtil.simpleDateHourMinute(share.expireTime)}
diff --git a/src/pages/share/widget/ShareMatterPanel.less b/src/pages/share/widget/ShareMatterPanel.less
index dd1d874..0c2624f 100644
--- a/src/pages/share/widget/ShareMatterPanel.less
+++ b/src/pages/share/widget/ShareMatterPanel.less
@@ -10,7 +10,7 @@
   margin-left: 10px;
 }
 
-.widget-matter-panel {
+.widget-share-matter-panel {
 
   border-top: 1px solid #eee;
   background-color: white;
diff --git a/src/pages/share/widget/ShareMatterPanel.tsx b/src/pages/share/widget/ShareMatterPanel.tsx
index fa26f06..d064c03 100644
--- a/src/pages/share/widget/ShareMatterPanel.tsx
+++ b/src/pages/share/widget/ShareMatterPanel.tsx
@@ -71,7 +71,7 @@ export default class ShareMatterPanel extends TankComponent<IProps, IState> {
     const { matter } = this.props;
 
     return (
-      <div className="widget-matter-panel">
+      <div className="widget-share-matter-panel">
         <div onClick={(e) => SafeUtil.stopPropagationWrap(e)(this.clickRow())}>
           <div className="media clearfix">
             <div className="pull-left">