xieyinlu/zhilu-admin
1
0
Fork 0
mirror of https://github.com/ccmjga/zhilu-admin synced 2026-04-15 14:03:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix buttons

Browse Source
This commit is contained in:
ccmjga
2025-06-02 15:23:57 +08:00
parent 7cd734bffd
commit 7c0340a725
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/Button.vue
View File

@@ -9,6 +9,7 @@
'text-center', 'text-center',
'inline-flex', 'inline-flex',
'items-center', 'items-center',
'justify-center',
isLoading && !abortable ? 'bg-blue-400 cursor-not-allowed' : 'bg-blue-700 hover:bg-blue-800', isLoading && !abortable ? 'bg-blue-400 cursor-not-allowed' : 'bg-blue-700 hover:bg-blue-800',
sizeClasses sizeClasses
]"> ]">

15
frontend/src/views/PermissionView.vue
View File

@@ -24,11 +24,15 @@
</div> </div>
</form> </form>
<!-- Create Modal toggle --> <!-- Create Modal toggle -->
<button @click="handleUpsertPermissionClick(undefined)" <Button :handleClick="() => handleUpsertPermissionClick(undefined)" :isLoading="false" :abortable="false"
class="flex items-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center" submitContent="新增权限" size="sm" class="w-full sm:w-auto">
type="button"> <template #icon>
新增权限 <svg class="w-4 h-4 me-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
</button> viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
</svg>
</template>
</Button>
</div> </div>
<div class="relative overflow-x-auto shadow-md sm:rounded-lg"> <div class="relative overflow-x-auto shadow-md sm:rounded-lg">
<table class="w-full text-sm text-left rtl:text-right text-gray-500"> <table class="w-full text-sm text-left rtl:text-right text-gray-500">
@@ -107,6 +111,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import Button from "@/components/Button.vue";
import PermissionUpsertModal from "@/components/PermissionUpsertModal.vue"; import PermissionUpsertModal from "@/components/PermissionUpsertModal.vue";
import PermissionDeleteModal from "@/components/PopupModal.vue"; import PermissionDeleteModal from "@/components/PopupModal.vue";
import usePermissionDelete from "@/composables/permission/usePermissionDelete"; import usePermissionDelete from "@/composables/permission/usePermissionDelete";