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
a856c96a
authored
2020-04-09 20:39:18 +0800
by
simon
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
默认提交
1 parent
bc5307fa
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
41 additions
and
24 deletions
src/components/modal-protocol-comp/modal-protocol-comp.scss
src/components/modal-protocol-comp/modal-protocol-comp.vue
src/styles/_var.scss
src/components/modal-protocol-comp/modal-protocol-comp.scss
View file @
a856c96
...
...
@@ -20,59 +20,75 @@
background
:
rgba
(
$color
:
#000000
,
$alpha
:
0
.7
);
}
strong
{
font-weight
:
bold
;
// font-family: Verdana;
}
li
{
list-style
:
none
;
}
ul
{
li
{
font-size
:
$articleSmall
;
}
}
.modal
{
position
:
relative
;
width
:
60rem
;
min-height
:
18
.25rem
;
width
:
720px
;
min-height
:
222px
;
border-radius
:
$borderRadius
;
background-color
:
#ffffff
;
height
:
70vh
;
//
height: 70vh;
&
-title
{
position
:
relative
;
@extend
.bb
;
@include
border-top-radius
(
$borderRadius
);
@include
ellipsis
(
1
);
font-size
:
$fontSizeTitle
;
height
:
5rem
;
line-height
:
5rem
;
font-size
:
$articleStrong
;
font-weight
:
bold
;
height
:
60px
;
line-height
:
60px
;
background-color
:
#f2f2f2
;
text-align
:
left
;
padding
:
0
2
.75rem
;
padding
:
0
44px
;
.close-btn
{
position
:
absolute
;
top
:
2
rem
;
right
:
2
rem
;
top
:
2
4px
;
right
:
2
4px
;
}
}
&
-icon-wrap
{
@extend
.fcc
;
height
:
1
2rem
;
height
:
1
44px
;
}
&
-content
{
position
:
relative
;
@extend
.bb
;
font-size
:
$
fontSize
;
padding
:
$marginMedium-M
1rem
$marginMedium-M
2rem
;
height
:
6
2vh
;
font-size
:
$
articleNormal
;
padding
:
24px
24px
24px
44px
;
height
:
7
2vh
;
&
-desc
{
@extend
.bb
;
padding-right
:
24px
;
padding-top
:
20px
;
padding-bottom
:
12px
;
text-align
:
left
;
height
:
100%
;
overflow-y
:
scroll
;
line-height
:
2
;
padding-right
:
16px
;
.t1
{
font-weight
:
bold
;
}
line-height
:
1
.42
;
}
&
-desc
:lang
(
zh
)
{
letter-spacing
:
1
.2
px
;
letter-spacing
:
2
.15
px
;
}
}
...
...
@@ -81,8 +97,8 @@
justify-content
:
center
;
.btn
{
@include
btc2
(
1
2rem
,
3
.6rem
,
16px
);
margin
:
3
rem
1rem
0
;
@include
btc2
(
1
44px
,
44px
,
16px
);
margin
:
3
6px
12px
0
;
@extend
.pointer
;
}
}
...
...
@@ -92,6 +108,7 @@
display
:
none
;
}
@media
(
max-width
:
1200px
)
{
.comp
{
position
:
fixed
;
...
...
src/components/modal-protocol-comp/modal-protocol-comp.vue
View file @
a856c96
This diff is collapsed.
Click to expand it.
src/styles/_var.scss
View file @
a856c96
...
...
@@ -51,8 +51,8 @@ $cFontGray3: #666666;
$articleWidth
:
1040px
;
$articleTitleLarge
:
36
.5px
;
$articleStrong
:
24px
;
$articleNormal
:
2
1
.5
px
;
$articleSmall
:
1
7
.5
px
;
$articleNormal
:
2
2
px
;
$articleSmall
:
1
8
px
;
// 移动端
$marginSmall-M
:
10px
;
// 小间距
...
...
Please
register
or
sign in
to post a comment