选中颜色
Frontend CI/CD / build (web-office) (push) Failing after 10s
Details
Frontend CI/CD / build (web-office) (push) Failing after 10s
Details
This commit is contained in:
parent
abbf400941
commit
4b8b04e1fc
|
@ -3,23 +3,22 @@
|
||||||
<div class="head-top-box flex justify-between mb-3 titlt-top">
|
<div class="head-top-box flex justify-between mb-3 titlt-top">
|
||||||
<div class="flex items-center gap-10">
|
<div class="flex items-center gap-10">
|
||||||
<Badge :count="9" :offset="[6, -3]">
|
<Badge :count="9" :offset="[6, -3]">
|
||||||
<div class="flex items-center gap-1 cursor-pointer">
|
<div class="flex items-center gap-1 cursor-pointer" :class="{'active': selectTodo == 'db'}" @click="selectTodoClick('db')">
|
||||||
<CalendarOutlined />待办
|
<CalendarOutlined />待办
|
||||||
</div>
|
</div>
|
||||||
</Badge>
|
</Badge>
|
||||||
|
<div class="flex items-center gap-1 cursor-pointer" :class="{'active': selectTodo == 'yb'}" @click="selectTodoClick('yb')">
|
||||||
<div class="flex items-center gap-1 cursor-pointer">
|
|
||||||
<CarryOutOutlined />已办
|
<CarryOutOutlined />已办
|
||||||
</div>
|
</div>
|
||||||
<Badge :count="9" :offset="[6, -3]">
|
<Badge :count="9" :offset="[6, -3]">
|
||||||
<div class="flex items-center gap-1 cursor-pointer">
|
<div class="flex items-center gap-1 cursor-pointer" :class="{'active': selectTodo == 'dy'}" @click="selectTodoClick('dy')">
|
||||||
<ExceptionOutlined />待阅
|
<ExceptionOutlined />待阅
|
||||||
</div>
|
</div>
|
||||||
</Badge>
|
</Badge>
|
||||||
<div class="flex items-center gap-1 cursor-pointer">
|
<div class="flex items-center gap-1 cursor-pointer" :class="{'active': selectTodo == 'yy'}" @click="selectTodoClick('yy')">
|
||||||
<FileDoneOutlined />已阅
|
<FileDoneOutlined />已阅
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-1 cursor-pointer">
|
<div class="flex items-center gap-1 cursor-pointer" :class="{'active': selectTodo == 'gz'}" @click="selectTodoClick('gz')">
|
||||||
<StarOutlined />关注
|
<StarOutlined />关注
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -31,10 +30,10 @@
|
||||||
</div>
|
</div>
|
||||||
<ul class="f-btn-box">
|
<ul class="f-btn-box">
|
||||||
<li>
|
<li>
|
||||||
<Button type="primary">全部</Button>
|
<Button :type="selectClass == '全部' ? 'primary' : 'default'" @click="selectedClick('全部')">全部</Button>
|
||||||
</li>
|
</li>
|
||||||
<li v-for="(item) in plainOptions" :key="item">
|
<li v-for="(item) in plainOptions" :key="item" @click="selectedClick(item)">
|
||||||
<Button >{{ item }}</Button>
|
<Button :type="selectClass == item ? 'primary' : 'default'">{{ item }}</Button>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="flex-1 overflow-hidden">
|
<div class="flex-1 overflow-hidden">
|
||||||
|
@ -79,9 +78,9 @@ import { preferences } from '@vben/preferences';
|
||||||
|
|
||||||
watch(() => preferences.theme.mode, (n: any) => {
|
watch(() => preferences.theme.mode, (n: any) => {
|
||||||
VxeUI.setTheme(n)
|
VxeUI.setTheme(n)
|
||||||
},{
|
}, {
|
||||||
deep: true,
|
deep: true,
|
||||||
immediate: true
|
immediate: true
|
||||||
})
|
})
|
||||||
|
|
||||||
interface RowVO {
|
interface RowVO {
|
||||||
|
@ -165,6 +164,17 @@ watch(
|
||||||
state.checkAll = val.length === plainOptions.length;
|
state.checkAll = val.length === plainOptions.length;
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
|
let selectClass = ref('全部')
|
||||||
|
|
||||||
|
let selectedClick = (item: string) => {
|
||||||
|
selectClass.value = item
|
||||||
|
}
|
||||||
|
|
||||||
|
let selectTodo = ref('');
|
||||||
|
let selectTodoClick = (item: string) => {
|
||||||
|
selectTodo.value = item
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import 'vxe-table/lib/style.css';
|
@import 'vxe-table/lib/style.css';
|
||||||
|
@ -176,6 +186,7 @@ watch(
|
||||||
overflow-x: auto; //出现水平滚动条
|
overflow-x: auto; //出现水平滚动条
|
||||||
padding-bottom: 3px;
|
padding-bottom: 3px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
@ -185,4 +196,9 @@ watch(
|
||||||
.f-btn-box::-webkit-scrollbar {
|
.f-btn-box::-webkit-scrollbar {
|
||||||
height: 5px !important;
|
height: 5px !important;
|
||||||
}
|
}
|
||||||
|
</style>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.active {
|
||||||
|
color: hsl(var(--primary));
|
||||||
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue