diff --git a/src/Masa.Blazor/Components/Pagination/MPagination.razor b/src/Masa.Blazor/Components/Pagination/MPagination.razor
index 6b6928d1fe..7a815560d1 100644
--- a/src/Masa.Blazor/Components/Pagination/MPagination.razor
+++ b/src/Masa.Blazor/Components/Pagination/MPagination.razor
@@ -8,18 +8,29 @@
         <ul class="@_modifierBuilder.Add(Circle).Add(Disabled).AddTheme(IsDark, IndependentTheme)">
             @GenPaginationIcon(PaginationIconType.First)
 
-            @foreach (var item in GetItems())
+            @if (_internalMiniVariant)
             {
-                <li>
-                    @if (item.IsT0)
-                    {
-                        <span class="@_block.Element("more")">@item</span>
-                    }
-                    else
-                    {
-                        @GenPaginationItem(item)
-                    }
-                </li>
+                <div class="m-pagination__mini">
+                    <span class="m-pagination__current">@Value</span>
+                    <span class="m-pagination__separator">/</span>
+                    <span class="m-pagination__total">@Length</span>
+                </div>
+            }
+            else
+            {
+                @foreach (var item in GetItems())
+                {
+                    <li>
+                        @if (item.IsT0)
+                        {
+                            <span class="@_block.Element("more")">@item</span>
+                        }
+                        else
+                        {
+                            @GenPaginationItem(item)
+                        }
+                    </li>
+                }
             }
 
             @GenPaginationIcon(PaginationIconType.Second)
diff --git a/src/Masa.Blazor/Components/Pagination/MPagination.razor.cs b/src/Masa.Blazor/Components/Pagination/MPagination.razor.cs
index ac9b3ed206..4e406c6fc8 100644
--- a/src/Masa.Blazor/Components/Pagination/MPagination.razor.cs
+++ b/src/Masa.Blazor/Components/Pagination/MPagination.razor.cs
@@ -47,6 +47,25 @@ public partial class MPagination : MasaComponentBase
 
     [CascadingParameter(Name = "IsDark")] public bool CascadingIsDark { get; set; }
 
+    [Parameter, MasaApiParameter(false, "v1.7.0")]
+    public bool MiniVariant
+    {
+        get => GetValue<bool>(false);
+        set => SetValue(value);
+    }
+
+    [Parameter, MasaApiParameter(ReleasedOn = "v1.7.0")]
+    public EventCallback<bool> MiniVariantChanged { get; set; }
+
+    [Parameter, MasaApiParameter(600, "v1.7.0")]
+    public OneOf<Breakpoints, double> MobileBreakpoint
+    {
+        get => GetValue<OneOf<Breakpoints, double>>(600);
+        set => SetValue(value);
+    }
+
+    private bool _internalMiniVariant;
+
     public bool IsDark
     {
         get
@@ -79,17 +98,25 @@ public bool IsDark
     private bool IndependentTheme =>
         (IsDirtyParameter(nameof(Dark)) && Dark) || (IsDirtyParameter(nameof(Light)) && Light);
 
+    protected override void OnParametersSet()
+    {
+        base.OnParametersSet();
+
 #if NET8_0_OR_GREATER
-        protected override void OnParametersSet()
+        if (MasaBlazor.IsSsr && !IndependentTheme)
         {
-            base.OnParametersSet();
+            CascadingIsDark = MasaBlazor.Theme.Dark;
+        }
+#endif
 
-            if (MasaBlazor.IsSsr && !IndependentTheme)
+        if (IsAuto is false)
+        {
+            if (MiniVariant != _internalMiniVariant)
             {
-                CascadingIsDark = MasaBlazor.Theme.Dark;
+                _internalMiniVariant = MiniVariant;
             }
         }
-#endif
+    }
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
@@ -279,5 +306,75 @@ public virtual async Task HandleItemClickAsync(StringNumber item)
     protected override async ValueTask DisposeAsyncCore()
     {
         await IntersectJSModule.UnobserveAsync(Ref);
+        MasaBlazor.WindowSizeChanged -= MasaBlazor_WindowSizeChanged;
+    }
+
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+        if (IsAuto)
+        {
+            MasaBlazor.WindowSizeChanged -= MasaBlazor_WindowSizeChanged;
+            MasaBlazor.WindowSizeChanged += MasaBlazor_WindowSizeChanged;
+        }
+    }
+
+    private async void MasaBlazor_WindowSizeChanged(object? sender, BreakpointChangedEventArgs e)
+    {
+        if (IsAuto is true)
+        {
+            var isMiniVaraint = IsMiniVariant();
+            if (isMiniVaraint != _internalMiniVariant)
+            {
+                InvokeAsync(() => {
+                    _internalMiniVariant = isMiniVaraint;
+                    _ = MiniVariantChanged.InvokeAsync(_internalMiniVariant);
+                    StateHasChanged();
+                });
+            }
+        }
+
+        
+    }
+
+    private bool IsMiniVariant()
+    {
+        var (width, mobile, name, mobileBreakpoint) = MasaBlazor.Breakpoint;
+
+        if (width == 0)
+        {
+            return false;
+        }
+
+        if (mobileBreakpoint.Equals(MobileBreakpoint))
+        {
+            return mobile;
+        }
+
+        if (MobileBreakpoint.IsT1)
+        {
+            return width <= MobileBreakpoint.AsT1;
+        }
+
+        return name <= MobileBreakpoint.AsT0;
+    }
+    private bool? isAuto;
+    private bool IsAuto => isAuto ?? InitializeIsAuto();
+    private bool InitializeIsAuto()
+    {
+        if (isAuto is null)
+        {
+            var hasDelegate = MiniVariantChanged.HasDelegate;
+            var isDirty = IsDirtyParameter(nameof(MiniVariant));
+            isAuto = (hasDelegate, isDirty) switch
+            {
+                (true, true) => true,
+                (false, true) => false,
+                (true, false) => true,
+                (false, false) => true,
+            };
+        }
+
+        return isAuto!.Value;
     }
-}
\ No newline at end of file
+}