Skip to content

Commit aea79f2

Browse files
nqdy666nqdy666
committed
添加theme-onc-dark主题
1 parent a030ccf commit aea79f2

File tree

11 files changed

+521
-1
lines changed

11 files changed

+521
-1
lines changed

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,7 @@ npm start
6161
- 当个主题查看
6262
```
6363
npm start -- --env.SINGLE_ENTRY=element-rj-ivg
64+
npm start -- --env.SINGLE_ENTRY=element-rj-onc-dark
6465
```
6566

6667
- 打包

‎html/element-rj-onc-dark.html‎

Lines changed: 223 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,223 @@
1+
<html lang="en">
2+
<head>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
6+
<title>Document</title>
7+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui/lib/theme-chalk/index.css">
8+
<style>
9+
html,body,#app {
10+
height: 100%;
11+
}
12+
*, *:before, *:after {
13+
box-sizing:border-box;
14+
}
15+
body,p {
16+
margin:0;
17+
}
18+
#app > div {
19+
height: 100%;
20+
overflow: auto;
21+
}
22+
.vve-onc-block-div {
23+
width: 500px;
24+
padding: 20px;
25+
}
26+
.bg-table {
27+
background:linear-gradient(0deg,rgba(40,45,60,1),rgba(48,64,84,1));
28+
}
29+
</style>
30+
</head>
31+
<body class="theme-onc-dark">
32+
<div id="app" class="vve-container-main">
33+
<div>
34+
<div class="vve-onc-block-div">
35+
<el-tabs value="first">
36+
<el-tab-pane label="用户管理" name="first">
37+
<i class="el-icon-plus"></i>
38+
<el-button type="text" size="small">文本按钮</el-button>
39+
<el-button type="primary" size="small">主要按钮</el-button>
40+
<el-button type="default" size="small">默认按钮</el-button>
41+
<el-button type="text" disabled size="small">文本按钮</el-button>
42+
<el-button type="default" disabled size="small">主要按钮</el-button>
43+
<el-button type="primary" disabled size="small">默认按钮</el-button>
44+
<div style="margin: 10px 0;">
45+
<el-button type="text" round size="small">文本按钮</el-button>
46+
<el-button type="primary" round size="small">主要按钮</el-button>
47+
<el-button type="default" round size="small">默认按钮</el-button>
48+
<el-button type="text" round disabled size="small">文本按钮</el-button>
49+
<el-button type="default" round disabled size="small">主要按钮</el-button>
50+
<el-button type="primary" round disabled size="small">默认按钮</el-button>
51+
<el-button type="info" round size="small">信息按钮</el-button>
52+
<el-button type="info" round disabled size="small">信息按钮</el-button>
53+
</div>
54+
<el-input value="aaa" size="small"></el-input>
55+
<el-input value="aaa" disabled size="small"> </el-input>
56+
<el-input placeholder="请输入" size="small"></el-input>
57+
<el-input placeholder="请输入" suffix-icon="el-icon-date" size="small"></el-input>
58+
<el-select placeholder="请输入内容" size="small" value="黄金糕">
59+
<el-option value="黄金糕" label="黄金糕"></el-option>
60+
<el-option value="双皮奶" label="双皮奶"></el-option>
61+
<el-option value="龙须面" label="龙须面"></el-option>
62+
</el-select>
63+
64+
<el-select placeholder="请输入内容" size="small" value="黄金糕" disabled>
65+
<el-option value="黄金糕" label="黄金糕"></el-option>
66+
<el-option value="双皮奶" label="双皮奶"></el-option>
67+
<el-option value="龙须面" label="龙须面"></el-option>
68+
</el-select>
69+
70+
<el-checkbox>备选项</el-checkbox>
71+
<el-checkbox disabled :value="true">备选项</el-checkbox>
72+
<el-radio>备选项</el-radio>
73+
<el-radio disabled :value="true">备选项</el-radio>
74+
75+
<!-- <el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start" manual value>
76+
<el-button>上左</el-button>
77+
</el-tooltip> -->
78+
<el-radio-group v-model="radioGroup">
79+
<el-radio-button label="上海"></el-radio-button>
80+
<el-radio-button label="北京"></el-radio-button>
81+
<el-radio-button label="广州"></el-radio-button>
82+
<el-radio-button label="深圳"></el-radio-button>
83+
</el-radio-group>
84+
</el-tab-pane>
85+
<el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
86+
<el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
87+
<el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
88+
</el-tabs>
89+
90+
</div>
91+
<div style="padding: 10px;">
92+
<el-table class="bg-table vve-table-bg-transaprent"
93+
:data="tableData" :border="true">
94+
<el-table-column
95+
prop="date"
96+
label="日期"
97+
width="180">
98+
</el-table-column>
99+
<el-table-column
100+
prop="name"
101+
label="姓名"
102+
width="180">
103+
</el-table-column>
104+
<el-table-column
105+
prop="address"
106+
label="地址">
107+
</el-table-column>
108+
</el-table>
109+
</div>
110+
<div>
111+
<el-table
112+
:data="tableData"
113+
style="width: 600px;">
114+
<el-table-column
115+
fixed
116+
prop="date"
117+
label="日期"
118+
width="150">
119+
</el-table-column>
120+
<el-table-column
121+
prop="name"
122+
label="姓名"
123+
width="120">
124+
</el-table-column>
125+
<el-table-column
126+
prop="province"
127+
label="省份"
128+
width="120">
129+
</el-table-column>
130+
<el-table-column
131+
prop="city"
132+
label="市区"
133+
width="120">
134+
</el-table-column>
135+
<el-table-column
136+
prop="address"
137+
label="地址"
138+
width="300">
139+
</el-table-column>
140+
<el-table-column
141+
prop="zip"
142+
label="邮编"
143+
width="120">
144+
</el-table-column>
145+
<el-table-column
146+
fixed="right"
147+
label="操作"
148+
width="100">
149+
<template slot-scope="scope">
150+
<el-button type="text" size="small">查看</el-button>
151+
<el-button type="text" size="small">编辑</el-button>
152+
</template>
153+
</el-table-column>
154+
</el-table>
155+
</div>
156+
157+
<div style="width: 50%;margin: 0 auto; height: 300px;padding: 20px;">
158+
<el-table
159+
:data="tableData"
160+
style="width: 100%">
161+
<el-table-column
162+
prop="date"
163+
label="日期"
164+
width="180">
165+
</el-table-column>
166+
<el-table-column
167+
prop="name"
168+
label="姓名"
169+
width="180">
170+
</el-table-column>
171+
<el-table-column
172+
prop="address"
173+
label="地址">
174+
</el-table-column>
175+
</el-table>
176+
<el-pagination :current-page="1" :page-sizes='[50,100,200]' :page-size="50" :total="100" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
177+
</div>
178+
</div>
179+
<el-dialog
180+
title="提示"
181+
:visible="false"
182+
width="30%"
183+
append-to-body
184+
:before-close="dialogVisible = false">
185+
<span>这是一段信息</span>
186+
<span slot="footer" class="dialog-footer">
187+
<el-button round type="primary" @click="dialogVisible = false">确 定</el-button>
188+
<el-button round type="info" @click="dialogVisible = false">取 消</el-button>
189+
</span>
190+
</el-dialog>
191+
</div>
192+
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script>
193+
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.0/lib/index.js"></script>
194+
<script>
195+
var vueApp = new Vue({
196+
el: '#app',
197+
data() {
198+
return {
199+
dialogVisible: true,
200+
radioGroup: '上海',
201+
tableData: [{
202+
date: '2016-05-02',
203+
name: '王小虎',
204+
address: '上海市普陀区金沙江路 1518 弄'
205+
}, {
206+
date: '2016-05-04',
207+
name: '王小虎',
208+
address: '上海市普陀区金沙江路 1517 弄'
209+
}, {
210+
date: '2016-05-01',
211+
name: '王小虎',
212+
address: '上海市普陀区金沙江路 1519 弄'
213+
}, {
214+
date: '2016-05-03',
215+
name: '王小虎',
216+
address: '上海市普陀区金沙江路 1516 弄'
217+
}]
218+
}
219+
},
220+
})
221+
</script>
222+
</body>
223+
</html>

‎package-lock.json‎

Lines changed: 65 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,5 +37,8 @@
3737
"name": "nianqin",
3838
"url": "https://github.com/nqdy666"
3939
}
40-
]
40+
],
41+
"dependencies": {
42+
"element-ui": "^2.13.1"
43+
}
4144
}

‎src/rj-themes/onc-dark.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
import './onc-dark/index.scss';

‎src/rj-themes/onc-dark/README.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
2+
### 主题颜色
3+
ONC深色背景，强定制
4+
5+
### element ui 版本
6+
2.13.1
7+
8+
### element ui 地址
9+
https://element.eleme.cn/#/zh-CN/theme/preview

‎src/rj-themes/onc-dark/images/left.png‎

443 Bytes
Loading

‎src/rj-themes/onc-dark/images/right.png‎

337 Bytes
Loading

0 commit comments

Comments
 (0)