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

fix(site): fix site api table style (#2507)

This commit is contained in:
ajaxzheng 2024-11-11 20:06:19 +08:00 committed by GitHub
parent 4c65284f01
commit c1496eebea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 136 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/sites/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@opentiny/vue-docs",
"version": "3.19.4",
"version": "3.19.7",
"license": "MIT",
"scripts": {
"start": "vite",

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

@ -36,6 +36,7 @@
<div class="ti-f18 ti-py28" :id="`${oneGroup.name}--${key}`">
{{ key }}
</div>
<div class="api-table-box">
<tiny-grid class="api-table" :data="tableData[oneGroup.name][key]" :expand-config="apiExpandConf">
<tiny-grid-column
v-if="tableData[oneGroup.name][key][0]?.type"
@ -90,6 +91,7 @@
</template>
</tiny-grid-column>
</tiny-grid>
</div>
</template>
</div>
</div>
@ -142,7 +144,7 @@
<div id="API" class="all-api-container">
<div class="ti-f-c ti-f-wrap api-list">
<!-- apis 是一个数组 {name,type,properties:[原table内容],events:[] ...........} -->
<div class="mt20" v-for="oneGroup in currJson.apis" :key="oneGroup.name">
<div class="mt20 wp100" v-for="oneGroup in currJson.apis" :key="oneGroup.name">
<div class="ti-f-r ti-f-pos-start ti-fw-bold">
<div :id="`cmp-${oneGroup.name}`" class="ti-f18">
{{ oneGroup.name }}
@ -156,6 +158,7 @@
<div class="ti-f18 ti-py28" :id="`${oneGroup.name}--${key}`">
{{ key }}
</div>
<div class="api-table-box">
<tiny-grid
ref="apiTableRef"
class="api-table"
@ -223,6 +226,7 @@
</template>
</tiny-grid-column>
</tiny-grid>
</div>
</template>
</div>
</div>
@ -812,6 +816,7 @@ export default defineComponent({
transition: all ease-in-out 0.3s;
.docs-tabs-wrap {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
@ -863,11 +868,18 @@ export default defineComponent({
}
}
.api-table-box {
border-left: 1px solid rgb(239, 239, 245);
border-right: 1px solid rgb(239, 239, 245);
overflow-x: auto;
width: 100%;
}
.api-table {
width: 100%;
min-width: 640px;
table-layout: fixed;
border-collapse: collapse;
border: 1px solid rgb(239, 239, 245);
a,
.type-link {
@ -956,7 +968,7 @@ export default defineComponent({
.all-demos-container,
.all-api-container {
flex: 1;
padding-top: 32px;
padding: 32px 0;
scroll-behavior: smooth;
}