web端的更新日志界面重做，采用手风琴风格实现，v1.6.22

CommonLibrary/UserSystem.cs

@@ -43,7 +43,7 @@ namespace CommonLibrary
              **************************************************************************/
 
 
-            SoftBasic.FrameworkVersion = new SystemVersion("1.6.21");
+            SoftBasic.FrameworkVersion = new SystemVersion("1.6.22");
 
         }
 

软件系统浏览器模版/Content/StyleAccordion.css

@@ -0,0 +1,79 @@
+
+a:hover, a:focus {
+    text-decoration: none;
+    outline: none;
+}
+
+#accordion .panel {
+    border: none;
+    box-shadow: none;
+    border-radius: 0;
+    margin: 0 0 15px 10px;
+}
+
+#accordion .panel-heading {
+    padding: 0;
+    border-radius: 30px;
+}
+
+#accordion .panel-title a {
+    display: block;
+    padding: 12px 20px 12px 50px;
+    background: #ebb710;
+    font-size: 18px;
+    font-weight: 600;
+    color: #fff;
+    border: 1px solid transparent;
+    border-radius: 30px;
+    position: relative;
+    transition: all 0.3s ease 0s;
+}
+
+    #accordion .panel-title a.collapsed {
+        background: #fff;
+        color: #0d345d;
+        border: 1px solid #ddd;
+    }
+
+        #accordion .panel-title a:after,
+        #accordion .panel-title a.collapsed:after {
+            content: "\f107";
+            font-family: fontawesome;
+            width: 55px;
+            height: 55px;
+            line-height: 55px;
+            border-radius: 50%;
+            background: #ebb710;
+            font-size: 25px;
+            color: #fff;
+            text-align: center;
+            border: 1px solid transparent;
+            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
+            position: absolute;
+            top: -5px;
+            left: -20px;
+            transition: all 0.3s ease 0s;
+        }
+
+        #accordion .panel-title a.collapsed:after {
+            content: "\f105";
+            background: #fff;
+            color: #0d345d;
+            border: 1px solid #ddd;
+            box-shadow: none;
+        }
+
+#accordion .panel-body {
+    padding: 20px 25px 10px 9px;
+    background: transparent;
+    font-size: 14px;
+    color: #8c8c8c;
+    line-height: 25px;
+    border-top: none;
+    position: relative;
+}
+
+    #accordion .panel-body p {
+        padding-left: 25px;
+        border-left: 1px dashed #8c8c8c;
+    }

软件系统浏览器模版/Views/Account/RegisterAccount.cshtml

@@ -20,7 +20,7 @@
     {
         <fieldset>
             @Html.AntiForgeryToken()
-            <legend style="font-family:'Microsoft YaHei UI',Arial, Helvetica, sans-serif">注册新的账户<small>如果账户名已存在，会注册失败</small></legend>
+            <legend style="font-family:'Microsoft YaHei UI',Arial, Helvetica, sans-serif">注册新的账户<small><small>如果账户名已存在，会注册失败</small></small></legend>
             
             <div class="form-group">
                 <label for="username" class="col-lg-2 control-label">@CommonLibrary.UserLocalization.Localization.AccountName：</label>

软件系统浏览器模版/Views/Home/UpdateLog.cshtml

@@ -4,35 +4,37 @@
     Layout = "~/Views/Shared/_Layout.cshtml";
 }
 
+<link href="~/Content/StyleAccordion.css" rel="stylesheet" />
+
 <h2>系统更新日志<small>历次版本详细信息</small></h2>
 
-
+<div class="container">
     <div class="row">
-    <div class="col-md-3">
+        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 
             @{
                 foreach (var v in ClientsLibrary.UserClient.HistoryVersions)
                 {
-                Guid guid = Guid.NewGuid();
+
-                <div class="list-group">
+                    <div class="panel panel-default">
-                    <a id="@guid" class="list-group-item">
+                        <div class="panel-heading" role="tab" id="headingOne">
-                        <h4 class="list-group-item-heading">Version:<span>@v.VersionNum.ToString()</span></h4>
+                            <h4 class="panel-title">
-                        <p class="list-group-item-text">更新日志 @v.ReleaseDate.ToString("yyyy-MM-dd")</p>
+                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                                    <strong>V @v.VersionNum.ToString()</strong> 更新日志 @v.ReleaseDate.ToString("yyyy-MM-dd")
                                 </a>
-
+                            </h4>
-                    <script>
+                        </div>
-                        $('#@guid').on('click', function () {
+                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
-                            $('#details').replaceWith(@v.UpdateDetails.Replace("\r\n","<br />"));
+                            <div class="panel-body">
-                        });
+                                <p>
-                    </script>
+                                    @MvcHtmlString.Create(v.UpdateDetails.Replace("\r\n", "<br />").ToString())
-
+                                </p>
+                            </div>
+                        </div>
                     </div>
                 }
             }
-    </div>
-    <div class="col-md-9">
-        <span id="details">
 
-        </span>
+        </div>
     </div>
 </div>

软件系统浏览器模版/软件系统浏览器模版.csproj

@@ -172,6 +172,7 @@
     <Content Include="Content\bootstrap.css" />
     <Content Include="Content\bootstrap.min.css" />
     <Content Include="Content\Login.css" />
+    <Content Include="Content\StyleAccordion.css" />
     <Content Include="favicon.ico" />
     <Content Include="fonts\glyphicons-halflings-regular.svg" />
     <Content Include="Global.asax" />