Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
肖康
/
cloudSystem
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
0961ec19
authored
May 10, 2021
by
肖康
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
in
parent
59366b1d
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
104 additions
and
24 deletions
src/assets/css/public/common.less
src/assets/css/public/common.min.css
src/components/menu.vue
src/views/Index/index.vue
src/assets/css/public/common.less
View file @
0961ec19
...
...
@@ -28,7 +28,7 @@ h5 {
}
body {
background-color: #
FFFFFF
;
background-color: #
f1f4fa
;
color : #333;
font-family : "微软雅黑";
font-size : 12px;
...
...
@@ -65,4 +65,16 @@ ul {
caption,
th {
text-align: left;
}
/**element-ui 样式重写**/
.el-message--info{
min-width:auto!important;
border:0px!important;
background: rgba(0,0,0,0.4)!important;
.el-icon-info{
display: none;
}
.el-message__content{
color:#fff!important;
}
}
\ No newline at end of file
src/assets/css/public/common.min.css
View file @
0961ec19
body
,
dl
,
dt
,
dd
,
ul
,
ol
,
li
,
pre
,
form
,
input
,
p
,
th
,
td
{
font-weight
:
400
;
margin
:
0
;
padding
:
0
}
h1
,
h2
,
h3
,
h4
,
h4
,
h5
{
margin
:
0
;
padding
:
0
}
body
{
background-color
:
#FFFFFF
;
color
:
#333
;
font-family
:
"微软雅黑"
;
font-size
:
12px
;
text-align
:
left
}
select
{
font-size
:
12px
}
table
{
border-collapse
:
collapse
}
img
{
border
:
0
none
}
em
,
strong
,
th
,
i
{
font-style
:
normal
;
font-weight
:
400
}
ol
,
ul
{
list-style-image
:
none
;
list-style-position
:
outside
;
list-style-type
:
none
}
caption
,
th
{
text-align
:
left
}
\ No newline at end of file
body
,
dl
,
dt
,
dd
,
ul
,
ol
,
li
,
pre
,
form
,
input
,
p
,
th
,
td
{
font-weight
:
400
;
margin
:
0
;
padding
:
0
}
h1
,
h2
,
h3
,
h4
,
h4
,
h5
{
margin
:
0
;
padding
:
0
}
body
{
background-color
:
#f1f4fa
;
color
:
#333
;
font-family
:
"微软雅黑"
;
font-size
:
12px
;
text-align
:
left
}
select
{
font-size
:
12px
}
table
{
border-collapse
:
collapse
}
img
{
border
:
0
none
}
em
,
strong
,
th
,
i
{
font-style
:
normal
;
font-weight
:
400
}
ol
,
ul
{
list-style-image
:
none
;
list-style-position
:
outside
;
list-style-type
:
none
}
caption
,
th
{
text-align
:
left
}
.el-message--info
{
min-width
:
auto
!important
;
border
:
0px
!important
;
background
:
rgba
(
0
,
0
,
0
,
0.4
)
!important
}
.el-message--info
.el-icon-info
{
display
:
none
}
.el-message--info
.el-message__content
{
color
:
#fff
!important
}
\ No newline at end of file
src/components/menu.vue
View file @
0961ec19
<
template
>
<div
class=
"meau-yx"
>
<div
class=
"meau-con"
>
我是左侧菜单
</div>
<div
class=
"meau-yx"
>
<div
class=
"logo"
>
云芯系统
</div>
<i>
展开
</i>
<div
class=
"meau-con"
>
<el-menu
default-active=
"2"
class=
"el-menu-vertical-demo"
active-text-color=
"#1969F9"
>
<el-submenu
index=
"1"
>
<template
slot=
"title"
>
<i
class=
"el-icon-location"
></i>
<span>
导航一
</span>
</
template
>
<el-menu-item-group>
<el-menu-item
index=
"1-1"
>
选项1
</el-menu-item>
<el-menu-item
index=
"1-2"
>
选项2
</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-menu-item
index=
"2"
>
<i
class=
"el-icon-menu"
></i>
<span
slot=
"title"
>
导航二
</span>
</el-menu-item>
<el-menu-item
index=
"3"
>
<i
class=
"el-icon-setting"
></i>
<span
slot=
"title"
>
导航三
</span>
</el-menu-item>
</el-menu>
</div>
</div>
</template>
<
script
>
import
Vue
from
'vue'
;
import
{
Menu
,
MenuItem
,
Submenu
,
MenuItemGroup
,
Message
}
from
'element-ui'
Vue
.
use
(
Menu
).
use
(
MenuItem
).
use
(
MenuItemGroup
).
use
(
Submenu
)
export
default
{
name
:
'menus'
,
props
:
{
},
data
()
{
return
{
}
},
methods
:
{
}
}
</
script
>
<
style
lang=
"less"
>
#app
{
padding-left
:
220px
;}
.meau-yx
{
width
:
220px
;
background
:
#ccc
;
position
:
fixed
;
left
:
0px
;
top
:
0px
;
bottom
:
0px
;
.meau-con{
width
:
100%
;
#app
{
padding-left
:
220px
;
}
.meau-yx
{
width
:
226px
;
background
:
#fff
;
position
:
fixed
;
left
:
0px
;
top
:
0px
;
bottom
:
0px
;
.logo{
height
:
56px
;
line-height
:
56px
;
font-weight
:
bold
;
color
:
#fff
;
text-align
:
center
;
background
:
#1969F9
;
box-shadow
:
0px
2px
42px
-8px
rgba
(
206
,
214
,
219
,
0.5
);
}
.meau-con
{
width
:
100%
;
overflow
:
auto
;
height
:
100vh
;
.el-menu{
border
:
0px
;
.el-menu-item,.el-submenu__title{
font-size
:
16px
;
color
:
#646B78
;
}
}
&
::-webkit-scrollbar
{
width
:
18px
;
}
&
::-webkit-scrollbar-thumb
{
border-radius
:
8px
;
background
:
#fff
;
width
:
10px
;
-webkit-box-shadow
:
inset
0
0
8px
rgba
(
0
,
0
,
0
,
0.2
);
}
&
::-webkit-scrollbar-track
{
border-radius
:
0
;
background
:
#D2D9E7
;
}
}
}
</
style
>
\ No newline at end of file
src/views/Index/index.vue
View file @
0961ec19
...
...
@@ -11,10 +11,9 @@
import
Menu
from
"@/components/menu.vue"
;
import
Tool
from
'../../tool'
import
{
Button
Button
,
Message
}
from
'element-ui'
Vue
.
use
(
Button
)
export
default
{
name
:
"index"
,
...
...
@@ -29,6 +28,8 @@
computed
:
{},
methods
:
{
ceshi
()
{
//this.$message.error('上传头像图片只能是 JPG 格式!');
Message
(
'这是一条消息提示'
);
this
.
$http
(
'get'
,
"/getJoke1"
,
{
page
:
1
,
count
:
2
,
type
:
'video'
})
...
...
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