底部插槽

基础用法

<template>
  <view>
    <layout>
    </layout>
    <bottom-slot>
      <view>BottomSlot</view>
    </bottom-slot>
  </view>
</template>

<script>
  import bottomSlot from '@/components/bottom-slot/index.vue';

  export default {
    name: "Demo",
    components: {
      bottomSlot
    },
  }
</script>

主要运用场景：商品加购底部按钮导航、固定底部盒子等等。

import fetchListData from "@/mixins/fetchListData";

export default {
  bottom-slot
  name: 'GoodList',
  mixins: [fetchListData],
  mounted() {
    // 调用获取数据 默认方法 方法在mixins/fetchListData中
    this.handleSearch();
  }
}

参数

参数	说明	类型	默认值
background	背景颜色	-	-

默认的背景颜色是 @/uni.scss (opens new window) 定义的--footer-background-color,也可以自己自定义颜色值，自定义的情况不能动态修改皮肤的方式修改。