Skip to content

Navigation Menu

Sign in

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit c21a5d3

Browse filesBrowse files
author
spt
committed
自定义组件
1 parent 2cbcb9c commit c21a5d3
Copy full SHA for c21a5d3

20 files changed

+1320
-18
lines changed

‎doc/npm .txt

Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
npm install sass-loader node-sass webpack --save-dev

‎doc/快捷键

Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
代码格式化: Shift+Alt+F

‎package.json

Copy file name to clipboardExpand all lines: package.json
+8-1Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,12 @@
1919
"vue": "^2.3.3",
2020
"vue-class-component": "^5.0.2",
2121
"vue-property-decorator": "^5.1.0",
22-
"vue-router": "^2.3.1"
22+
"vue-router": "^2.3.1",
23+
"moment": "^2.18.1",
24+
"vue-moment": "^2.0.2",
25+
"axios": "^0.15.3",
26+
"vue-infinite-scroll": "^2.0.1",
27+
"font-awesome": "^4.7.0"
2328
},
2429
"devDependencies": {
2530
"autoprefixer": "^6.7.2",
@@ -49,10 +54,12 @@
4954
"friendly-errors-webpack-plugin": "^1.1.3",
5055
"html-webpack-plugin": "^2.28.0",
5156
"http-proxy-middleware": "^0.17.3",
57+
"node-sass": "^4.5.3",
5258
"opn": "^4.0.2",
5359
"optimize-css-assets-webpack-plugin": "^1.3.0",
5460
"ora": "^1.2.0",
5561
"rimraf": "^2.6.0",
62+
"sass-loader": "^6.0.6",
5663
"semver": "^5.3.0",
5764
"shelljs": "^0.7.6",
5865
"url-loader": "^0.5.8",

‎src/App.vue

Copy file name to clipboardExpand all lines: src/App.vue
+3-3Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<div id="app">
3-
<img src="./assets/logo.png">
3+
<!--<img src="./assets/logo.png">-->
44
<router-view></router-view>
55
</div>
66
</template>
@@ -14,12 +14,12 @@ export default {
1414
</script>
1515

1616
<style>
17-
#app {
17+
/*#app {
1818
font-family: 'Avenir', Helvetica, Arial, sans-serif;
1919
-webkit-font-smoothing: antialiased;
2020
-moz-osx-font-smoothing: grayscale;
2121
text-align: center;
2222
color: #2c3e50;
2323
margin-top: 60px;
24-
}
24+
}*/
2525
</style>

‎src/assets/css/element.scss

Copy file name to clipboard
+90Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
.el-input__inner {
2+
height: 30px;
3+
border-radius: 2px;
4+
border-color: #b7b6b7;
5+
}
6+
.el-tag {
7+
&--gray {
8+
position: relative;
9+
padding-right: 25px;
10+
margin-right: 10px;
11+
max-width: 100px;
12+
overflow: hidden;
13+
text-overflow: ellipsis;
14+
white-space: nowrap;
15+
}
16+
.el-icon-close {
17+
position: absolute;
18+
top: 50%;
19+
right: 4px;
20+
transform: translate(0, -50%);
21+
}
22+
}
23+
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
24+
border-left-color: #fff;
25+
border-top-color: #41b4ec;
26+
border-top-width: 4px;
27+
border-radius: 0;
28+
}
29+
.main-nav {
30+
height: 60px;
31+
border-bottom: 1px solid #dfdfdf;
32+
display: flex;
33+
align-items: center;
34+
35+
36+
.el-tabs__header {
37+
border: 0;
38+
margin-bottom: 0;
39+
}
40+
41+
.el-tabs__item {
42+
font-size: 14px;
43+
font-weight: bold;
44+
}
45+
46+
.el-tabs__item.is-active {
47+
color: #41b4ec;
48+
}
49+
50+
.el-tabs__active-bar {
51+
display: none;
52+
}
53+
}
54+
.el-button {
55+
padding: 8px 26px;
56+
&[type=submit] {
57+
display: none;
58+
}
59+
}
60+
.el-button--primary {
61+
background-color: #41b4ec;
62+
border-color: #41b4ec;
63+
}
64+
.sub-nav.el-tabs--border-card {
65+
>.el-tabs__header {
66+
background-color: #fff;
67+
68+
.el-tabs__item {
69+
position: relative;
70+
padding: 10px 20px;
71+
height: auto;
72+
font-weight: 500;
73+
}
74+
75+
.el-tabs__item.is-active {
76+
color: #333;
77+
}
78+
79+
.el-tabs__item.is-active::before {
80+
position: absolute;
81+
left: 0;
82+
top: 0;
83+
right: 0;
84+
content: '';
85+
display: block;
86+
border-radius: 0;
87+
border-top: 4px solid #41b4ec;
88+
}
89+
}
90+
}

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.