{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\sticky.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\sticky.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBTdGlja3kgZnJvbSAnQC9jb21wb25lbnRzL1N0aWNreScKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnU3RpY2t5RGVtbycsCiAgY29tcG9uZW50czogeyBTdGlja3kgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGltZTogJycsCiAgICAgIHVybDogJycsCiAgICAgIHBsYXRmb3JtczogWydhLXBsYXRmb3JtJ10sCiAgICAgIHBsYXRmb3Jtc09wdGlvbnM6IFsKICAgICAgICB7IGtleTogJ2EtcGxhdGZvcm0nLCBuYW1lOiAncGxhdGZvcm1BJyB9LAogICAgICAgIHsga2V5OiAnYi1wbGF0Zm9ybScsIG5hbWU6ICdwbGF0Zm9ybUInIH0sCiAgICAgICAgeyBrZXk6ICdjLXBsYXRmb3JtJywgbmFtZTogJ3BsYXRmb3JtQycgfQogICAgICBdLAogICAgICBwaWNrZXJPcHRpb25zOiB7CiAgICAgICAgZGlzYWJsZWREYXRlKHRpbWUpIHsKICAgICAgICAgIHJldHVybiB0aW1lLmdldFRpbWUoKSA+IERhdGUubm93KCkKICAgICAgICB9CiAgICAgIH0KICAgIH0KICB9Cn0K"},{"version":3,"sources":["sticky.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"sticky.vue","sourceRoot":"src/views/components-demo","sourcesContent":["<template>\n  <div>\n    <sticky :z-index=\"10\" class-name=\"sub-navbar\">\n      <el-dropdown trigger=\"click\">\n        <el-button plain>\n          Platform<i class=\"el-icon-caret-bottom el-icon--right\" />\n        </el-button>\n        <el-dropdown-menu slot=\"dropdown\" class=\"no-border\">\n          <el-checkbox-group v-model=\"platforms\" style=\"padding: 5px 15px;\">\n            <el-checkbox v-for=\"item in platformsOptions\" :key=\"item.key\" :label=\"item.key\">\n              {{ item.name }}\n            </el-checkbox>\n          </el-checkbox-group>\n        </el-dropdown-menu>\n      </el-dropdown>\n\n      <el-dropdown trigger=\"click\">\n        <el-button plain>\n          Link<i class=\"el-icon-caret-bottom el-icon--right\" />\n        </el-button>\n        <el-dropdown-menu slot=\"dropdown\" class=\"no-padding no-border\" style=\"width:300px\">\n          <el-input v-model=\"url\" placeholder=\"Please enter the content\">\n            <template slot=\"prepend\">\n              Url\n            </template>\n          </el-input>\n        </el-dropdown-menu>\n      </el-dropdown>\n\n      <div class=\"time-container\">\n        <el-date-picker v-model=\"time\" type=\"datetime\" format=\"yyyy-MM-dd HH:mm:ss\" placeholder=\"Release time\" />\n      </div>\n\n      <el-button style=\"margin-left: 10px;\" type=\"success\">\n        publish\n      </el-button>\n    </sticky>\n\n    <div class=\"components-container\">\n      <aside>\n        Sticky header, When the page is scrolled to the preset position will be sticky on the top.\n      </aside>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <sticky :sticky-top=\"200\">\n        <el-button type=\"primary\"> placeholder</el-button>\n      </sticky>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n      <div>placeholder</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Sticky from '@/components/Sticky'\n\nexport default {\n  name: 'StickyDemo',\n  components: { Sticky },\n  data() {\n    return {\n      time: '',\n      url: '',\n      platforms: ['a-platform'],\n      platformsOptions: [\n        { key: 'a-platform', name: 'platformA' },\n        { key: 'b-platform', name: 'platformB' },\n        { key: 'c-platform', name: 'platformC' }\n      ],\n      pickerOptions: {\n        disabledDate(time) {\n          return time.getTime() > Date.now()\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style scoped>\n.components-container div {\n  margin: 10px;\n}\n\n.time-container {\n  display: inline-block;\n}\n</style>\n"]}]}