Skip to content

Commit 2af337d

Browse files
author
黄书伟
committed
update
1 parent 1a148ef commit 2af337d

File tree

5 files changed

+750
-0
lines changed

5 files changed

+750
-0
lines changed

‎libs/themes-base/v-dropdown.css‎

Lines changed: 235 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,235 @@
1+
@charset "UTF-8";
2+
3+
/*设置尺寸 start*/
4+
.v-dropdown--large .v-dropdown-selected,
5+
.v-dropdown--large .v-dropdown-items-li{
6+
font-size:16px;
7+
height:40px;
8+
line-height: 40px;
9+
}
10+
.v-dropdown--large .v-dropdown-selected-i{
11+
line-height:40px !important;
12+
}
13+
.v-dropdown--large .v-dropdown-selected{
14+
/* width:120px;*/
15+
}
16+
.v-dropdown--large .v-dropdown-items{
17+
/* min-width: 120px;*/
18+
}
19+
20+
21+
.v-dropdown--middle .v-dropdown-selected,
22+
.v-dropdown--middle .v-dropdown-items-li{
23+
font-size:14px;
24+
height:32px;
25+
line-height: 32px;
26+
}
27+
.v-dropdown--middle .v-dropdown-selected-i{
28+
line-height:32px !important;
29+
}
30+
.v-dropdown--middle .v-dropdown-selected{
31+
/* width:100px;*/
32+
}
33+
.v-dropdown--middle .v-dropdown-items{
34+
/* min-width: 100px;*/
35+
}
36+
37+
38+
.v-dropdown--small .v-dropdown-selected,
39+
.v-dropdown--small .v-dropdown-items-li{
40+
font-size:13px;
41+
height:24px;
42+
line-height: 24px;
43+
}
44+
.v-dropdown--small .v-dropdown-selected-i{
45+
line-height:24px !important;
46+
}
47+
.v-dropdown--small .v-dropdown-selected{
48+
/* width:90px;*/
49+
}
50+
.v-dropdown--small .v-dropdown-items{
51+
/* min-width: 90px;*/
52+
}
53+
/*设置尺寸 end*/
54+
55+
.v-dropdown{
56+
display: inline-table;
57+
margin: 0;
58+
}
59+
60+
.v-dropdown-dd,.v-dropdown-dt{
61+
z-index: 9999;
62+
}
63+
64+
.v-dropdown-dd,.v-dropdown-dt,.v-dropdown-items {
65+
margin:0px;
66+
padding:0px;
67+
background-color: #fff;
68+
}
69+
70+
.v-dropdown-items{
71+
overflow:hidden;
72+
text-overflow:ellipsis;
73+
word-wrap:normal;
74+
white-space: nowrap;
75+
}
76+
77+
.v-dropdown a, .v-dropdown a:visited {
78+
color:#000;
79+
text-decoration:none;
80+
outline:none;
81+
}
82+
83+
.v-dropdown-selected {
84+
position: relative;
85+
display:block;
86+
border:1px solid #c8cdd4;
87+
border-radius: 2px;
88+
}
89+
90+
.v-dropdown-selected:hover {
91+
color:#0092dd;
92+
border-color:#0092dd;
93+
}
94+
95+
.v-dropdown-selected-span {
96+
width: 80%;
97+
display:block !important;/*修复会被别的样式覆盖的问题*/
98+
text-align: center;
99+
cursor:pointer;
100+
white-space: nowrap;
101+
overflow: hidden;
102+
padding-left: 2px;
103+
}
104+
105+
.v-dropdown-input{
106+
-webkit-appearance: none;
107+
-moz-appearance: none;
108+
appearance: none;
109+
background-color: #fff;
110+
background-image: none;
111+
/* border-radius: 4px;*/
112+
border: 1px solid #fff;
113+
box-sizing: border-box;
114+
color: #1f2d3d;
115+
display: inline-block;
116+
font-size: inherit;
117+
/* height: 36px;*/
118+
line-height: 1;
119+
outline: none;
120+
padding-left: 2px;
121+
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
122+
width: 80%;
123+
text-align: left;
124+
125+
}
126+
127+
.v-dropdown-selected-i{
128+
display: inline-block;
129+
position: absolute;
130+
top:0;
131+
right:0;
132+
font-size: 120%;
133+
}
134+
135+
.v-dropdown-dd {
136+
position:absolute !important;
137+
z-index:9999999;
138+
}
139+
140+
.v-dropdown-items {
141+
/*position:absolute;*/
142+
position:fixed;
143+
top:2px;
144+
left:0px;
145+
list-style:none;
146+
border-radius: 2px;
147+
background-color: #fff;
148+
box-shadow: 0 2px 4px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.04);
149+
border:1px solid #d1dbe5;
150+
color:#C5C0B0;
151+
152+
padding:5px 0px;
153+
width:auto;
154+
}
155+
156+
.v-dropdown-items-li{
157+
white-space: nowrap;
158+
}
159+
160+
.v-dropdown-items-li.active{
161+
background-color:#0092dd;
162+
}
163+
164+
.v-dropdown-items-li.active a{
165+
color:#fff;
166+
}
167+
168+
.v-dropdown-items-li-a {
169+
width: 100%;
170+
display:block;
171+
padding-left: 8px;
172+
padding-right: 8px;
173+
}
174+
175+
.v-dropdown-items-li-a-left{
176+
text-align: left;
177+
178+
}
179+
180+
.v-dropdown-items-li-a-center{
181+
text-align: center;
182+
}
183+
184+
.v-dropdown-items-li-a-right{
185+
text-align: right;
186+
}
187+
188+
.v-dropdown-items-li:hover {
189+
background-color: #e4e8f1;
190+
color:#fff;
191+
}
192+
193+
.v-dropdown-items-li.active:hover{
194+
background-color:#0092dd;
195+
}
196+
/*------------分割线----------*/
197+
198+
.v-dropdown-items-multiple{
199+
display: table;
200+
width: 100%;
201+
padding: 5px;
202+
}
203+
204+
.v-dropdown-items-multiple span{
205+
vertical-align: middle;
206+
font-size: 14px;
207+
font-weight: normal;
208+
color: rgba(0, 0, 0, 0.65);
209+
}
210+
211+
.v-dropdown-items-multiple:hover{
212+
background-color: #e6f7ff;
213+
}
214+
215+
216+
/*操作功能开始*/
217+
.v-dropdown-operation {
218+
padding:8px 0 3px 0;
219+
font-size: 14px;
220+
border-top: 1px solid #e8e8e8;
221+
}
222+
223+
.v-dropdown-operation-item {
224+
padding: 0 8px;
225+
color:#495060;
226+
}
227+
228+
.v-dropdown-operation-item:last-child{
229+
float: right;
230+
}
231+
232+
.v-dropdown-operation-item:hover{
233+
color: #1890ff;
234+
}
235+
/*操作功能结束*/

‎libs/themes-blue/v-dropdown.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@charset "UTF-8";

‎libs/v-dropdown/index.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
7+
var _dropdown = require('./src/dropdown.vue');
8+
9+
var _dropdown2 = _interopRequireDefault(_dropdown);
10+
11+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12+
13+
_dropdown2.default.install = function (Vue) {
14+
Vue.component(_dropdown2.default.name, _dropdown2.default);
15+
};
16+
17+
exports.default = _dropdown2.default;

0 commit comments

Comments
 (0)