Skip to content

Commit da5d8cc

Browse files
committed
improve: simple example is more simple
remove bootstrap dependency
1 parent 3ab09df commit da5d8cc

File tree

2 files changed

+46
-9
lines changed

2 files changed

+46
-9
lines changed

examples/simple/index.html

+46-5
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,7 @@
44
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
55
<meta charset="utf-8">
66
<title>Demo of vue-form-generator</title>
7-
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.css">
8-
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css">
7+
<link rel="stylesheet" type="text/css" href="../../dist/vue-form-generator.css">
98

109
<style>
1110
html {
@@ -22,6 +21,51 @@
2221
pre .null { color: red; }
2322
pre .key { color: green; }
2423

24+
.container {
25+
max-width: 970px;
26+
padding-right: 15px;
27+
padding-left: 15px;
28+
margin-right: auto;
29+
margin-left: auto;
30+
}
31+
32+
h1 {
33+
text-align: center;
34+
font-size: 36px;
35+
margin-top: 20px;
36+
margin-bottom: 10px;
37+
font-weight: 500;
38+
}
39+
40+
fieldset {
41+
border: 0;
42+
}
43+
44+
.panel {
45+
margin-bottom: 20px;
46+
background-color: #fff;
47+
border: 1px solid transparent;
48+
border-radius: 4px;
49+
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
50+
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
51+
border-color: #ddd;
52+
}
53+
54+
.panel-heading {
55+
color: #333;
56+
background-color: #f5f5f5;
57+
border-color: #ddd;
58+
59+
padding: 10px 15px;
60+
border-bottom: 1px solid transparent;
61+
border-top-left-radius: 3px;
62+
border-top-right-radius: 3px;
63+
}
64+
65+
.panel-body {
66+
padding: 15px;
67+
}
68+
2569
</style>
2670
</head>
2771

@@ -43,9 +87,6 @@ <h1 class="text-center">Demo of vue-form-generator</h1>
4387
</div>
4488

4589
</div>
46-
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
47-
<script type="text/javascript" src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.js"></script>
48-
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.3.0/lodash.min.js"></script>
4990
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.21/vue.min.js"></script>
5091
<script type="text/javascript" src="../../dist/vue-form-generator.js"></script>
5192
<script type="text/javascript" src="./main.js"></script>

webpack.build.config.js

-4
Original file line numberDiff line numberDiff line change
@@ -46,11 +46,7 @@ module.exports = [
4646
loaders: {
4747
css: ExtractTextPlugin.extract('css'),
4848
postcss: ExtractTextPlugin.extract('css'),
49-
// less: ExtractTextPlugin.extract('css!less'),
50-
// sass: ExtractTextPlugin.extract('css!sass?indentedSyntax'),
5149
sass: ExtractTextPlugin.extract('css!sass'),
52-
// stylus: ExtractTextPlugin.extract('css!stylus'),
53-
// styl: ExtractTextPlugin.extract('css!stylus')
5450
}
5551
},
5652

0 commit comments

Comments
 (0)