feat(#I12YF5): 前台禁止加载时呈现动画

#Issue link #I12YF5
2019-10-19 21:53:37 +08:00 · 2019-10-19 21:53:37 +08:00 · 41f121faea
parent e68287a3c2
commit 41f121faea
3 changed files with 8 additions and 1 deletions
--- a/src/client/Bootstrap.Client/Views/Shared/_Root.cshtml
+++ b/src/client/Bootstrap.Client/Views/Shared/_Root.cshtml
@ -13,7 +13,7 @@
        <link href="../css/IE8.css" rel="stylesheet" />
    <![endif]-->
 </head>
-<body>
+<body class="trans-mute">
    <!--[if lt IE 10 ]>
    <div id="ieAlert" class="alert alert-danger alert-dismissible">
        <div>你的浏览器版本太低，不能完美的支持本系统，请升级到至少IE10 <a href="../IE/IE10.exe" target="_blank">本地下载</a> <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" target="_blank">微软下载</a>，或者使用Chrome浏览器 <a href="../Software/ChromeSetup.exe" target="_blank">本地下载</a></div>
--- a/src/client/Bootstrap.Client/wwwroot/css/site.css
+++ b/src/client/Bootstrap.Client/wwwroot/css/site.css
@ -1,4 +1,8 @@
 /*Title*/
+body.trans-mute * {
+    transition: none !important;
+}
+
 .bg {
    display: none;
 }
--- a/src/client/Bootstrap.Client/wwwroot/js/common-scripts.js
+++ b/src/client/Bootstrap.Client/wwwroot/js/common-scripts.js
@ -39,6 +39,9 @@
 })(jQuery);

 $(function () {
+    // enable animoation effect
+    $('body').removeClass('trans-mute');
+
    var $sideMenu = $(".sidebar ul");

    // breadcrumb