diff --git a/template/app_doc/docs_base.html b/template/app_doc/docs_base.html
index 6ae111c..c68de43 100644
--- a/template/app_doc/docs_base.html
+++ b/template/app_doc/docs_base.html
@@ -275,42 +275,38 @@
 
 <!-- 打赏选项卡模板 -->
 <div id="dashang_img" style="display: none;">
-    <div class="layui-tab layui-tab-brief">
-        <ul class="layui-tab-title">
-          <li class="layui-this">{% trans "微信" %}</li>
-          <li>{% trans "支付宝" %}</li>
-          <li>{% trans "QQ支付" %}</li>
-          <li>{% trans "PayPal" %}</li>
-          <li>{% trans "项目源码" %}</li>
-        </ul>
+    <div>
         <div class="layui-tab-content" style="height: 100px;">
-          <div class="layui-tab-item layui-show" align='center'>
-            <img src="{% static 'dashang/dashang_wx.webp' %}" style="width: 300px;height: auto;" />
-          </div>
+        <div style="text-align: center;font-size: 16px;font-weight: 500;padding-top: 10px;">关于 MrDoc</div><hr>
+        <div style="padding: 10px;"><a href="https://zmister.com/mrdoc/" target="_blank">觅道文档MrDoc</a>是<a href="https://zmister.com/" target="_blank"><strong>州的先生</strong></a>开发并开源的在线文档系统，其适合作为个人和小型团队的云笔记、文档和知识库管理工具。</div>
+        <div style="padding: 10px;">如果觅道文档给你或你的团队带来了帮助，欢迎对作者进行一些打赏捐助，这将有力支持作者持续投入精力更新和维护觅道文档，感谢你的捐助！<a href="http://mrdoc.zmister.com/project-7/doc-1366/" target="_blank">>>>捐助鸣谢列表</a></div>
+        <div class="" style="display:flex;justify-content:space-around;flex-wrap:wrap;">
+            
+            <div class="" align='center' style="">
+                <p>微信</p>
+                <img src="{% static 'dashang/dashang_wx.webp' %}" style="width: 180px;height: auto;" />
+            </div>
 
-          <div class="layui-tab-item" align='center'>
-            <img src="{% static 'dashang/dashang_alipay.webp' %}" style="width: 300px;height: auto;" />
-          </div>
-          
-          <div class="layui-tab-item" align='center'>
-            <img src="{% static 'dashang/dashang_qq.webp' %}" style="width: 300px;height: auto;" />
-          </div>
-          
-          <div class="layui-tab-item" align='center'>
-            <a href="https://paypal.me/zmister" target="_blank">
-                <img src="{% static 'dashang/dashang_paypal.png' %}" style="width: 280px;height: auto;" />
-            </a>
-          </div>
-          
-          <div class="layui-tab-item" align='center'>
-            <p><a href="https://github.com/zmister2016/MrDoc" target="_blank">GitHub：https://github.com/zmister2016/MrDoc</a></p>
-            <br>
-            <p><a href="https://gitee.com/zmister/MrDoc" target="_blank">码云：https://gitee.com/zmister/MrDoc</a> </p>
-            <br>
-            <p><a href="https://zmister.com" target="_blank">作者博客：https://zmister.com</a></p>
-          </div>
+            <div class="" align='center'>
+                <p>支付宝</p>
+                <img src="{% static 'dashang/dashang_alipay.webp' %}" style="width: 180px;height: auto;" />
+            </div>
+            
+            <div class="" align='center'>
+                <p>QQ</p>
+                <img src="{% static 'dashang/dashang_qq.webp' %}" style="width: 180px;height: auto;" />
+            </div>
+            
+            <div class="" align='center'>
+                <p>PayPal</p>
+                <a href="https://paypal.me/zmister" target="_blank">
+                    <img src="{% static 'dashang/dashang_paypal.png' %}" style="width: 180px;height: auto;" />
+                </a>
+            </div>
         </div>
-    </div> 
+        </div>
+    </div>
+
 </div>
 
 <script src="{% static 'jquery/3.1.1/jquery.min.js' %}"></script>