timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update style

Browse Source
This commit is contained in:
Timi
2026-08-14 16:43:10 +08:00
parent 4d4abe5de3
commit 3b5ff75772
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/EventSelector.vue
+7 -6
View File
@@ -6,7 +6,7 @@
v-for="item in props.eventList" v-for="item in props.eventList"
:key="item.id || item.name" :key="item.id || item.name"
type="button" type="button"
class="item" class="item bg-white"
:class="{selected: isSelected(item.id)}" :class="{selected: isSelected(item.id)}"
:title="item.name" :title="item.name"
:disabled="props.disabled || !item.id" :disabled="props.disabled || !item.id"
@@ -85,15 +85,15 @@ const toggleEvent = (eventId?: string) => {
} }
.item { .item {
gap: .25rem; gap: .5rem;
width: 100%; width: 100%;
margin: 0; margin: 0;
border: 1px solid gray; border: 1px solid #CCC;
display: flex; display: flex;
padding: .5rem; padding: .5rem;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background: #F8FBFF; font-size: 1rem;
text-align: left; text-align: left;
align-items: center; align-items: center;
border-radius: .5rem; border-radius: .5rem;
@@ -111,6 +111,7 @@ const toggleEvent = (eventId?: string) => {
.swatch { .swatch {
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
min-width: 1.5rem;
border-radius: .25rem; border-radius: .25rem;
} }
@@ -118,8 +119,8 @@ const toggleEvent = (eventId?: string) => {
top: -2px; top: -2px;
left: -2px; left: -2px;
color: #fff; color: #fff;
width: 1.5rem; width: 1.75rem;
height: 1.5rem; height: 1.75rem;
position: absolute; position: absolute;
clip-path: polygon(0 0, 100% 0, 0 100%); clip-path: polygon(0 0, 100% 0, 0 100%);
background: var(--td-brand-color, #2F88FF); background: var(--td-brand-color, #2F88FF);