修改系統小卡輪播圖圖片的底色 | table篩選功能更新

This commit is contained in:
koko 2024-11-04 16:07:54 +08:00
parent b48717f091
commit 0bbd86f241
5 changed files with 12 additions and 13 deletions

View File

@ -161,7 +161,7 @@ watch(
<div :class="withStyle ? 'content-box' : 'py-5'"> <div :class="withStyle ? 'content-box' : 'py-5'">
<div class="content-decoration"> <div class="content-decoration">
<slot name="beforeTable"></slot> <slot name="beforeTable"></slot>
<form ref="form " class="overflow-x-auto"> <form ref="form" class="overflow-x-auto">
<table <table
:class=" :class="
twMerge( twMerge(

View File

@ -73,11 +73,11 @@ const getProgressValue = (group) => {
<img src="@ASSET/img/state-ul.svg" /> <img src="@ASSET/img/state-ul.svg" />
<div class="box"> <div class="box">
<div class="mark"> <div class="mark">
<span>{{ group[0].value }}</span> <span class="w-10">{{ group[0].value }}</span>
<span <span
><img class="w-[50px]" src="@ASSET/img/state-ul-text.svg" /> ><img class="w-[50px]" src="@ASSET/img/state-ul-text.svg" />
</span> </span>
<span>{{ group[1].value }}</span> <span class="w-10">{{ group[1].value }}</span>
</div> </div>
<progress <progress
class="progress [&::-webkit-progress-value]:bg-red-600 [&::-moz-progress-bar]:bg-red-600" class="progress [&::-webkit-progress-value]:bg-red-600 [&::-moz-progress-bar]:bg-red-600"

View File

@ -43,9 +43,9 @@ const specOptions = computed(() => {
return options.value.find(({ selected }) => selected)?.spec || []; return options.value.find(({ selected }) => selected)?.spec || [];
}); });
onMounted(() => { // onMounted(() => {
getOption(); // getOption();
}); // });
const openModal = () => { const openModal = () => {
graph_add_item.showModal(); graph_add_item.showModal();

View File

@ -130,8 +130,8 @@ const getNewFilename = async (e) => {
}); });
getData(res); getData(res);
} else if ( } else if (
e.target.value !== "" && e?.target.value !== "" &&
e.target.value !== selectedItem.value?.title e?.target.value !== selectedItem.value?.title
) { ) {
// //
const res = await updateSideBarTreeName({ const res = await updateSideBarTreeName({

View File

@ -26,7 +26,7 @@ watch(
<font-awesome-icon <font-awesome-icon
:icon="['fas', 'chevron-left']" :icon="['fas', 'chevron-left']"
size="lg" size="lg"
class="text-[#a5abb1]" class="text-[#1b1b1b]"
/> />
</div> </div>
</template> </template>
@ -35,7 +35,7 @@ watch(
<font-awesome-icon <font-awesome-icon
:icon="['fas', 'chevron-right']" :icon="['fas', 'chevron-right']"
size="lg" size="lg"
class="text-[#a5abb1]" class="text-[#1b1b1b]"
/> />
</div> </div>
</template> </template>
@ -49,7 +49,8 @@ watch(
/* For demo */ /* For demo */
:deep(.slick-slide) { :deep(.slick-slide) {
text-align: center; text-align: center;
background: #1d2429; background: #c5c5c5;
height: 400px;
overflow: hidden; overflow: hidden;
} }
@ -57,8 +58,6 @@ watch(
width: 25px; width: 25px;
height: 25px; height: 25px;
font-size: 25px; font-size: 25px;
color: #fff;
background-color: rgba(31, 45, 61, 0.11);
transition: ease all 0.3s; transition: ease all 0.3s;
opacity: 0.3; opacity: 0.3;
z-index: 1; z-index: 1;