1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <template>
-
- <view class="uni-list">
- <slot />
- </view>
-
-
- <list class="uni-list" :enableBackToTop="enableBackToTop" loadmoreoffset="15" :scroll-y="scrollY" @loadmore="loadMore">
- <slot />
- </list>
-
- </template>
- <script>
- export default {
- name: 'UniList',
- 'mp-weixin': {
- options: {
- multipleSlots: false
- }
- },
- props: {
- enableBackToTop: {
- type: [Boolean, String],
- default: false
- },
- scrollY: {
- type: [Boolean, String],
- default: false
- }
- },
- provide() {
- return {
- list: this
- }
- },
- created() {
- this.firstChildAppend = false
- },
- methods: {
- loadMore(e) {
- this.$emit("scrolltolower");
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- .uni-list {
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- background-color: $uni-bg-color;
- position: relative;
- flex-direction: column;
- // border-bottom-color: $uni-border-color;
- // border-bottom-style: solid;
- // border-bottom-width: 1px;
- }
- /* #ifndef APP-NVUE */
- .uni-list:before {
- height: 0;
- }
- .uni-list:after {
- height: 0;
- }
- /* #endif */
- </style>
|