Browse Source

优化搜索框

陈龙 9 months ago
parent
commit
af2cfc20a4

+ 10 - 1
src/Befri.Goldhoo/Befri.Goldhoo.Mobile.MvcUI/Content/themes/SUI/extend/topbar/themes/sui.topbar.Goldhoo.css

@@ -3,7 +3,7 @@
 	* SUI Topbar
     * 顶栏 默认样式
 	* 基于 SUI 库开发的组件,适用于 Web 应用程序
-	* 最后更新日期:2024年08月16
+	* 最后更新日期:2024年08月19
 */
 
 /* ------ Topbar [ ------ */
@@ -251,6 +251,15 @@
     height: 20px;
 }
 
+.topbar-searchIcon-box {
+    position: absolute;
+    width: 120px;
+    height: 30px;
+    right: -5px;
+    top: -5px;
+    border: 1px solid #2f0808;
+}
+
 .topbar-closeSearchIcon {
     width: 40px;
     height: 40px;

+ 1 - 1
src/Befri.Goldhoo/Befri.Goldhoo.Mobile.MvcUI/Views/Shared/_Layout.cshtml

@@ -23,7 +23,7 @@
     <title>@ViewBag.Title - @Befri.Goldhoo.Mobile.MvcUI.WebConstants.TITLE_NAME</title>
     <link href="@Url.Content("~/Content/themes/SUI/font-awesome/css/all.css")" rel="stylesheet" />
     <link href="@Url.Content("~/Content/themes/SUI/themes/default/sui.css")?v=1.2.11" rel="stylesheet" />
-    <link href="@Url.Content("~/Content/themes/SUI/extend/topbar/themes/sui.topbar." + Befri.Goldhoo.Mobile.MvcUI.WebConstants.THEMES + ".css")?v=1.1.0" rel="stylesheet" />
+    <link href="@Url.Content("~/Content/themes/SUI/extend/topbar/themes/sui.topbar." + Befri.Goldhoo.Mobile.MvcUI.WebConstants.THEMES + ".css")?v=1.1.1" rel="stylesheet" />
     <link href="@Url.Content("~/Content/themes/SUI/extend/header/themes/sui.header." + Befri.Goldhoo.Mobile.MvcUI.WebConstants.THEMES + ".css")?v=1.0.1" rel="stylesheet" />
     <link href="@Url.Content("~/Content/themes/Client/version1/themes/" + Befri.Goldhoo.Mobile.MvcUI.WebConstants.THEMES +"/style.css")?v=0.1.2" rel="stylesheet" />
     <script src="@Url.Content("~/Content/themes/Library/jQuery/1.9.1/jquery.min.js")"></script>

+ 3 - 1
src/Befri.Goldhoo/Befri.Goldhoo.Mobile.MvcUI/Views/Shared/_PartialTop.cshtml

@@ -79,7 +79,9 @@
                             <span class="fa fa-search"></span>
                         </div>
                     </div>
-                    <div class="topbar-searchIcon fa fa-search"></div>
+                    <div class="topbar-searchIcon fa fa-search">
+                        <div class="topbar-searchIcon-box"></div>
+                    </div>
                     <div class="topbar-closeSearchIcon fas fa-times"></div>
                 </div>
                 @foreach (var item in user.ShopFunctions)