Skip to content

蒋波涛 / super_mapboxgl_vue

Go to a project
Toggle navigation
Toggle navigation pinning
1e47f312 by unknown
Options

20191215

1 parent c344db20
Inline Side-by-side
Showing 6 changed files with 78 additions and 19 deletions
......@@ -18,7 +18,8 @@ exports.cssLoaders = function (options) {
const cssLoader = {
loader: 'css-loader',
options: {
sourceMap: options.sourceMap
sourceMap: options.sourceMap,
minimize: true
}
}
......
......@@ -52,11 +52,12 @@ const webpackConfig = merge(baseWebpackConfig, {
}),
// Compress extracted CSS. We are using this plugin so that possible
// duplicated CSS from different components can be deduped.
new OptimizeCSSPlugin({
cssProcessorOptions: config.build.productionSourceMap
? { safe: true, map: { inline: false } }
: { safe: true }
}),
// 打包CSS生效
// new OptimizeCSSPlugin({
// cssProcessorOptions: config.build.productionSourceMap
// ? { safe: true, map: { inline: false } }
// : { safe: true }
// }),
// generate dist index.html with correct asset hash for caching.
// you can customize output by editing /index.html
// see https://github.com/ampedandwired/html-webpack-plugin
......
......@@ -2,7 +2,7 @@
* @Author: jiangbotao
* @Date: 2019-12-12 17:39:25
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 10:22:48
* @LastEditTime: 2019-12-15 15:48:43
* @FilePath: \supermapvue\index.html
-->
<!DOCTYPE html>
......@@ -14,9 +14,10 @@
<script src="./static/js/v3.0.11/turf.min.js"></script>
<script src="./static/js/v1.0.9/mapbox-gl-draw.js"></script>
<script src="./static/js/mapbox-gl-enhance.js"></script>
<script src="./static//js/styles.js"></script>
<script src="./static/js/styles.js"></script>
<link href='./static/css/mapbox-gl.css' rel='stylesheet' />
<link rel="stylesheet" href="./static/js/v1.0.9/mapbox-gl-draw.css" type="text/css"/>
</head>
<body style="padding: 0px; margin: 0px; overflow: hidden;">
<div id="app"></div>
......
......@@ -2,7 +2,7 @@
* @Author: jiangbotao
* @Date: 2019-12-12 17:40:15
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-15 13:28:05
* @LastEditTime: 2019-12-15 15:51:16
* @FilePath: \mymapbox\src\App.vue
-->
<template>
......@@ -44,7 +44,7 @@ export default {
}
</script>
<style>
<style scoped>
.ant-layout-header {
height: 64px;
padding: 0 25px;
......@@ -66,13 +66,6 @@ export default {
margin: 16px 28px 16px 0;
float: left;
}
.ant-layout-sider {
position: relative;
min-width: 0;
background:white;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.ant-layout-sider-trigger {
position: fixed;
bottom: 0;
......@@ -86,6 +79,13 @@ export default {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.ant-layout-sider {
position: relative;
min-width: 0;
background:white;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#app{
height: 100%;
}
......
......@@ -2,7 +2,7 @@
* @Author: jiangbotao
* @Date: 2019-12-13 23:53:57
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 12:09:23
* @LastEditTime: 2019-12-15 15:28:22
* @FilePath: \supermapvue\src\components\menu\MyMenu.vue
-->
<template>
......@@ -48,5 +48,17 @@
</a-menu>
</template>
<style scoped>
.ant-layout-sider-trigger {
position: fixed;
bottom: 0;
z-index: 1;
height: 48px;
color: #b73c3c;
line-height: 48px;
text-align: center;
background: #ffffff;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
</style>
\ No newline at end of file
......
.ant-layout-header {
height: 64px;
padding: 0 25px;
line-height: 64px;
background: #2e7fb4;
color: white;
font-size: 26px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #bb5905;
}
.ant-layout {
height: 100%;
}
#components-layout-demo-top-side-2 .logo {
width: 120px;
height: 31px;
background: rgba(255, 255, 255, 0.2);
margin: 16px 28px 16px 0;
float: left;
}
.ant-layout-sider {
position: relative;
min-width: 0;
background:white;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.ant-layout-sider-trigger {
position: fixed;
bottom: 0;
z-index: 1;
height: 48px;
color: #b73c3c;
line-height: 48px;
text-align: center;
background: #ffffff;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#app{
height: 100%;
}
\ No newline at end of file