blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-27 20:06:36 +08:00
Code Issues Projects Releases Wiki Activity

docs(Sticky): hide container demo in weapp

Browse Source
This commit is contained in:
陈嘉涵 2019-09-06 14:54:05 +08:00
parent b5b7ad7482
commit 075edbfd4b
1 changed files with 6 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/sticky/demo/index.vue
View File

@ -2,38 +2,20 @@
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-sticky>
<van-button
type="primary"
style="margin-left: 15px;"
>
{{ $t('basicUsage') }}
</van-button>
<van-button type="primary" style="margin-left: 15px;">{{ $t('basicUsage') }}</van-button>
</van-sticky>
</demo-block>
<demo-block :title="$t('offsetTop')">
<van-sticky :offset-top="50">
<van-button
type="info"
style="margin-left: 115px;"
>
{{ $t('offsetTop') }}
</van-button>
<van-button type="info" style="margin-left: 115px;">{{ $t('offsetTop') }}</van-button>
</van-sticky>
</demo-block>
<demo-block :title="$t('setContainer')">
<div
ref="container"
style="height: 150px; background-color: #fff;"
>
<demo-block v-if="!$attrs.weapp" :title="$t('setContainer')">
<div ref="container" style="height: 150px; background-color: #fff;">
<van-sticky :container="container">
<van-button
type="warning"
style="margin-left: 215px;"
>
{{ $t('setContainer') }}
</van-button>
<van-button type="warning" style="margin-left: 215px;">{{ $t('setContainer') }}</van-button>
</van-sticky>
</div>
</demo-block>
@ -66,7 +48,7 @@ export default {
</script>
<style lang="less">
@import "../../style/var";
@import '../../style/var';
.demo-sticky {
height: 200vh;