You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
1.3 KiB

{"ast":null,"code":"export default {\n name: 'BackGround' // 添加组件名称\n // 其他组件选项\n};","map":{"version":3,"names":["name"],"sources":["D:\\vue\\demo\\src\\components\\background.vue"],"sourcesContent":["<template>\r\n \r\n\r\n <div class=\"main-content\">\r\n\r\n </div>\r\n \r\n</template>\r\n<style>\r\n .main-content {\r\n /* 设置背景为渐变色 */\r\n \r\n background: \r\n url('../assets/backtree.png'),linear-gradient(to bottom, rgba(252, 220, 215, 1) 0%, rgba(252, 220, 215, 1) 5%, rgba(255, 249, 161, 1) 25%, rgba(255, 249, 161, 1) 100%);\r\n box-sizing: border-box; /* 使内边距计算在总高度内 */\r\n \r\n background-size: 80; /* 使背景图覆盖整个区域 */\r\n background-position: center; /* 使背景图居中 */\r\n height: 100vh; /* 使主界面高度占满整个视口 */\r\n padding: 20px; /* 添加一些内边距 */\r\n box-sizing: border-box; /* 使内边距计算在总高度内 */\r\n }\r\n \r\n</style>\r\n<script>\r\n export default \r\n {\r\n name: 'BackGround', // 添加组件名称\r\n // 其他组件选项\r\n }\r\n </script>"],"mappings":"AAyBI,eACA;EACEA,IAAI,EAAE,YAAY,CAAE;EACpB;AACF","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}