123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- <template>
- <view class="u-page">
- <!-- <u-navbar
- title="吸顶"
- @leftClick="navigateBack"
- safeAreaInsetTop
- fixed
- placeholder
- ></u-navbar> -->
- <view class="u-demo-block">
- <text class="u-demo-block__title">基础使用</text>
- <u--text
- type="content"
- text="滚动页面,即可看到下方的按钮会吸顶。"
- ></u--text>
- <!-- #ifdef APP-NVUE -->
- <u--text
- type="warning"
- text="目前由于nvue的bug,设置sticky的top值无效。"
- ></u--text>
- <!-- #endif -->
- </view>
- <u-sticky>
- <u-button
- text="吸顶按钮"
- type="success"
- ></u-button>
- </u-sticky>
- <u-gap
- bgColor="#fff"
- height="1500px"
- ></u-gap>
- <u-divider text="已到底部"></u-divider>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- }
- },
- mixins: [uni.$u.mixin],
- methods: {
- navigateBack() {
- uni.navigateBack()
- }
- }
- }
- </script>
- <style lang="scss">
- .u-page {
-
- }
- </style>
|