Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
yijuhui-management
Project
Project
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
行者
yijuhui-management
Commits
e67363a3
Commit
e67363a3
authored
May 25, 2021
by
taokouzi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
登录页
parent
aef97adc
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
25 changed files
with
2410 additions
and
0 deletions
+2410
-0
login-logo.png
src/assets/image/login/login-logo.png
+0
-0
login_bg.png
src/assets/image/login/login_bg.png
+0
-0
btn.scss
src/assets/style/css/btn.scss
+117
-0
comm.scss
src/assets/style/css/comm.scss
+196
-0
components.scss
src/assets/style/css/components.scss
+0
-0
content.scss
src/assets/style/css/content.scss
+8
-0
dialog-ui.scss
src/assets/style/css/dialog-ui.scss
+125
-0
element-ui.scss
src/assets/style/css/element-ui.scss
+178
-0
element-variables.scss
src/assets/style/css/element-variables.scss
+31
-0
form-ui.scss
src/assets/style/css/form-ui.scss
+420
-0
iconfont.css
src/assets/style/css/iconfont.css
+33
-0
index.scss
src/assets/style/css/index.scss
+0
-0
login.scss
src/assets/style/css/login.scss
+183
-0
mixin.scss
src/assets/style/css/mixin.scss
+90
-0
popover-ui.scss
src/assets/style/css/popover-ui.scss
+33
-0
sidebar.scss
src/assets/style/css/sidebar.scss
+374
-0
table-ui.scss
src/assets/style/css/table-ui.scss
+265
-0
table.scss
src/assets/style/css/table.scss
+0
-0
tabs-ui.scss
src/assets/style/css/tabs-ui.scss
+33
-0
transition.scss
src/assets/style/css/transition.scss
+47
-0
variables.scss
src/assets/style/css/variables.scss
+20
-0
yuncangStore.scss
src/assets/style/css/yuncangStore.scss
+255
-0
main.js
src/main.js
+2
-0
page copy.vue
src/views/system/login/page copy.vue
+0
-0
page.vue
src/views/system/login/page.vue
+0
-0
No files found.
src/assets/image/login/login-logo.png
0 → 100644
View file @
e67363a3
12.4 KB
src/assets/image/login/login_bg.png
0 → 100644
View file @
e67363a3
237 KB
src/assets/style/css/btn.scss
0 → 100644
View file @
e67363a3
@import
'./variables.scss'
;
@mixin
colorBtn
(
$color
)
{
background
:
$color
;
&
:hover
{
color
:
$color
;
&
:before
,
&
:after
{
background
:
$color
;
}
}
}
.blue-btn
{
@include
colorBtn
(
$blue
)
}
.light-blue-btn
{
@include
colorBtn
(
$light-blue
)
}
.red-btn
{
@include
colorBtn
(
$red
)
}
.pink-btn
{
@include
colorBtn
(
$pink
)
}
.green-btn
{
@include
colorBtn
(
$green
)
}
.tiffany-btn
{
@include
colorBtn
(
$tiffany
)
}
.yellow-btn
{
@include
colorBtn
(
$yellow
)
}
.pan-btn
{
font-size
:
14px
;
color
:
#fff
;
padding
:
14px
36px
;
border-radius
:
8px
;
border
:
none
;
outline
:
none
;
transition
:
600ms
ease
all
;
position
:
relative
;
display
:
inline-block
;
&
:hover
{
background
:
#fff
;
&
:before
,
&
:after
{
width
:
100%
;
transition
:
600ms
ease
all
;
}
}
&
:before
,
&
:after
{
content
:
''
;
position
:
absolute
;
top
:
0
;
right
:
0
;
height
:
2px
;
width
:
0
;
transition
:
400ms
ease
all
;
}
&
:
:
after
{
right
:
inherit
;
top
:
inherit
;
left
:
0
;
bottom
:
0
;
}
}
.custom-button
{
display
:
inline-block
;
line-height
:
1
;
white-space
:
nowrap
;
cursor
:
pointer
;
background
:
#fff
;
color
:
#fff
;
-webkit-appearance
:
none
;
text-align
:
center
;
box-sizing
:
border-box
;
outline
:
0
;
margin
:
0
;
padding
:
10px
15px
;
font-size
:
14px
;
border-radius
:
4px
;
}
.home-form-header
{
.el-radio-button__orig-radio
:checked
+
.el-radio-button__inner
{
background
:
#ffffff
;
}
}
.text-danger
{
color
:
#f56c6c
!
important
;
&
:hover
{
color
:
#f56c6c
!
important
;
}
}
.text-primary
{
color
:
#409EFF
!
important
;
&
:hover
{
color
:
#409EFF
!
important
;
}
}
.text-weight-6
{
font-weight
:
600
;
}
\ No newline at end of file
src/assets/style/css/comm.scss
0 → 100644
View file @
e67363a3
.inlineB
{
display
:
inline-block
;
}
.num-height-1
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
-o-text-overflow
:
ellipsis
;
white-space
:
nowrap
;
}
.num-height-2
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
-o-text-overflow
:
ellipsis
;
display
:
-
webkit-box
;
-webkit-line-clamp
:
2
;
-webkit-box-orient
:vertical
;
word-wrap
:break-word
;
-webkit-word-wrap
:break-word
;}
.num-height-3
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
-o-text-overflow
:
ellipsis
;
display
:
-
webkit-box
;
-webkit-line-clamp
:
3
;
-webkit-box-orient
:vertical
;
word-wrap
:break-word
;
-webkit-word-wrap
:break-word
;}
.num-height-4
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
-o-text-overflow
:
ellipsis
;
display
:
-
webkit-box
;
-webkit-line-clamp
:
4
;
-webkit-box-orient
:vertical
;
word-wrap
:break-word
;
-webkit-word-wrap
:break-word
;}
.b
{
border
:
1px
solid
#f00
;
box-sizing
:
border-box
;
}
*
{
box-sizing
:
border-box
;
}
.none
{
display
:
none
;
}
.img-cover
{
object-fit
:
cover
;
}
.c-p
{
cursor
:
pointer
;}
.c-d
{
cursor
:
default
;}
.bg
{
background-color
:
aquamarine
;
}
.bg-f
{
background-color
:
#ffffff
;
}
.bg-f5
{
background-color
:
#F5F7FA
;
}
.line-b
{
border-bottom
:
1px
solid
#F0F0F0
;
}
.flex
{
display
:
flex
;
}
.m-l-20
{
margin-left
:
20px
;
}
.m-r-20
{
margin-right
:
20px
;
}
.m-t-20
{
margin-top
:
20px
;
}
.m-b-20
{
margin-bottom
:
20px
;
}
.m-tb-20
{
margin
:
20px
0
;
}
.m-lr-20
{
margin
:
0
20px
;
}
.m-20
{
margin
:
20px
;
}
.p-l-20
{
padding-left
:
20px
;
}
.p-r-20
{
padding-right
:
20px
;
}
.p-t-20
{
padding-top
:
20px
;
}
.p-b-20
{
padding-bottom
:
20px
;
}
.p-tb-20
{
padding
:
20px
0
;
}
.p-lr-20
{
padding
:
0
20px
;
}
.p-20
{
padding
:
20px
;
}
.m-lr-10
{
margin
:
0
10px
;
}
.p-lr-10
{
padding
:
0
10px
;
}
.p-l-10
{
padding-left
:
10px
;
}
.p-b-10
{
padding-bottom
:
10px
;
}
.p-tb-10
{
padding
:
10px
0
;
}
.p-r-10
{
padding-right
:
10px
;
}
.p-10
{
padding
:
10px
;
}
.b-r-6
{
border-radius
:
4px
;
overflow
:
hidden
;
}
._flex
{
display
:
flex
;}
._flex1
{
flex
:
1
;}
.ai
{
display
:
flex
;
align-items
:
center
;
display
:
-
webkit-flex
;
-webkit-align-items
:
center
;
}
.aj
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
display
:
-
webkit-flex
;
-webkit-align-items
:
center
;
-webkit-justify-content
:
center
;
}
.ab
{
display
:
flex
;
align-items
:
center
;
display
:
-
webkit-flex
;
-webkit-align-items
:
center
;
justify-content
:
space-between
;
-webkit-justify-content
:
space-between
;
}
.t-c
{
text-align
:
center
!
important
;}
.t-r
{
text-align
:
right
!
important
;}
._hover
:hover
{
color
:
#409EFF
!
important
;
}
.f-20
{
font-size
:
20px
;
}
.f-18
{
font-size
:
18px
;
}
.f-16
{
font-size
:
16px
;
}
.f-14
{
font-size
:
14px
;
}
.f-13
{
font-size
:
13px
;
}
.f-12
{
font-size
:
12px
;
}
._bold
{
font-weight
:
bold
;
}
.border
{
border
:
1px
solid
#F0F0F0
;
}
.el-popconfirm__main
{
margin
:
14px
0
;
}
.col-9
{
color
:
#999999
;
}
.col-6
{
color
:
#666666
;
}
.center-1200
{
width
:
1200px
;
margin
:
0
auto
;
}
/*自定义滚动条样式*/
.
custom-scroll-bar
:
:-
webkit-scrollbar
{
width
:
4px
;
height
:
4px
;
}
.
custom-scroll-bar
:
:-
webkit-scrollbar-track
{
background
:
#ffffff
;
}
.
custom-scroll-bar
:
:-
webkit-scrollbar-thumb
{
background
:
#cfcfcf
;
border-radius
:
4px
;
}
.
custom-scroll-bar
:
:-
webkit-scrollbar-thumb
:
hover
{
background
:
#afafaf
;
}
.
custom-scroll-bar
:
:-
webkit-scrollbar-corner
{
background
:
#cfcfcf
;
}
/*自定义滚动条样式 end*/
.red
{
color
:
#FC0100
;
&
:hover
{
color
:
#FF3333
;
}
}
\ No newline at end of file
src/assets/style/css/components.scss
0 → 100644
View file @
e67363a3
This diff is collapsed.
Click to expand it.
src/assets/style/css/content.scss
0 → 100644
View file @
e67363a3
@mixin
content
(
$padding
)
{
padding
:
$padding
;
}
.views-container
{
@include
content
(
20px
);
}
src/assets/style/css/dialog-ui.scss
0 → 100644
View file @
e67363a3
.wlm-form-dialog
{
min-width
:
auto
;
.wlm-form
.wlm-form-content
.el-input
,
.wlm-form
.wlm-form-content
.el-input-number
{
&
.wlm-input-auto
{
width
:
auto
;
}
}
&
.dialog-table
{
.el-table__row
{
height
:
50px
;
min-height
:
50px
;
}
}
border-radius
:
6px
;
.el-dialog__header
,
.el-dialog__body
{
padding
:
0
;
}
.el-scrollbar
{
height
:
100%
;
}
.wlm-dialog-fixheader
{
border-bottom
:
1px
solid
#f2f2f2
;
padding
:
10px
20px
;
line-height
:
1
;
.wlm-dialog-inlenr
{
display
:
inline-block
;
width
:
auto
;
line-height
:
28px
;
font-size
:
14px
;
color
:
#333
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
}
}
.wlm-dialog-header
{
border-bottom
:
1px
solid
#e9eaec
;
padding
:
14px
16px
;
line-height
:
1
;
.wlm-dialog-inlenr
{
display
:
inline-block
;
width
:
100%
;
height
:
20px
;
line-height
:
26px
;
font-size
:
14px
;
color
:
#1c2438
;
font-weight
:
700
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
}
}
.wlm-dialog-main
{
.el-scrollbar__wrap
{
overflow-x
:
hidden
!
important
;
}
padding
:
16px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
;
max-height
:
520px
;
.wlm-table-wrapper
{
overflow
:
hidden
;
cursor
:
pointer
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
p
{
white-space
:
nowrap
;
margin
:
0
auto
;
width
:
100%
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
&
:not
(
:nth-last-child
(
1
))
{
margin-bottom
:
3px
;
}
}
}
.wlm-table-logos
{
.logo
{
height
:
38px
;
width
:
38px
;
border-radius
:
38px
;
vertical-align
:
middle
;
&
+
.inner-text
{
vertical-align
:
middle
;
display
:
inline-block
;
margin-left
:
10px
;
.inner-title
{
display
:
block
;
}
}
}
}
.wlm-dialog-content
{
min-height
:
108px
;
.el-input
,
.el-input-number
{
&
:not
(
.wlm-input-auto
)
{
width
:
270px
;
}
&
.wlm-input-auto
{
.el-input
{
width
:
auto
;
}
}
}
}
}
.wlm-dialog-footer
{
border-top
:
1px
solid
#e9eaec
;
padding
:
12px
18px
12px
18px
;
text-align
:
right
;
}
.wlm-dialog-fixfooter
{
border-top
:
1px
solid
#f2f2f2
;
height
:
50px
;
line-height
:
50px
;
padding
:
0
20px
;
text-align
:
right
;
position
:
relative
;
z-index
:
33
;
background
:
#ffffff
;
}
}
src/assets/style/css/element-ui.scss
0 → 100644
View file @
e67363a3
//覆盖一些element-ui样式
.el-breadcrumb__inner
,
.el-breadcrumb__inner
a
{
font-weight
:
400
!
important
;
}
.el-upload
{
input
[
type
=
"file"
]
{
display
:
none
!
important
;
}
}
.el-upload__input
{
display
:
none
;
}
.cell
{
.el-tag
{
margin-right
:
0px
;
}
}
.small-padding
{
.cell
{
padding-left
:
5px
;
padding-right
:
5px
;
}
}
.fixed-width
{
.el-button--mini
{
padding
:
7px
10px
;
width
:
60px
;
}
}
.status-col
{
.cell
{
padding
:
0
10px
;
text-align
:
center
;
.el-tag
{
margin-right
:
0px
;
}
}
}
//暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog
{
transform
:
none
;
left
:
0
;
position
:
relative
;
margin
:
0
auto
;
}
//文章页textarea修改样式
.article-textarea
{
textarea
{
padding-right
:
40px
;
resize
:
none
;
border
:
none
;
border-radius
:
0px
;
border-bottom
:
1px
solid
#bfcbd9
;
}
}
//element ui upload
.upload-container
{
.el-upload
{
width
:
100%
;
.el-upload-dragger
{
width
:
100%
;
height
:
200px
;
}
}
}
//dropdown
.el-dropdown-menu
{
a
{
display
:
block
}
}
//表格头颜色
.el-pagination
{
margin-top
:
40px
;
margin-bottom
:
40px
;
}
.el-table__header
thead
.has-gutter
tr
th
{
padding
:
8px
0
;
background-color
:
#f2f2f2
!
important
;
}
//日历组件
.el-date-editor
.el-range-separator
{
width
:
7%
;
}
//复合型输入框
.el-input-group__append
,
.el-input-group__prepend
{
padding
:
0
12px
;
}
.el-range-editor--small.el-range-separator
{
line-height
:
27px
;
}
.tooltip-menu-item.el-tooltip__popper.is-light
{
padding
:
0
;
background
:
#fff
;
color
:
#303133
;
}
//调小弹出框
.el-dialog
{
width
:
40%
;
}
// .el-switch.switch-big .el-switch__core {
// height: 30px;
// line-height: 30px;
// border-radius: 30px;
// }
// .el-switch.switch-big .el-switch__core::after {
// height: 25px;
// width: 25px;
// }
// .el-switch.switch-big.is-checked .el-switch__core::after {
// margin-left: -26px !important;
// }
.el-tooltip__popper.is-light
{
border
:
1px
solid
#c3c5ca
;
color
:
#c3c5ca
;
}
.tooltip-menu-item.el-tooltip__popper.is-light
{
color
:
#c3c5ca
;
}
.icon-slot
.icon-new
{
background-color
:
#f56c6c
;
border-radius
:
10px
;
color
:
#fff
;
display
:
inline-block
;
font-size
:
12px
;
height
:
14px
;
line-height
:
12px
;
padding
:
0px
4px
;
zoom
:
0
.9
;
text-align
:
center
;
white-space
:
nowrap
;
border
:
1px
solid
#fff
;
position
:
absolute
;
top
:
7px
;
right
:
36px
;
transform
:
translateY
(
-50%
)
translateX
(
100%
);
}
.el-message
{
min-width
:
50px
!
important
;
padding
:
10px
12px
!
important
;
background-color
:
#ffffff
!
important
;
border-color
:
transparent
!
important
;
box-shadow
:
0px
2px
12px
0px
rgba
(
221
,
221
,
221
,
0
.5
)
!
important
;
margin-top
:
-2px
!
important
;
.el-message__icon
{
margin-right
:
4px
;
}
.el-message__content
{
color
:
#666666
!
important
;
font-size
:
14px
;
}
}
.el-button--small
,
.el-button--small.is-round
{
padding
:
8px
12px
!
important
;
}
.el-popconfirm__main
{
margin-bottom
:
10px
!
important
;
}
\ No newline at end of file
src/assets/style/css/element-variables.scss
0 → 100644
View file @
e67363a3
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
$--color-primary
:
#1890ff
;
$--color-success
:
#13ce66
;
$--color-warning
:
#ffba00
;
$--color-danger
:
#ff4949
;
// $--color-info: #1E1E1E;
$--button-font-weight
:
400
;
// $--color-text-regular: #1f2d3d;
$--border-color-light
:
#dfe4ed
;
$--border-color-lighter
:
#e6ebf5
;
$--table-border
:
1px
solid
#dfe6ec
;
/* icon font path, required */
$--font-path
:
"~element-ui/lib/theme-chalk/fonts"
;
// @import "~element-ui/packages/theme-chalk/src/index";
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export
{
theme
:
$--color-primary
;
}
src/assets/style/css/form-ui.scss
0 → 100644
View file @
e67363a3
.wlm-form
{
$is-success
:
#409EFF
;
overflow
:
hidden
;
border-radius
:
4px
;
margin-bottom
:
20px
;
background
:
#ffffff
;
textarea
[
name
=
"editorValue"
]
{
opacity
:
0
;
line-height
:
0
;
}
// ::v-deep .el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{
// &:not(:nth-child(0)){
// margin-bottom: 18px;
// }
// }
.el-input-group
{
display
:
flex
;
.el-input-group__prepend
,
.el-input-group__append
{
text-align
:
center
;
height
:
32px
;
line-height
:
32px
;
width
:
auto
;
}
}
.el-input-group
>
.el-input__inner
{
vertical-align
:
baseline
;
}
.wlm-update-load
{
// <div class="flex-row flex-align-c flex-justify-c wlm-update-load"><i class="el-icon-plus avatar-uploader-icon"></i></div>
cursor
:
pointer
;
border
:
1px
dashed
#c0ccda
;
width
:
100px
;
height
:
100px
;
background
:
#fafbff
;
color
:
#a8abb0
;
border-radius
:
5px
;
.avatar-uploader-icon
{
font-size
:
28px
;
color
:
#8c939d
;
width
:
100px
;
height
:
100px
;
line-height
:
100px
;
text-align
:
center
;
}
}
.form-help
{
color
:
#999
;
line-height
:
14px
;
margin-top
:
10px
;
font-size
:
12px
;
font-weight
:
normal
;
}
.pointer
{
cursor
:
pointer
;
}
.wlm-form-steps
{
.el-steps.el-steps--horizontal
{
flex-grow
:
1
;
.el-step__title
{
&
.is-finish
{
color
:
$is-success
;
}
}
.el-step__head
{
zoom
:
1
.8
;
&
.is-finish
{
color
:
$is-success
;
border-color
:
$is-success
;
}
.el-step__line
{
height
:
1px
;
}
.el-step__icon.is-text
{
border
:
1px
solid
;
}
}
.el-step__description
{
font-size
:
14px
;
&
.is-finish
{
color
:
$is-success
;
}
}
}
}
.wlm-form-notice
{
margin
:
20px
;
background
:
#f4f4f5
;
padding
:
14px
20px
;
color
:
#909399
;
font-size
:
14px
;
&
.warning
{
background
:
#fff7cc
;
border
:
1px
solid
#feb
;
color
:
#333
;
}
.notice-link
{
cursor
:
pointer
;
color
:
#409EFF
!
important
;
margin-left
:
10px
;
&
+
.notice-link
{
margin-right
:
10px
;
}
}
}
.wlm-form-hearder
{
font-weight
:
600
;
font-size
:
15px
;
line-height
:
27px
;
border-bottom
:
1px
solid
#f2f2f2
;
padding
:
10px
20px
;
}
.wlm-form-notice
i
{
font-size
:
17px
;
margin-right
:
4px
;
}
.wlm-form-header
{
//标题
padding
:
20px
;
font-weight
:
600
;
font-size
:
15px
;
line-height
:
27px
;
border-bottom
:
1px
solid
#f2f2f2
;
padding
:
10px
20px
;
.sub-title
{
font-size
:
12px
;
margin-left
:
10px
;
&
+
.sub-title
{
margin-right
:
10px
;
}
}
}
.wlm-channel-card
{
&
.bg-1
{
background
:
#4dbe2e
;
.card-header
{
.title
{
em
{
background-color
:
#41aa24
;
}
}
}
}
.card-header
{
height
:
135px
;
padding
:
24px
;
color
:
#fff
;
padding-left
:
147px
;
position
:
relative
;
.logo
{
position
:
absolute
;
top
:
50%
;
left
:
40px
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
}
.title
{
font-size
:
20px
;
line-height
:
24px
;
margin-bottom
:
14px
;
font-weight
:
normal
;
em
{
display
:
inline-block
;
height
:
18px
;
line-height
:
18px
;
padding
:
0
6px
;
font-size
:
12px
;
border-radius
:
9px
;
margin-left
:
10px
;
font-style
:
italic
;
}
}
.info
{
font-family
:
"PingFang SC"
,
"Microsoft YaHei"
,
"\5FAE\8F6F\96C5\9ED1"
,
Arial
,
sans-serif
;
font-size
:
12px
;
line-height
:
1
.5
;
font-weight
:
normal
;
}
.primary-text
{
color
:
#fb6638
!
important
;
}
}
}
.wlm-form-header-radio
{
padding
:
30px
60px
20px
;
}
.wlm-form-content
{
//内容部分
&
:not
(
.no-pd
)
{
padding
:
20px
;
}
.wlm-error-deep.is-error
{
.el-input__inner
,
.el-input__inner
:focus
,
.el-textarea__inner
,
.el-textarea__inner
:focus
,
.el-message-box__input
input
.invalid
,
.el-message-box__input
input
.invalid
:focus
{
border-color
:
#f56c6c
!
important
;
}
}
.wlm-form-parameter
{
border
:
1px
solid
#f2f2f2
;
.el-form-item__content
{
border-left
:
1px
solid
#f2f2f2
;
padding-left
:
20px
;
min-height
:
32px
;
}
}
&
.channel-card
{
position
:
relative
;
min-height
:
484px
;
.main-body
{
height
:
calc
(
100vh
-
240px
);
}
.status-main
{
}
// .status-main-title {
// font-size: 18px;
// margin-bottom: 4px;
// }
.status-main-title
{
text-align
:
center
;
font-size
:
14px
;
color
:
#333
;
line-height
:
14px
;
margin-bottom
:
20px
;
}
.status-main-svg
{
width
:
25
.6px
;
height
:
22px
;
vertical-align
:
middle
;
}
.mar-top-4
{
margin-top
:
4px
;
}
}
.wlm-form-section
{
border-bottom
:
1px
solid
#f2f2f2
;
padding
:
10px
20px
;
margin-bottom
:
35px
;
line-height
:
1
;
>
.section-inner
{
font-size
:
14px
;
font-weight
:
600
;
border-left
:
2px
solid
#67c23a
;
padding-left
:
10px
;
margin-left
:
-20px
;
}
&
.section-more
{
border-bottom
:
0
;
>
.section-inner
{
border-left
:
0
;
padding-left
:
0
;
}
}
}
.wlm-form-child
{
margin-top
:
20px
;
}
.wlm-input-appendbox
{
width
:
230px
;
.el-input
.el-input__inner
{
border-bottom-right-radius
:
0
;
border-top-right-radius
:
0
;
}
.el-input-number
{
.el-input
{
width
:
230px
;
}
}
.wlm-input-append
{
height
:
32px
;
white-space
:
nowrap
;
padding
:
0
13px
;
text-align
:
center
;
line-height
:
32px
;
background
:
#f5f7fa
;
border
:
1px
solid
#dcdfe6
;
box-sizing
:
border-box
;
border-right-color
:
transparent
;
border-left-color
:
transparent
;
color
:
#909399
;
&
.append-right
{
border-right-color
:
#dcdfe6
;
border-bottom-right-radius
:
4px
;
border-top-right-radius
:
4px
;
}
&
.append-left
{
border-left-color
:
#dcdfe6
;
border-bottom-left-radius
:
4px
;
border-top-left-radius
:
4px
;
}
}
.wlm-input-append_s
{
height
:
32px
;
white-space
:
nowrap
;
padding
:
0
13px
;
text-align
:
center
;
line-height
:
32px
;
background
:
#f5f7fa
;
border
:
1px
solid
#dcdfe6
;
box-sizing
:
border-box
;
border-right-color
:
transparent
;
border-left-color
:
transparent
;
color
:
#909399
;
position
:
absolute
;
left
:
110px
;
&
.append-right
{
border-right-color
:
#dcdfe6
;
border-bottom-right-radius
:
4px
;
border-top-right-radius
:
4px
;
}
&
.append-left
{
border-left-color
:
#dcdfe6
;
border-bottom-left-radius
:
4px
;
border-top-left-radius
:
4px
;
}
}
}
.wlm-form-group
{
&
.flex-col
{
&
:not
(
.no-top
)
{
margin-top
:
10px
;
}
.el-radio
+
.el-radio
{
margin-left
:
0
;
margin-top
:
20px
;
}
}
.el-form-item
{
margin
:
20px
0
0
20px
;
&
.inline
{
display
:
inline-block
;
margin
:
0
;
}
}
}
.el-form-item__label
{
white-space
:
nowrap
;
font-weight
:
400
;
padding
:
0
20px
0
0
;
}
.el-input
,
.el-input-number
{
&
:not
(
.wlm-input-auto
)
{
width
:
270px
;
}
&
.wlm-input-auto
{
.el-input
{
width
:
auto
;
}
}
}
// .wlm-input-auto {
// .el-input, .el-input-number{
// width: 270px;
// }
// }
.wlm-upload-img
{
display
:
inline-block
;
width
:
98px
;
height
:
98px
;
border
:
1px
solid
#f2f2f2
;
}
.send
.el-input
{
width
:
210px
;
}
.city
.el-input
{
width
:
130px
;
}
.slider
.el-input
{
width
:
auto
;
}
.el-textarea
{
width
:
270px
;
}
.el-date-editor
{
width
:
270px
;
}
.min-input
.el-input
{
width
:
120px
;
}
.min-input
.el-input
+
.el-input
{
margin-left
:
14px
;
}
.min-input
span
{
margin
:
0
8px
;
}
}
}
.wlm-fixed-btn
{
position
:
fixed
;
bottom
:
0
;
left
:
0
;
right
:
0
;
height
:
58px
;
border-top
:
1px
solid
#ededed
;
background
:
#ffffff
;
z-index
:
99
;
transform
:
translateZ
(
0
);
-webkit-transform
:
translateZ
(
0
);
.el-button
{
margin
:
0
10px
;
}
}
._other
.el-form-item__label
{
line-height
:
24rpx
!
important
;
white-space
:
normal
!
important
;
}
\ No newline at end of file
src/assets/style/css/iconfont.css
0 → 100644
View file @
e67363a3
@font-face
{
font-family
:
'iconfont'
;
src
:
url('data:font/truetype;charset=utf-8;base64,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')
format
(
'truetype'
);
font-weight
:
normal
;
font-style
:
normal
;
font-display
:
swap
;
}
.iconfont
{
font-family
:
"iconfont"
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
.icon-icon_jishengyongpin
:before
{
content
:
"\e601"
;
}
.icon-yiliaoqicai
:before
{
content
:
"\e608"
;
}
.icon-shiwushangpin-moren
:before
{
content
:
"\e733"
;
}
.icon-yaopin-copy-copy
:before
{
content
:
"\e600"
;
}
src/assets/style/css/index.scss
0 → 100644
View file @
e67363a3
This diff is collapsed.
Click to expand it.
src/assets/style/css/login.scss
0 → 100644
View file @
e67363a3
/* 修复input 背景不协调 和光标变色 */
/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
$bg
:
#fff
;
$light_gray
:
#eee
;
$cursor
:
#000000
;
$input_gray
:
#333
;
$dark_gray
:
#889aa4
;
$light_gray
:
#eee
;
$account-icon
:
#93a2bb
;
$verify-code-link
:
#0079FE
;
// @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
// .login-container .el-input input {
// color: $input_gray;
// &::first-line {
// color: $cursor;
// }
// }
// }
/* reset element-ui css */
.login-new-container
{
overflow
:
hidden
;
font-size
:
0
;
position
:
relative
;
white-space
:
nowrap
;
box-shadow
:
0
0
20px
rgba
(
0
,
0
,
0
,.
08
);
.login-left
{
height
:
600px
;
width
:
300px
;
border-radius
:
3px
0
0
3px
;
// background: url(../assets/login/register-bg.jpg) no-repeat center;
img
{
height
:
600px
;
width
:
300px
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
}
}
.login-new-denglu
{
font-size
:
16px
;
font-weight
:
600
;
margin-bottom
:
90px
;
}
}
.login-container
{
width
:
500px
;
height
:
600px
;
::v-deep
.el-input
{
display
:
inline-block
;
height
:
44px
;
margin-left
:
-48px
;
padding-left
:
48px
;
box-sizing
:
border-box
;
vertical-align
:
middle
;
&
.getcode-input
{
margin
:
0
;
padding
:
0
;
margin-right
:
-75px
;
padding-right
:
75px
;
cursor
:
pointer
;
}
input
{
-webkit-box-shadow
:
none
!
important
;
box-shadow
:
none
!
important
;
background
:
transparent
;
border
:
1px
solid
$light_gray
;
-webkit-appearance
:
none
;
border-radius
:
0px
;
padding
:
12px
5px
12px
15px
;
color
:
$input_gray
!
important
;
height
:
44px
;
font-size
:
14px
;
vertical-align
:
middle
;
caret-color
:
$cursor
;
&
:
-
webkit-autofill
{
-webkit-box-shadow
:
0
0
0px
1000px
$bg
inset
!
important
;
-webkit-text-fill-color
:
$cursor
!
important
;
}
}
}
::v-deep
.el-form-item
{
border
:
0
;
background
:
rgb
(
255
,
255
,
255
);
border-radius
:
5px
;
color
:
#454545
;
.el-form-item__error
{
position
:
relative
;
display
:
block
;
font-size
:
12px
;
color
:
#f1495c
;
line-height
:
20px
;
top
:
100%
;
left
:
0
;
padding-top
:
6px
;
}
&
.func-form-item
{
margin-bottom
:
10px
;
margin-top
:
-18px
;
.el-checkbox__label
,
a
{
font-size
:
12px
;
}
.el-checkbox__label
{
color
:
#495060
}
a
.forget
{
color
:
#999
;
}
}
}
::v-deep
.login-form
{
width
:
100%
;
max-width
:
100%
;
margin
:
0
auto
;
.tips
{
font-size
:
14px
;
color
:
#fff
;
margin-bottom
:
10px
;
span
{
&
:first-of-type
{
margin-right
:
16px
;
}
}
}
.getcode-container
,
.svg-container
{
text-align
:
center
;
vertical-align
:
middle
;
display
:
inline-block
;
height
:
44px
;
padding
:
4px
7px
;
font-size
:
inherit
;
font-weight
:
400
;
-webkit-transition
:
border
0
.2s
ease-in-out
;
transition
:
border
0
.2s
ease-in-out
;
}
.getcode-container
{
float
:
right
;
font-size
:
12px
;
color
:
$verify-code-link
;
border
:
1px
solid
$light_gray
;
border-left
:
none
!
important
;
border-bottom-left-radius
:
0
!
important
;
border-top-left-radius
:
0
!
important
;
border-radius
:
4px
;
}
.svg-container
{
float
:
left
;
color
:
$account-icon
;
box-shadow
:
none
!
important
;
border-right
:
none
!
important
;
-webkit-box-shadow
:
none
!
important
;
position
:
relative
;
border
:
1px
solid
$light_gray
;
border-radius
:
4px
;
border-bottom-right-radius
:
0
!
important
;
border-top-right-radius
:
0
!
important
;
width
:
48px
;
}
.show-pwd
{
position
:
absolute
;
right
:
10px
;
top
:
7px
;
font-size
:
16px
;
color
:
$dark_gray
;
cursor
:
pointer
;
user-select
:
none
;
}
.thirdparty-button
{
position
:
absolute
;
right
:
35px
;
bottom
:
28px
;
}
.register-link
{
color
:
rgb
(
68
,
117
,
255
);
}
.register-link
:hover
{
text-decoration
:
underline
;
}
}
}
src/assets/style/css/mixin.scss
0 → 100644
View file @
e67363a3
@mixin
clearfix
{
&
:after
{
content
:
""
;
display
:
table
;
clear
:
both
;
}
}
@mixin
scrollBar
{
&
:
:-
webkit-scrollbar-track-piece
{
background
:
#d3dce6
;
}
&
:
:-
webkit-scrollbar
{
width
:
6px
;
}
&
:
:-
webkit-scrollbar-thumb
{
background
:
#99a9bf
;
border-radius
:
20px
;
}
}
@mixin
relative
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
}
@mixin
pct
(
$pct
)
{
width
:
#{
$pct
}
;
position
:
relative
;
margin
:
0
auto
;
}
@mixin
triangle
(
$width
,
$height
,
$color
,
$direction
)
{
$width
:
$width
/
2
;
$color-border-style
:
$height
solid
$color
;
$transparent-border-style
:
$width
solid
transparent
;
height
:
0
;
width
:
0
;
@if
$direction
==
up
{
border-bottom
:
$color-border-style
;
border-left
:
$transparent-border-style
;
border-right
:
$transparent-border-style
;
}
@else
if
$direction
==
right
{
border-left
:
$color-border-style
;
border-top
:
$transparent-border-style
;
border-bottom
:
$transparent-border-style
;
}
@else
if
$direction
==
down
{
border-top
:
$color-border-style
;
border-left
:
$transparent-border-style
;
border-right
:
$transparent-border-style
;
}
@else
if
$direction
==
left
{
border-right
:
$color-border-style
;
border-top
:
$transparent-border-style
;
border-bottom
:
$transparent-border-style
;
}
}
@mixin
line
(
$direction
,
$w
,
$h
,
$bg
)
{
@if
$direction
==
after
{
&
:after
{
content
:
""
;
display
:
inline-block
;
position
:
absolute
;
top
:
100%
;
left
:
50%
;
margin-top
:
-
$h
;
margin-left
:
-
$w
/
2
;
width
:
$w
;
height
:
$h
;
background
:
$bg
;
}
}
@else
if
$direction
==
before
{
&
:before
{
content
:
""
;
display
:
inline-block
;
position
:
absolute
;
top
:
0
;
left
:
50%
;
margin-left
:
-
$w
/
2
;
width
:
$w
;
height
:
$h
;
background
:
$bg
;
}
}
}
\ No newline at end of file
src/assets/style/css/popover-ui.scss
0 → 100644
View file @
e67363a3
.el-popover
{
.wlm-upload-file
{
position
:
relative
;
width
:
120px
;
height
:
120px
;
font-size
:
28px
;
line-height
:
120px
;
margin-right
:
0
;
border
:
1px
dashed
#ededed
;
text-align
:
center
;
color
:
#dad9d9
;
background-size
:
100%
100%
;
background-repeat
:
no-repeat
;
position
:
relative
;
background
:
#fff
;
.close-btn
{
position
:
absolute
;
right
:
-9px
;
top
:
-9px
;
cursor
:
pointer
;
font-size
:
18px
;
}
cursor
:
pointer
;
video
{
height
:
120px
;
}
&
.img-center
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
}
}
}
src/assets/style/css/sidebar.scss
0 → 100644
View file @
e67363a3
#app
{
$
menu-last-active
:
color
:
#303133
;
$menu-wrapper
:
#273543
;
@mixin
menu-last
{
white-space
:
nowrap
;
}
@mixin
menu-center
{
display
:
-
webkit-box
;
display
:
-
moz-box
;
display
:
-
ms-flexbox
;
display
:
-
webkit-flex
;
display
:
flex
;
align-items
:
center
;
}
// 主体区域
.main-container
{
min-height
:
100%
;
transition
:
margin-left
.28s
;
position
:
relative
;
border-left
:
1px
solid
rgb
(
242
,
242
,
242
);
}
// 侧边栏
.sidebar-container
{
transition
:
width
0
.28s
;
width
:
100px
!
important
;
height
:
100%
;
position
:
fixed
;
font-size
:
0px
;
top
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
1001
;
overflow
:
visible
;
//reset element-ui css
.horizontal-collapse-transition
{
transition
:
0s
width
ease-in-out
,
0s
padding-left
ease-in-out
,
0s
padding-right
ease-in-out
;
}
.scrollbar-wrapper
{
overflow-x
:
hidden
!
important
;
.el-scrollbar__view
{
height
:
100%
;
}
}
.el-scrollbar__bar.is-vertical
{
right
:
0px
;
}
.is-horizontal
{
display
:
none
;
}
a
{
display
:
inline-block
;
width
:
100%
;
overflow
:
hidden
;
}
.svg-icon
{
margin-right
:
4px
;
margin-left
:
0
!
important
;
// margin-left: -4px;
margin-top
:
0
.15rem
;
}
.el-menu
{
border
:
none
;
height
:
100%
;
width
:
100%
!
important
;
}
.menu-wrapper
>
li
.el-submenu
{
position
:
relative
!
important
;
}
.menu-wrapper
ul
.el-menu
{
position
:
fixed
;
transition
:
none
!
important
;
left
:
100px
;
top
:
0
;
width
:
110px
!
important
;
background
:
#ffffff
!
important
;
overflow
:
hidden
;
overflow-y
:
auto
;
}
.menu-wrapper
ul
li
{
position
:
relative
;
background
:
#ffffff
!
important
;
}
.menu-wrapper
ul
li
svg
{
display
:
none
;
}
.is-active
>
.el-submenu__title
{
color
:
#f4f4f5
!
important
;
background
:
#409EFF
!
important
;
}
// .is-active.is-opened>ul.el-menu{
// display: block!important;
// }
.el-submenu__title
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
line-height
:
36px
!
important
;
height
:
36px
!
important
;
padding-left
:
15px
!
important
;
@include
menu-center
;
.icon-slot
{
width
:
0
;
span
{
display
:
inline-block
;
width
:
55px
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
}
}
}
.submenu-title-noDropdown
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
line-height
:
36px
!
important
;
height
:
36px
!
important
;
padding-left
:
15px
!
important
;
@include
menu-center
;
.icon-slot
{
width
:
0
;
span
{
display
:
inline-block
;
width
:
55px
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
}
}
}
.
el-submenu__title
.
is-active
,.
submenu-title-noDropdown
.
is-active
,
:
:
v-deep
.
el-submenu
.
is-active
>.
el-submenu__title
{
background
:
#409EFF
!
important
;
color
:
#ffffff
!
important
;
}
::v-deep
.menu-wrapper.nest-menu
{
>
li
.el-submenu
.el-submenu__title
{
padding-bottom
:
10px
;
&
:hover
{
background-color
:
#f2f7ff
!
important
;
}
}
.el-submenu.is-active
.el-submenu__title
{
color
:
$menuCurrent
!
important
;
}
}
.menu-wrapper
{
&
:not
(
.nest-menu
)
{
padding-bottom
:
10px
;
background-color
:
$menu-wrapper
;
}
}
.el-submenu__icon-arrow
{
display
:
none
;
}
}
.hideSidebar
{
.sidebar-container
{
width
:
36px
!
important
;
}
.main-container
{
margin-left
:
36px
;
}
.submenu-title-noDropdown
{
padding-left
:
10px
!
important
;
position
:
relative
;
.el-tooltip
{
padding
:
0
10px
!
important
;
}
}
.el-submenu
{
overflow
:
hidden
;
&
>
.el-submenu__title
{
padding-left
:
10px
!
important
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
}
}
.el-menu--collapse
{
.el-submenu
{
&
>
.el-submenu__title
{
&
>
span
{
height
:
0
;
width
:
0
;
overflow
:
hidden
;
visibility
:
hidden
;
display
:
inline-block
;
}
}
}
}
}
.sidebar-container
.nest-menu
.el-submenu
>
.el-submenu__title
,
.sidebar-container
.el-submenu
.el-menu-item
{
min-width
:
110px
!
important
;
color
:
#666666
!
important
;
>
span
{
display
:
block
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
height
:
30px
;
line-height
:
30px
;
margin-left
:
-10px
;
margin-right
:
10px
;
padding
:
0
10px
!
important
;
}
&
.is-active
{
// color: rgb(64, 158, 255)!important;
>
span
{
background
:
#ebedf0
!
important
;
color
:
$menuChild
;
}
}
&
.group-menu-title
{
display
:
inline-block
;
height
:
50px
!
important
;
line-height
:
50px
!
important
;
color
:
#333333
!
important
;
}
&
.group-menu-title
:hover
{
color
:
#333333
!
important
;
cursor
:
default
;
}
background-color
:
$subMenuBg
!
important
;
padding
:
0
0
0
20px
!
important
;
height
:
36px
!
important
;
line-height
:
36px
!
important
;
&
.group-end-menubox
{
height
:
44px
!
important
;
}
text-align
:
left
;
&
:hover
{
color
:
#409EFF
!
important
;
}
}
.group-title
{
display
:
inline-block
;
position
:
relative
;
color
:
rgb
(
195
,
195
,
195
);
cursor
:
default
;
min-width
:
110px
!
important
;
background-color
:
#ffffff
!
important
;
padding
:
0
0
0
20px
!
important
;
// height: 30px;
// line-height: 10px;
font-size
:
12px
;
margin-bottom
:
14px
;
margin-top
:
15px
;
text-align
:
left
;
&
:hover
{
background
:
#fff
;
}
.line-scope
{
position
:
absolute
;
top
:
-16px
;
left
:
10px
;
right
:
10px
;
height
:
1px
;
background-color
:
#f2f2f2
;
}
}
.sidebar-container
.nest-menu
>
li
.el-submenu
>
ul
.el-menu
{
@include
menu-last
;
left
:
250px
;
width
:
auto
!
important
;
height
:
auto
;
right
:
250px
;
top
:
0
;
a
.menu-wrapper.nest-menu
{
width
:
auto
!
important
;
.is-last
{
position
:
relative
;
display
:
inline-block
;
text-align
:
center
;
text-overflow
:
ellipsis
;
background
:
transparent
!
important
;
overflow
:
hidden
;
padding
:
0
!
important
;
width
:
110px
!
important
;
line-height
:
40px
;
&
.is-active
{
@include
line
(
after
,
50px
,
2px
,
rgb
(
64
,
158
,
255
))
}
}
}
}
.el-menu--collapse
.el-menu
.el-submenu
{
min-width
:
100px
!
important
;
}
.trademark
{
height
:
60px
;
background
:
#273543
;
}
.trademark-img
{
height
:
32px
;
width
:
32px
;
border-radius
:
32px
;
}
.group-end
{
border-width
:
0px
0px
1px
;
border-style
:
solid
;
border-color
:
$group-end
;
}
::v-deep
.group-end-menu
{
display
:
inline-block
;
position
:
absolute
;
bottom
:
0
;
left
:
10px
;
right
:
10px
;
border-width
:
0px
0px
1px
;
border-style
:
solid
;
border-color
:
$group-end
;
}
//适配移动端
.mobile
{
.main-container
{
margin-left
:
0px
;
}
.sidebar-container
{
transition
:
transform
.15s
;
width
:
100px
!
important
;
}
&
.hideSidebar
{
.sidebar-container
{
transition-duration
:
0
.3s
;
transform
:
translate3d
(
-100px
,
0
,
0
);
}
}
}
.withoutAnimation
{
.main-container
,
.sidebar-container
{
transition
:
none
;
}
}
}
.el-menu--vertical
{
&
>
.el-menu
{
.svg-icon
{
margin-right
:
16px
;
}
}
}
src/assets/style/css/table-ui.scss
0 → 100644
View file @
e67363a3
.wlm-table
{
font-size
:
14px
;
.el-input-number
{
&
:not
(
.wlm-input-auto
)
{
width
:
270px
;
}
&
.wlm-input-auto
{
.el-input
{
width
:
auto
;
}
}
}
.wlm-table-notice
{
margin
:
20px
;
background
:
#f4f4f5
;
padding
:
14px
20px
;
color
:
#909399
;
font-size
:
14px
;
&
.warning
{
background
:
#fff7cc
;
border
:
1px
solid
#feb
;
color
:
#333
;
}
}
.dashboard-header
{
.dashboard-header-item
{
font-size
:
18px
;
.item-title
{
i
{
font-size
:
20px
;
margin-left
:
5px
;
}
}
.item-num
{
.text-danger
{
font-size
:
24px
;
font-weight
:
normal
;
}
margin-top
:
10px
;
font-weight
:
600
;
font-size
:
22px
;
margin-left
:
-10px
;
}
}
}
.wlm-carousel
{
margin-bottom
:
20px
;
}
&
:not
(
.no-bg
)
{
background
:
#ffffff
;
padding
:
15px
;
}
.wlm-table-hearder-btn
{
margin-bottom
:
20px
;
}
.el-button--mini
,
.el-button--small
{
font-size
:
14px
;
}
.el-table
thead
{
&
.has-gutter
{
background-color
:
#f2f2f2
;
}
}
.wlm-table-header
{
//表格头部
background-color
:
#f8f8f8
;
padding
:
20px
;
font-size
:
14px
;
margin-bottom
:
30px
;
.el-form-item.filter
{
.el-form-item__content
{
margin-left
:
0
!
important
;
}
}
.retail-form
{
//表单内容项
.el-form-item.main-fields
{
display
:
flex
;
max-width
:
750px
;
flex-wrap
:
wrap
;
}
.filter-actions
{
//表单筛选项
margin-left
:
80px
;
.wlm-btn
+
.wlm-btn
{
margin-left
:
10px
;
}
}
.search
{
.el-select
{
width
:
120px
;
margin-right
:
12px
;
}
}
.filter
{
.el-select
{
width
:
160px
;
}
}
.el-form-item
.el-form-item
{
margin-bottom
:
0
;
}
.el-form-item__label
{
font-size
:
14px
;
white-space
:
nowrap
;
font-weight
:
400
;
padding
:
0
;
}
.el-form-item__content
{
display
:
-
webkit-box
;
display
:
-
ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
}
.el-input__inner
{
margin-right
:
12px
;
}
.filter-btns
{
margin-bottom
:
0
;
}
}
}
.wlm-table-content
{
//表单展示部分
.el-table
{
::v-deep
.el-table__expanded-cell
{
padding
:
0
0
0
45px
;
border-bottom
:
none
;
}
::v-deep
.expand
{
.el-table__header-wrapper
{
display
:
none
;
}
}
// border-radius: 4px;
.wlm-table-wrapper
{
overflow
:
hidden
;
cursor
:
pointer
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
p
{
white-space
:
nowrap
;
margin
:
0
auto
;
width
:
100%
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
&
:not
(
:nth-last-child
(
1
))
{
margin-bottom
:
3px
;
}
}
}
.wlm-table-logos
{
.logo
{
height
:
38px
;
width
:
38px
;
border-radius
:
38px
;
vertical-align
:
middle
;
&
+
.inner-text
{
vertical-align
:
middle
;
display
:
inline-block
;
margin-left
:
10px
;
.inner-title
{
display
:
block
;
}
}
}
}
}
.no-column
{
line-height
:
0
!
important
;
opacity
:
0
!
important
;
visibility
:
hidden
!
important
;
height
:
0
!
important
;
border
:
0
!
important
;
padding
:
0
!
important
;
}
.el-tabs__item
{
// background: #f8f8f8;
border-bottom-color
:
#e4e7ed
;
}
.el-tabs--card
>
.el-tabs__header
.el-tabs__item.is-active
{
background
:
#fff
;
}
.el-select
{
width
:
120px
;
}
.el-button
+
.el-button
{
margin-left
:
0
;
}
.right-8
{
margin-right
:
8px
;
}
.btn-line
{
height
:
12px
;
width
:
1px
;
background
:
#a9a9a9
;
display
:
inline-block
;
position
:
absolute
;
top
:
50%
;
margin-left
:
-2px
;
margin-top
:
-6px
;
}
.check-all
{
margin
:
0
8px
0
14px
;
}
.pagination-content
{
margin-top
:
20px
;
.el-pagination
{
margin-top
:
0
;
margin-bottom
:
0
;
.el-input
:not
(
.wlm-input-auto
),
.el-input-number
:not
(
.wlm-input-auto
)
{
width
:
auto
;
}
}
}
.operation-group
{
position
:
relative
;
white-space
:
nowrap
;
.wlm-text
{
padding
:
0
10px
;
cursor
:
pointer
;
display
:
inline-block
;
line-height
:
1
;
}
.wlm-text
:first-child
{
padding-left
:
0px
!
important
;
}
.el-popover
+
.el-button.wlm-text
{
padding-left
:
0px
!
important
;
}
}
.operation-btns
{
text-align
:
left
;
margin
:
0
auto
;
.wlm-btn-row
{
width
:
200px
;
margin
:
0
auto
;
.wlm-btn
{
width
:
88px
;
margin-bottom
:
8px
;
}
.wlm-btn
+
.wlm-btn
{
margin-left
:
10px
;
}
}
}
}
.warning
{
background
:
#f8f8f8
;
color
:
#333
;
padding
:
18px
20px
;
margin
:
0
0
20px
;
.warning-title
{
font-weight
:
600
;
font-size
:
16px
;
}
.el-switch
{
zoom
:
1
.5
!
important
;
}
}
}
\ No newline at end of file
src/assets/style/css/table.scss
0 → 100644
View file @
e67363a3
This diff is collapsed.
Click to expand it.
src/assets/style/css/tabs-ui.scss
0 → 100644
View file @
e67363a3
.el-tabs
{
&
+
.wlm-upload-file
{
position
:
relative
;
width
:
120px
;
height
:
120px
;
font-size
:
28px
;
line-height
:
120px
;
margin-right
:
0
;
border
:
1px
dashed
#ededed
;
text-align
:
center
;
color
:
#dad9d9
;
background-size
:
100%
100%
;
background-repeat
:
no-repeat
;
position
:
relative
;
background
:
#fff
;
.close-btn
{
position
:
absolute
;
right
:
-9px
;
top
:
-9px
;
cursor
:
pointer
;
font-size
:
18px
;
}
cursor
:
pointer
;
video
{
height
:
120px
;
}
&
.img-center
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
}
}
}
src/assets/style/css/transition.scss
0 → 100644
View file @
e67363a3
//globl transition css
/*fade*/
.fade-enter-active
,
.fade-leave-active
{
transition
:
opacity
0
.28s
;
}
.fade-enter
,
.fade-leave-active
{
opacity
:
0
;
}
/*fade-transform*/
.fade-transform-leave-active
,
.fade-transform-enter-active
{
transition
:
all
.5s
;
}
.fade-transform-enter
{
opacity
:
0
;
// transform: translateX(-30px);
}
.fade-transform-leave-to
{
opacity
:
0
;
// transform: translateX(30px);
}
/*breadcrumb transition*/
.breadcrumb-enter-active
,
.breadcrumb-leave-active
{
transition
:
all
.5s
;
}
.breadcrumb-enter
,
.breadcrumb-leave-active
{
opacity
:
0
;
// transform: translateX(20px);
}
.breadcrumb-move
{
transition
:
all
.5s
;
}
.breadcrumb-leave-active
{
position
:
absolute
;
}
src/assets/style/css/variables.scss
0 → 100644
View file @
e67363a3
$primary
:
#409EFF
;
$blue
:
#324157
;
$light-blue
:
#3A71A8
;
$red
:
#C03639
;
$pink
:
#E65D6E
;
$green
:
#30B08F
;
$tiffany
:
#4AB7BD
;
$yellow
:
#FEC171
;
$panGreen
:
#30B08F
;
//sidebar
$menuBg
:
#304156
;
$subMenuBg
:
#ffffff
;
$menuHover
:
#f2f7ff
;
$menuCurrent
:
rgb
(
64
,
158
,
255
);
$menuChild
:
#323233
;
$group-end
:
#f2f2f2
;
//独立版用户选择平台样式
$content-bg
:
#f9f9f9
;
src/assets/style/css/yuncangStore.scss
0 → 100644
View file @
e67363a3
#app
{
$
menu-last-active
:
color
:
#97a8be
;
$menu-wrapper
:
#273543
;
@mixin
menu-last
{
white-space
:
nowrap
;
}
.p-t-b-4
{
padding
:
4px
0
;
}
// 选品中心
.store-home-container
{
font-size
:
14px
;
.el-submenu
{
overflow
:
auto
;
background-color
:
#ffffff
!
important
;
.el-menu-item
{
color
:
#666666
!
important
;
padding
:
0
10px
0
15px
!
important
;
height
:
34px
!
important
;
line-height
:
34px
!
important
;
// padding: 0 20px 0 40px !important;
text-align
:
left
;
box-sizing
:
border-box
;
position
:
static
;
min-width
:
150px
;
&
-center
:hover
{
color
:
#409EFF
!
important
;
}
}
}
.store-home-search
{
input
{
border-radius
:
40px
0
0
40px
;
}
.el-input-group__append
{
border-radius
:
0
40px
40px
0
;
}
}
}
.goods-detail-container-left
{
display
:
inline-block
;
width
:
60px
;
padding
:
4px
0
;
margin-right
:
20px
;
}
.merchant
{
>
.ai
{
padding
:
2px
0
;
}
}
.goods-item-left-image
{
width
:
380px
;
.item-big-image
{
width
:
100%
;
height
:
380px
;
}
.item-images
{
width
:
330px
;
margin
:
0
auto
;
.item-image
{
width
:
66px
;
height
:
66px
;
border
:
2px
solid
transparent
;
padding
:
4px
;
font-size
:
0
;
margin
:
0
;
&
:hover
{
border-color
:
#409EFF
;
}
}
&
-active
{
.item-image-active
{
border-color
:
#409EFF
;
}
}
}
.el-carousel__arrow
{
height
:
56px
;
width
:
20px
;
border-radius
:
0
;
background-color
:
#d5d5d5
;
display
:
block
!
important
;
&
--left
{
left
:
0
;
}
&
--right
{
right
:
0
;
}
}
.el-carousel__indicators
{
display
:
none
!
important
;
}
}
.refund-application-list
{
.left10
.el-input__inner
{
margin-left
:
10px
!
important
;
}
}
.data-list
{
.el-card
{
border-color
:
transparent
!
important
;
}
}
.agreement-dialog
{
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#606266
;
}
}
.header-search
{
position
:
relative
;
input
{
padding-right
:
40px
;
}
&
-button
{
position
:
absolute
;
right
:
15px
;
font-size
:
16px
;
cursor
:
pointer
;
}
}
}
.selection-center
{
.el-select
{
width
:
150px
;
&
:nth-of-type
(
2
)
{
margin-left
:
10px
;
}
}
}
.selection-center-220
{
.el-select
{
width
:
220px
!
important
;
&
:nth-of-type
(
2
)
{
margin-left
:
20px
;
}
}
}
.views-container
{
>
.el-row
{
z-index
:
998
;
}
}
._disabled.el-input.is-disabled
.el-input__inner
,
._disabled.el-textarea.is-disabled
.el-textarea__inner
{
background-color
:
#ffffff
;
color
:
#606266
;
cursor
:
default
;
}
._disabled.not-border
.el-input__inner
{
background-color
:
transparent
!
important
;
border-color
:
transparent
!
important
;
}
.showDrawer
{
.el-drawer__body
{
background
:
#F5F7FA
;
padding
:
20px
0
;
}
}
.commodity-detail
{
.el-tabs__header
{
background-color
:
#F5F7FA
;
.is-active
{
background-color
:
#ffffff
;
}
}
.el-tabs--card
>
.el-tabs__header
{
border
:
none
!
important
;
.el-tabs__item
{
border-right
:
1px
solid
#F5F7FA
!
important
;
box-sizing
:
border-box
;
&
.is-active
{
border
:
2px
solid
#ffffff
!
important
;
border-top-color
:
#409EFF
!
important
;
}
}
.el-tabs__nav
{
border
:
none
!
important
;
}
}
}
.commodity-sort
{
display
:flex
;
flex-direction
:
column
;
margin-left
:
2px
;
&
-top
{
position
:relative
;
top
:
-6px
;
width
:
4px
;
height
:
4px
;
}
&
-bottom
{
position
:relative
;
top
:
-4px
;
width
:
4px
;
height
:
4px
;
}
}
.developer-center
{
._disabled
{
.el-input__inner
,
.el-textarea__inner
{
border-color
:
#f5f5f5
!
important
;
}
}
}
.ip
{
.el-form-item__label
{
width
:
240px
!
important
;
}
}
.notice-card
{
.el-carousel__button
{
width
:
4px
;
height
:
4px
;
border-radius
:
50%
;
}
.is-active
{
.el-carousel__button
{
background-color
:
#409EFF
;
}
}
}
\ No newline at end of file
src/main.js
View file @
e67363a3
...
...
@@ -7,6 +7,8 @@ import d2Admin from '@/plugin/d2admin'
// store
import
store
from
'@/store/index'
import
'@/assets/style/css/index.scss'
// 菜单和路由设置
import
router
from
'./router'
import
{
menuHeader
,
menuAside
}
from
'@/menu'
...
...
src/views/system/login/page copy.vue
0 → 100644
View file @
e67363a3
This diff is collapsed.
Click to expand it.
src/views/system/login/page.vue
View file @
e67363a3
This diff is collapsed.
Click to expand it.
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