Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
Details
Activity
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
常超
founder_vue
Commits
f559336b
Commit
f559336b
authored
Jan 14, 2022
by
李姝悦
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改ui样式
parent
383965df
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
106 additions
and
45 deletions
+106
-45
src/views/zzwlr/xzry.scss
+104
-44
src/views/zzwlr/xzry.vue
+2
-1
No files found.
src/views/zzwlr/xzry.scss
View file @
f559336b
...
@@ -2,15 +2,14 @@
...
@@ -2,15 +2,14 @@
width
:
100%
;
width
:
100%
;
height
:
100%
;
height
:
100%
;
}
}
.top
{
.top
{
width
:
100%
;
width
:
100%
;
height
:
82px
;
height
:
82px
;
background
:
linear-gradient
(
background
:
linear-gradient
(
270deg
,
270deg
,
rgba
(
249
,
251
,
254
,
0
.5
)
0%
,
rgba
(
249
,
251
,
254
,
0
.5
)
0%
,
#f2f6fa
49%
,
#f2f6fa
49%
,
rgba
(
249
,
251
,
254
,
0
.5
)
100%
);
rgba
(
249
,
251
,
254
,
0
.5
)
100%
);
filter
:
blur
(
0px
);
filter
:
blur
(
0px
);
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
...
@@ -18,6 +17,7 @@
...
@@ -18,6 +17,7 @@
.fir
{
.fir
{
display
:
flex
;
display
:
flex
;
.cir
{
.cir
{
width
:
24px
;
width
:
24px
;
height
:
24px
;
height
:
24px
;
...
@@ -27,6 +27,7 @@
...
@@ -27,6 +27,7 @@
padding
:
3px
8px
;
padding
:
3px
8px
;
color
:
#fff
;
color
:
#fff
;
}
}
span
{
span
{
font-size
:
16px
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
...
@@ -34,12 +35,14 @@
...
@@ -34,12 +35,14 @@
line-height
:
22px
;
line-height
:
22px
;
margin-left
:
5px
;
margin-left
:
5px
;
}
}
.dashed
{
.dashed
{
margin
:
10px
10px
;
margin
:
10px
10px
;
width
:
112px
;
width
:
112px
;
height
:
1px
;
height
:
1px
;
border
:
1px
dashed
#055fe7
;
border
:
1px
dashed
#055fe7
;
}
}
.solid
{
.solid
{
margin
:
10px
10px
;
margin
:
10px
10px
;
width
:
112px
;
width
:
112px
;
...
@@ -47,8 +50,10 @@
...
@@ -47,8 +50,10 @@
background
:
#cccccc
;
background
:
#cccccc
;
}
}
}
}
.unactive
{
.unactive
{
display
:
flex
;
display
:
flex
;
.cir
{
.cir
{
width
:
24px
;
width
:
24px
;
height
:
24px
;
height
:
24px
;
...
@@ -59,6 +64,7 @@
...
@@ -59,6 +64,7 @@
color
:
#cccccc
;
color
:
#cccccc
;
background-color
:
#ECEDF1
;
background-color
:
#ECEDF1
;
}
}
span
{
span
{
font-size
:
16px
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
...
@@ -66,12 +72,14 @@
...
@@ -66,12 +72,14 @@
line-height
:
22px
;
line-height
:
22px
;
margin-left
:
5px
;
margin-left
:
5px
;
}
}
.dashed
{
.dashed
{
margin
:
10px
10px
;
margin
:
10px
10px
;
width
:
112px
;
width
:
112px
;
height
:
1px
;
height
:
1px
;
border
:
1px
dashed
#055fe7
;
border
:
1px
dashed
#055fe7
;
}
}
.solid
{
.solid
{
margin
:
10px
10px
;
margin
:
10px
10px
;
width
:
112px
;
width
:
112px
;
...
@@ -84,53 +92,64 @@
...
@@ -84,53 +92,64 @@
.content
{
.content
{
height
:
100%
;
height
:
100%
;
padding-bottom
:
168px
;
padding-bottom
:
168px
;
.el-form
{
.el-form
{
height
:
100%
;
height
:
100%
;
overflow
:
auto
;
overflow
:
auto
;
padding
:
0
245px
;
padding
:
0
245px
;
}
}
}
}
.inputBh
{
.inputBh
{
/
deep
/
.el-input-group__prepend
{
/
deep
/
.el-input-group__prepend
{
width
:
40px
;
width
:
40px
;
text-align
:
center
;
text-align
:
center
;
padding
:
0
;
padding
:
0
;
}
}
/
deep
/
.el-input__inner
{
/
deep
/
.el-input__inner
{
// width: 224px;
// width: 224px;
width
:
260px
;
width
:
260px
;
}
}
}
}
// 滚动条的宽度
// 滚动条的宽度
/
deep
/ .
el-form
:
:-
webkit-scrollbar
{
/
deep
/ .
el-form
:
:-
webkit-scrollbar
{
width
:
6px
;
// 横向滚动条
width
:
6px
;
// 横向滚动条
height
:
6px
;
// 纵向滚动条 必写
height
:
6px
;
// 纵向滚动条 必写
}
}
// 滚动条的滑块
// 滚动条的滑块
/
deep
/ .
el-form
:
:-
webkit-scrollbar-thumb
{
/
deep
/ .
el-form
:
:-
webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
background-color
:
#dadde0
;
border-radius
:
3px
;
border-radius
:
3px
;
}
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
background-color
:
#055fe7
;
border-color
:
#055fe7
;
border-color
:
#055fe7
;
}
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
background-color
:
#055fe7
;
border-color
:
#055fe7
;
border-color
:
#055fe7
;
}
}
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#333333
;
color
:
#333333
;
}
}
/
deep
/
.flexBox
{
/
deep
/
.flexBox
{
display
:
flex
;
display
:
flex
;
.el-checkbox
{
.el-checkbox
{
margin-right
:
24px
;
margin-right
:
24px
;
margin-bottom
:
10px
;
margin-bottom
:
10px
;
}
}
}
}
/
deep
/
.el-radio
{
/
deep
/
.el-radio
{
margin-right
:
30px
;
margin-right
:
30px
;
}
}
...
@@ -138,12 +157,14 @@
...
@@ -138,12 +157,14 @@
.title
{
.title
{
display
:
flex
;
display
:
flex
;
margin-top
:
30px
;
margin-top
:
30px
;
div
{
div
{
font-size
:
16px
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
color
:
#282f3c
;
line-height
:
24px
;
line-height
:
24px
;
}
}
.colorDiv
{
.colorDiv
{
width
:
4px
;
width
:
4px
;
height
:
16px
;
height
:
16px
;
...
@@ -153,6 +174,7 @@
...
@@ -153,6 +174,7 @@
margin-top
:
5px
;
margin-top
:
5px
;
}
}
}
}
/
deep
/
.el-button
{
/
deep
/
.el-button
{
width
:
72px
;
width
:
72px
;
height
:
40px
;
height
:
40px
;
...
@@ -161,6 +183,7 @@
...
@@ -161,6 +183,7 @@
border-radius
:
4px
;
border-radius
:
4px
;
border
:
1px
solid
#aeb5c2
;
border
:
1px
solid
#aeb5c2
;
}
}
/
deep
/
.el-button--default
{
/
deep
/
.el-button--default
{
border-color
:
#AEB5C2
;
border-color
:
#AEB5C2
;
color
:
#2E3846
;
color
:
#2E3846
;
...
@@ -168,6 +191,7 @@
...
@@ -168,6 +191,7 @@
width
:
156px
;
width
:
156px
;
height
:
40px
;
height
:
40px
;
}
}
/
deep
/
.el-button--primary
{
/
deep
/
.el-button--primary
{
border-color
:
#055fe7
;
border-color
:
#055fe7
;
background
:
#055fe7
;
background
:
#055fe7
;
...
@@ -176,31 +200,47 @@
...
@@ -176,31 +200,47 @@
width
:
72px
;
width
:
72px
;
height
:
40px
;
height
:
40px
;
}
}
/
deep
/
.el-button
+
.el-button
{
/
deep
/
.el-button
+
.el-button
{
margin-left
:
24px
;
margin-left
:
24px
;
}
}
/
deep
/
.el-textarea__inner
{
/
deep
/
.el-textarea__inner
{
width
:
845px
;
width
:
845px
;
height
:
76px
;
height
:
76px
;
overflow
:
auto
;
overflow
:
auto
;
background
:
#F6F8FA
;
box-shadow
:
inset
0px
1px
2px
0px
rgba
(
5
,
95
,
231
,
0
.18
);
border-radius
:
4px
;
border
:
1px
solid
#EEEEEE
;
}
}
/
deep
/
.el-row
{
/
deep
/
.el-row
{
margin-bottom
:
24px
;
margin-bottom
:
24px
;
}
}
.el-form-item
{
.el-form-item
{
width
:
470px
;
width
:
470px
;
}
}
.title
,
.el-divider--horizontal
,
.el-checkbox-group
{
margin-left
:
55px
;
.title
,
.el-divider--horizontal
,
.el-checkbox-group
{
margin-left
:
55px
;
}
}
.item-row
{
.item-row
{
display
:
flex
;
display
:
flex
;
justify-content
:
space-between
;
justify-content
:
space-between
;
align-items
:
center
;
align-items
:
center
;
}
}
/
deep
/
.el-input__inner
{
/
deep
/
.el-input__inner
{
width
:
300px
;
width
:
300px
;
}
}
/
deep
/
.el-form-item__label
{
/
deep
/
.el-form-item__label
{
width
:
160px
;
width
:
160px
;
padding
:
0
;
padding
:
0
;
...
@@ -208,18 +248,25 @@
...
@@ -208,18 +248,25 @@
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
color
:
#333333
;
}
}
/
deep
/
.el-divider--horizontal
{
/
deep
/
.el-divider--horizontal
{
width
:
89%
!
important
;
width
:
89%
!
important
;
}
}
.bz
{
.bz
{
margin-left
:
70px
;
margin-left
:
70px
;
.el-form-item
{
width
:
1300px
;
.el-form-item
{
}
width
:
1300px
;
/
deep
/
.el-form-item__label
{
// background: #F6F8FA;
width
:
150px
;
// box-shadow: inset 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
}
// border-radius: 4px;
// border: 1px solid #EEEEEE;
}
/
deep
/
.el-form-item__label
{
width
:
150px
;
}
}
}
// 日期选择器
// 日期选择器
...
@@ -227,56 +274,68 @@
...
@@ -227,56 +274,68 @@
position
:
absolute
;
position
:
absolute
;
right
:
6px
;
right
:
6px
;
}
}
// /deep/.el-date-editor {
// /deep/.el-date-editor {
// .el-input__prefix {
// .el-input__prefix {
// position: absolute;
// position: absolute;
// right: 6px;
// right: 6px;
// }
// }
// }
// }
/
deep
/
.el-input__prefix
,
.el-input__suffix
{
/
deep
/
.el-input__prefix
,
left
:
250px
;
.el-input__suffix
{
left
:
250px
;
}
}
/
deep
/
.el-input--prefix
.el-input__inner
{
/
deep
/
.el-input--prefix
.el-input__inner
{
padding-left
:
15px
;
padding-left
:
15px
;
}
}
/
deep
/
.el-input-group__prepend
{
/
deep
/
.el-input-group__prepend
{
display
:
flex
;
display
:
flex
;
justify-content
:
center
;
justify-content
:
center
;
align-items
:
center
;
align-items
:
center
;
width
:
18px
!
important
;
width
:
18px
!
important
;
height
:
18px
!
important
;
height
:
18px
!
important
;
background
:
#ECEDF1
;
background
:
#ECEDF1
;
border-radius
:
3px
;
border-radius
:
3px
;
position
:
absolute
;
position
:
absolute
;
margin
:
0
8px
;
margin
:
0
8px
;
}
}
.inputBh
{
.inputBh
{
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
/
deep
/
.el-input__inner
{
padding-left
:
30px
;
/
deep
/
.el-input__inner
{
width
:
300px
;
padding-left
:
30px
;
}
width
:
300px
;
}
}
}
.no_require
{
.no_require
{
/
deep
/
.el-form-item__label
{
/
deep
/
.el-form-item__label
{
padding-left
:
10px
;
padding-left
:
10px
;
}
}
}
}
/
deep
/
.el-tag
{
/
deep
/
.el-tag
{
// padding-right: 5px !important;
// padding-right: 5px !important;
}
}
/
deep
/
.el-tag.el-tag--info
{
/
deep
/
.el-tag.el-tag--info
{
background-color
:
#f8f8f8
;
background-color
:
#f8f8f8
;
color
:
#333333
;
color
:
#333333
;
border
:
none
!
important
;
border
:
none
!
important
;
}
}
/
deep
/
.el-tag.el-tag--info
.el-tag__close
{
/
deep
/
.el-tag.el-tag--info
.el-tag__close
{
color
:
#8A8A8A
!
important
;
color
:
#8A8A8A
!
important
;
}
}
/
deep
/
.el-icon-close
{
/
deep
/
.el-icon-close
{
// width: auto;
// width: auto;
}
}
// /deep/.el-select__tags-text{
// /deep/.el-select__tags-text{
// max-width: 91% !important;
// max-width: 91% !important;
// }
//
}
\ No newline at end of file
src/views/zzwlr/xzry.vue
View file @
f559336b
...
@@ -136,9 +136,10 @@
...
@@ -136,9 +136,10 @@
<el-row
class=
"item-row bz"
>
<el-row
class=
"item-row bz"
>
<el-form-item
label=
"备注信息:"
>
<el-form-item
label=
"备注信息:"
>
<el-input
resize=
"none"
type=
"textarea"
placeholder=
"请输入内容"
v-model
.
trim=
"ruleForm.bz"
maxlength=
"1024"
<el-input
resize=
"none"
type=
"textarea"
placeholder=
"请输入内容"
v-model
.
trim=
"ruleForm.bz"
show-word-limit
>
show-word-limit
>
</el-input>
</el-input>
<!-- maxlength="1024" -->
</el-form-item>
</el-form-item>
</el-row>
</el-row>
<el-divider></el-divider>
<el-divider></el-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