opentiny
/
tiny-vue
0
0
Fork 31
Code Issues Pull Requests 8 Packages Projects Releases Wiki Activity

docs(sites): add deep style in scoped (#1473) 

* docs(sites): add deep style in scoped

* docs(sites): add deep style in scoped
This commit is contained in:
gimmyhehe 2024-03-07 17:42:28 +08:00 committed by GitHub
parent 2adc0d1507
commit ab6bea071b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
examples/sites/src/views/components/components.vue
View File

@ -139,7 +139,7 @@
<script lang="jsx">
import { defineComponent, reactive, computed, toRefs, watch, onMounted, ref } from 'vue'
import { marked } from 'marked'
import { Loading, Anchor, ButtonGroup } from '@opentiny/vue'
import { Anchor, ButtonGroup } from '@opentiny/vue'
import debounce from '@opentiny/vue-renderless/common/deps/debounce'
import { i18nByKey, getWord, $clone, fetchDemosFile, useApiMode, useTemplateMode } from '@/tools'
import demo from '@/views/components/demo'
@ -160,9 +160,6 @@ export default defineComponent({
AsyncHighlight,
VersionTip
},
directives: {
loading: Loading.directive
},
setup() {
const anchorRefreshKey = ref(0)
const state = reactive({
@ -526,11 +523,11 @@ table.api-table {
}
}
.cmp-page-anchor {
.tiny-anchor__affix {
:deep(.tiny-anchor__affix) {
overflow-y: auto;
max-height: 80vh;
}
.tiny-anchor-link {
:deep(.tiny-anchor-link) {
margin-bottom: 10px;
max-width: 150px;
font-size: 12px;
@ -558,13 +555,6 @@ table.api-table {
}
}
.markdown-top-body,
.all-demos-container {
& > .tiny-loading svg {
height: 36px;
width: 36px;
}
}
.all-demos-container {
margin-top: 24px;
}