service.portal.less
3.45 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
.wev-content,.wev-page-portal {
overflow-x: hidden;
background-color: #fff;
}
.wev-page-portal .portal-category:before{
content: "";
background: #efeff3;
display: block;
height: 10px;
width: 100%;
}
.wev-page-portal .portal-title{
padding: 8px 0px;
font-size: 15px;
}
.wev-page-portal .portal-title>span:first-child {
color:#333;
padding-left:10px;
}
/* 宫格用css */
.wev-page-portal .portal-square{
position: relative;
width: 100%;
}
.wev-page-portal .portal-square-inner{
padding: 0;
margin: 10px 0px 5px 0px;
width: 100%;
height: 100%;
}
.wev-page-portal .portal-square-inner>li{
width: calc(96% / 4); /* calc里面的运算符两边要空格 */
margin-right: 1%;
margin-bottom: 10px;
overflow: hidden;
position: relative;
}
.wev-page-portal .portal-square-inner .sort-hidden{
height: 0px !important;
margin-bottom: 0px !important;
}
.wev-page-portal .portal-flex{
display: flex;
flex-wrap: wrap;
}
.wev-page-portal .portal-flex>li{
flex-grow: 1; /* 子元素按1/n的比例进行拉伸 */
text-align: center;
font-size: @font-size-base;
}
.wev-page-portal .portal-text {
width: 100%;
margin-top: 4px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: @font-size-sm;
height: @font-size-base;
line-height: @font-size-base;
color: #666;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.wev-page-portal .portal-flex>li>a {
display: block;
padding: inherit;
overflow: hidden;
z-index: 2;
}
.wev-page-portal .portal-flex .wev-badge {
top: 0;
left: 55%;
position: absolute;
}
.wev-page-portal.portal-editing .portal-flex .wev-badge{
display: none;
}
.portal-items .portal-items-small{
line-height: 40px;
height: 40px;
}
.portal-items .portal-item-dragtips{
font-size: @font-size-sm !important;
color: #666 !important;
}
.portal-items .portal-items-small>span:first-child{
float: left;
padding:0 5px 0 10px;
font-size: @font-size-base;
color: #444;
}
.portal-items .portal-items-small>span:last-child,.portal-done-btn{
float: right;
height: 25px;
border: var(--themeColor) solid 1px;
line-height: 25px;
margin-right: 10px;
padding: 0 5px;
margin-top: 6px;
color: var(--themeColor);
border-radius: 5px;
font-size: @font-size-base;
}
.portal-items .portal-items-small>span:nth-child(2){
display: inline-block;
width: 60%;
overflow: hidden;
height: 40px;
line-height: 20px;
}
.portal-items .portal-items-small>span>img{
height:20px;
width:20px;
margin-top: 10px;
padding-right: 2px;
}
.portal-items .portal-items-big{
display:none;
}
.portal-items-big .portal-done-btn{
margin-top: -2px !important;
}
.wev-page-portal.portal-editing .portal-item-edit{
display: block;
}
.portal-square .portal-item-edit{
top: 0px;
width:@font-size-sm;
height:@font-size-sm;
font-size: @font-size-sm;
line-height: @font-size-sm;
color: #fff;
border-radius: 50%;
text-align: center;
position: absolute;
left: 70%;
display: none;
}
.portal-square .portal-item-edit.portal-item-del{
background-color: #dd524d;
}
.portal-square .portal-item-edit.portal-item-del:before{
content: '-';
}
.portal-square .portal-item-edit.portal-item-add{
background-color: var(--themeColor);
}
.portal-square .portal-item-edit.portal-item-add:before{
content: '+';
}
.portal-items-select .portal-square .portal-item-edit.portal-item-del{
display: none;
}