Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
dev
/
pingan-life-index-pro
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
dfb049f0
authored
2019-11-21 19:30:52 +0800
by
simon
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
定义字号边距
1 parent
3ef94794
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
15 additions
and
86 deletions
src/App.vue
src/components/home/header/header.vue
src/styles/_var.scss
src/App.vue
View file @
dfb049f
...
...
@@ -68,6 +68,10 @@ html {
box-sizing
:
border-box
;
}
body
{
font-size
:
14px
;
}
html
,
body
{
-webkit-text-size-adjust
:
none
;
...
...
@@ -255,22 +259,18 @@ input::-webkit-search-cancel-button {
//
}
::-webkit-input-placeholder
{
/* WebKit, Blink, Edge */
color
:
$
cGray
;
opacity
:
1
;
}
:-moz-placeholder
{
/* Mozilla Firefox 4 to 18 */
color
:
$
cGray
;
opacity
:
1
;
}
::-moz-placeholder
{
/* Mozilla Firefox 19+ */
color
:
$
cGray
;
opacity
:
1
;
}
:-ms-input-placeholder
{
/* Internet Explorer 10-11 */
color
:
$
cGray
;
opacity
:
1
;
}
...
...
@@ -348,58 +348,6 @@ textarea {
border
:
1px
solid
$
cOrange
;
}
.app__width
{
width
:
750px
;
}
.app__width
{
width
:
750px
;
}
.app__inner
{
margin
:
20px
;
}
.app__title
{
font-size
:
$
fontSize
;
line-height
:
$
fontSize
+
4px
;
font-weight
:
bold
;
padding-bottom
:
10px
;
margin-bottom
:
20px
;
border-bottom
:
0.5px
solid
#eeeeee
;
}
.app__desc
{
font-size
:
$
fontSizeSmaller
;
line-height
:
$
fontSizeSmaller
+
2px
;
margin-bottom
:
20px
;
color
:
$
colorGray
;
}
.app__bgc
{
position
:
fixed
;
background-color
:
#ffffff
;
width
:
100%
;
height
:
100%
;
}
.app__bg
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
}
.app__top-shadow
{
position
:
fixed
;
width
:
750px
;
height
:
1px
;
box-shadow
:
0px
4px
0.9px
0.1px
rgba
(
6
,
0
,
1
,
0.07
);
background-color
:
#ffffff
;
}
.app__content
{
position
:
relative
;
}
.swiper-pagination-bullet
{
width
:
1rem
!important
;
...
...
src/components/home/header/header.vue
View file @
dfb049f
...
...
@@ -11,8 +11,6 @@
</div>
<div
class=
"nav-item search"
>
</div>
<div
class=
"nav-item submit"
>
</div>
<div
class=
"nav-item auth"
>
<v-dropdown
class=
"lang"
:type=
"'login'"
:data-obj=
"loginData"
:data-list=
"loginData.list"
></v-dropdown>
<v-dropdown
class=
"lang"
:type=
"'lang'"
:data-obj=
"langData"
:data-list=
"langData.list"
></v-dropdown>
...
...
src/styles/_var.scss
View file @
dfb049f
...
...
@@ -7,39 +7,22 @@
*/
// Margin
$marginTopSmaller
:
20px
;
$marginTopSmall
:
30px
;
$marginTopMedium
:
40px
;
$marginTopLarge
:
60px
;
$marginTopLarger
:
80px
;
$marginSmall
:
10px
;
// 小间距
$marginMedium
:
28px
;
// 间距
// $marginLarge: 28px;
// Padding
$paddingTopSmaller
:
20px
;
$paddingTopSmall
:
30px
;
$paddingTopMedium
:
40px
;
$paddingTopLarge
:
60px
;
$paddingTopLarger
:
80px
;
// Color
$colorBlue
:
#20A0FF
;
$colorGreen
:
#13CE66
;
$colorGray
:
#475669
;
$colorBlack
:
#000
;
$colorRed
:
#FF4949
;
$colorYellow
:
#F7BA2A
;
$color
:
#787878
;
$colorLink
:
#1D8CE0
;
$backGroundColor
:
#fff
;
$paddingSmall
:
10px
;
$paddingMedium
:
28px
;
// $paddingLarge: 28px;
// Font
$fontSize
:
32px
;
$fontSizeSmall
:
28px
;
$fontSizeSmaller
:
24px
;
$fontSizeLarge
:
36px
;
$fontSizeLarger
:
44px
;
$fontSizeTitle
:
16px
;
$fontSize
:
14px
;
$fontSizeSmall
:
12px
;
// Color
$colorGray
:
#475669
;
$cOrange
:
#f05a23
;
$cGreen
:
#006441
;
$cGray
:
#bfbfbf
;
...
...
Please
register
or
sign in
to post a comment