[JavaScript知识库]vue-element-admin 吸顶效果demo

<template>
  <div class="createPost-container">
    <el-form
      ref="postForm"
      :model="postForm"
      :rules="rules"
      class="form-container"
    >
      <sticky :z-index="10" :class-name="'sub-navbar ' + postForm.status">
        <el-button v-loading="loading" style="margin-left: 10px" type="success">
          Publish
        </el-button>
        <el-button v-loading="loading" type="warning"> Draft </el-button>
      </sticky>
      <div style="background: yellow; height: 5000px"></div>
    </el-form>
  </div>
</template>

<script>
import Sticky from "@/components/Sticky"; // 粘性header组件

const defaultForm = {
  status: "draft",
};

export default {
  components: { Sticky },
  data() {
    return {
      postForm: Object.assign({}, defaultForm),
    };
  },
  computed: {},
  created() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
@import "~@/styles/mixin.scss";



</style>