zhoujunyu
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(anchor): [anchor] optimized the document (#1149)

This commit is contained in:
chenxi-20 2023-12-15 00:01:59 -08:00 committed by GitHub
parent 07b2d70110
commit fea7e62fed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 38 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
examples/sites/demos/pc/app/anchor/basic-usage-composition-api.vue
View File

@ -1,6 +1,8 @@
<template>
<tiny-switch v-model="type" true-value="line" false-value="dot"> </tiny-switch>
当前类型：{{ type }}
<div class="demo-top mb10">
<tiny-switch v-model="type" true-value="line" false-value="dot"> </tiny-switch>
<span>当前类型：{{ type }}</span>
</div>
<tiny-anchor :links="links" :type="type"></tiny-anchor>
</template>
@ -45,3 +47,10 @@ const links = ref([
const type = ref('dot')
</script>
<style scoped>
.demo-top {
display: flex;
align-items: center;
}
</style>

13
examples/sites/demos/pc/app/anchor/basic-usage.vue
View File

@ -1,7 +1,9 @@
<template>
<div>
<tiny-switch v-model="type" true-value="line" false-value="dot"> </tiny-switch>
当前类型：{{ type }}
<div class="demo-top mb10">
<tiny-switch v-model="type" true-value="line" false-value="dot"> </tiny-switch>
<span>当前类型：{{ type }}</span>
</div>
<tiny-anchor :links="links" :type="type"></tiny-anchor>
</div>
</template>
@ -55,3 +57,10 @@ export default {
}
}
</script>
<style scoped>
.demo-top {
display: flex;
align-items: center;
}
</style>

10
examples/sites/demos/pc/app/anchor/is-affix-composition-api.vue
View File

@ -1,7 +1,9 @@
<template>
<div class="wrap">
<tiny-switch v-model="isAffix"></tiny-switch>
<span>{{ isAffix ? '关闭固定模式' : '打开固定模式' }}</span>
<div class="demo-top mb10">
<tiny-switch v-model="isAffix"></tiny-switch>
<span>{{ isAffix ? '关闭固定模式' : '打开固定模式' }}</span>
</div>
<tiny-anchor :links="links" :is-affix="isAffix"></tiny-anchor>
</div>
</template>
@ -51,4 +53,8 @@ const links = ref([
.wrap {
min-height: 180px;
}
.demo-top {
display: flex;
align-items: center;
}
</style>

10
examples/sites/demos/pc/app/anchor/is-affix.vue
View File

@ -1,7 +1,9 @@
<template>
<div class="wrap">
<tiny-switch v-model="isAffix"></tiny-switch>
<span>{{ isAffix ? '关闭固定模式' : '打开固定模式' }}</span>
<div class="demo-top mb10">
<tiny-switch v-model="isAffix"></tiny-switch>
<span>{{ isAffix ? '关闭固定模式' : '打开固定模式' }}</span>
</div>
<tiny-anchor :links="links" :is-affix="isAffix"></tiny-anchor>
</div>
</template>
@ -60,4 +62,8 @@ export default {
.wrap {
min-height: 180px;
}
.demo-top {
display: flex;
align-items: center;
}
</style>