opentiny
/
tiny-vue
2
0
Fork 29
Code Issues Pull Requests 7 Packages Projects Releases Wiki Activity

fix(cascader): [guide] add smb theme (#1584)

This commit is contained in:
wuyiping0628 2024-04-29 20:43:54 -07:00 committed by GitHub
parent cb5e98b02b
commit 869449a7ae
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
examples/sites/demos/pc/app/cascader/filterable-composition-api.vue
View File

@ -1,7 +1,7 @@
<template>
<tiny-cascader placeholder="试试搜索：安装" :options="options" filterable :debounce="1000">
<template #empty>
<div>没有选项</div>
<div class="no-data">暂无数据</div>
</template>
</tiny-cascader>
</template>
@ -205,3 +205,10 @@ const options = ref([
}
])
</script>
<style scoped lang="less">
.no-data {
text-align: center;
line-height: 240px;
}
</style>

9
examples/sites/demos/pc/app/cascader/filterable.vue
View File

@ -1,7 +1,7 @@
<template>
<tiny-cascader placeholder="试试搜索：安装" :options="options" filterable :debounce="1000">
<template #empty>
<div>没有选项</div>
<div class="no-data">暂无数据</div>
</template>
</tiny-cascader>
</template>
@ -213,3 +213,10 @@ export default {
}
}
</script>
<style scoped lang="less">
.no-data {
text-align: center;
line-height: 240px;
}
</style>

5
packages/theme/src/cascader-node/smb-theme.js
View File

@ -8,8 +8,9 @@ export const tinyCascaderNodeSmbTheme = {
'ti-cascader-node-active-font-weight': 'bold',
'ti-cascader-node-hover-text-color': '#191919',
'ti-cascader-node-prefix-display': 'none',
'ti-cascader-node-icon-color': '#191919',
'ti-cascader-node-icon-font-size': '12px',
'ti-cascader-node-icon-color': '#808080',
'ti-cascader-node-text-color': '#191919',
'ti-cascader-node-selectable-text-color': '#1476ff',
'ti-cascader-node-icon-font-size': 'var(--ti-common-font-size-2)',
'ti-cascader-node-active-icon-color': '#191919'
}