{"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\\back-to-top.vue?vue&type=style&index=0&id=1fda87ac&scoped=true&lang=css&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\back-to-top.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnBsYWNlaG9sZGVyLWNvbnRhaW5lciBkaXYgewogIG1hcmdpbjogMTBweDsKfQo="},{"version":3,"sources":["back-to-top.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJA;AACA;AACA","file":"back-to-top.vue","sourceRoot":"src/views/components-demo","sourcesContent":["<template>\n <div class=\"components-container\">\n <aside>\n When the page is scrolled to the specified position, the Back to Top button appears in the lower right corner\n </aside>\n <aside>\n You can customize the style of the button, show / hide, height of appearance, height of the return. If you need a text prompt, you can use element-ui el-tooltip elements externally\n </aside>\n <div class=\"placeholder-container\">\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>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>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 <!-- you can add element-ui's tooltip -->\n <el-tooltip placement=\"top\" content=\"tooltip\">\n <back-to-top :custom-style=\"myBackToTopStyle\" :visibility-height=\"300\" :back-position=\"50\" transition-name=\"fade\" />\n </el-tooltip>\n </div>\n</template>\n\n<script>\nimport BackToTop from '@/components/BackToTop'\n\nexport default {\n name: 'BackToTopDemo',\n components: { BackToTop },\n data() {\n return {\n // customizable button style, show/hide critical point, return position\n myBackToTopStyle: {\n right: '50px',\n bottom: '50px',\n width: '40px',\n height: '40px',\n 'border-radius': '4px',\n 'line-height': '45px', // 请保持与高度一致以垂直居中 Please keep consistent with height to center vertically\n background: '#e7eaf1'// 按钮的背景颜色 The background color of the button\n }\n }\n }\n}\n</script>\n\n<style scoped>\n.placeholder-container div {\n margin: 10px;\n}\n</style>\n"]}]}
|
