Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
H
hls-easy-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
easyUI
hls-easy-ui
Commits
b6f84ab8
Commit
b6f84ab8
authored
Jun 28, 2019
by
Nature
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修复tab的分割线以及底部的边线
parent
4563f9db
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
17 additions
and
7 deletions
+17
-7
ionic-public-style.less
packages/common/styles/ionic-public-style.less
+1
-1
platform-iosx.less
packages/common/styles/platform-iosx.less
+2
-2
index.vue
packages/components/CheckBox/index.vue
+1
-1
tab-item.vue
packages/components/STab/tab-item.vue
+13
-3
No files found.
packages/common/styles/ionic-public-style.less
View file @
b6f84ab8
.has-footer {
.has-footer {
padding-bottom:
0.88rem;
padding-bottom:
1.6rem;
.scrollContent{
.scrollContent{
padding-bottom: 1.76rem;
padding-bottom: 1.76rem;
}
}
...
...
packages/common/styles/platform-iosx.less
View file @
b6f84ab8
...
@@ -8,7 +8,7 @@
...
@@ -8,7 +8,7 @@
bottom: 1.68rem;
bottom: 1.68rem;
}
}
.has-footer {
.has-footer {
padding-bottom:
1.56
rem;
padding-bottom:
2
rem;
.scrollContent{
.scrollContent{
padding-bottom: 2.84rem;
padding-bottom: 2.84rem;
}
}
...
@@ -34,7 +34,7 @@
...
@@ -34,7 +34,7 @@
bottom: 1.68rem;
bottom: 1.68rem;
}
}
.has-footer {
.has-footer {
padding-bottom:
1.56
rem;
padding-bottom:
2
rem;
.scrollContent{
.scrollContent{
padding-bottom: 2.84rem;
padding-bottom: 2.84rem;
}
}
...
...
packages/components/CheckBox/index.vue
View file @
b6f84ab8
<
template
>
<
template
>
<label
<label
:class=
"cusClass"
class=
"toggle toggle-positive toggle-check"
:class=
"cusClass"
class=
"toggle toggle-positive toggle-check"
@
touchstart
=
"checked"
>
@
click
=
"checked"
>
<input
:checked=
"value"
type=
"checkbox"
>
<input
:checked=
"value"
type=
"checkbox"
>
<div
class=
"track"
>
<div
class=
"track"
>
<div
class=
"handle"
/>
<div
class=
"handle"
/>
...
...
packages/components/STab/tab-item.vue
View file @
b6f84ab8
...
@@ -2,6 +2,7 @@
...
@@ -2,6 +2,7 @@
<section
class=
"h-tab-item"
@
click=
"titleClick"
>
<section
class=
"h-tab-item"
@
click=
"titleClick"
>
<div
class=
"h-item"
>
<div
class=
"h-item"
>
<slot/>
<slot/>
<div
class=
"bottom-border"
/>
</div>
</div>
<div
v-show=
"showDivider"
class=
"tab-divider"
/>
<div
v-show=
"showDivider"
class=
"tab-divider"
/>
</section>
</section>
...
@@ -59,9 +60,11 @@ export default {
...
@@ -59,9 +60,11 @@ export default {
display: flex;
display: flex;
align-items: center;
align-items: center;
justify-content: center;
justify-content: center;
position: relative;
.h-item {
.h-item {
//width: 100%;
width: 100%;
min-width: 80px;
font-size: 14px;
font-size: 14px;
height: 40px;
height: 40px;
color: #7c828d;
color: #7c828d;
...
@@ -71,12 +74,19 @@ export default {
...
@@ -71,12 +74,19 @@ export default {
justify-content: center;
justify-content: center;
// padding: 0 3px;
// padding: 0 3px;
border-bottom: 1px solid rgba(255, 255, 255, .0); /*no*/
border-bottom: 1px solid rgba(255, 255, 255, .0); /*no*/
.bottom-border{
width: 65%;
position: absolute;
bottom: 0;
}
}
}
&.activated {
&.activated {
.h-item {
.h-item {
color: #1e8ceb;
color: @headerColor;
border-bottom: 1px solid #1e8ceb; /*no*/
.bottom-border{
border-bottom: 1px solid @headerColor; /*no*/
}
}
}
}
}
.tab-divider {
.tab-divider {
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment