{"remainingRequest":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin-i18n/src/views/components-demo/sticky.vue?vue&type=style&index=0&id=153ef6f8&scoped=true&lang=css","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin-i18n/src/views/components-demo/sticky.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/css-loader/dist/cjs.js","mtime":1754408228038},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754408228340},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/postcss-loader/src/index.js","mtime":1754408228130},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouY29tcG9uZW50cy1jb250YWluZXIgZGl2IHsKICBtYXJnaW46IDEwcHg7Cn0KCi50aW1lLWNvbnRhaW5lciB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwp9Cg=="},{"version":3,"sources":["sticky.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HA;AACA;AACA;;AAEA;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>Sticky header, {{ $t('components.stickyTips') }}</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"]}]}