Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
qq_45598856
white-jotter
提交
779bfef9
W
white-jotter
项目概览
qq_45598856
/
white-jotter
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
W
white-jotter
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
779bfef9
编写于
3月 30, 2019
作者:
E
Evan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update: 更新首页布局
上级
59f718dc
变更
12
隐藏空白更改
内联
并排
Showing
12 changed file
with
119 addition
and
70 deletion
+119
-70
wj-vue/src/assets/img/bg/bg2.jpg
wj-vue/src/assets/img/bg/bg2.jpg
+0
-0
wj-vue/src/assets/img/icon/icon3.png
wj-vue/src/assets/img/icon/icon3.png
+0
-0
wj-vue/src/assets/img/icon/icon4.png
wj-vue/src/assets/img/icon/icon4.png
+0
-0
wj-vue/src/assets/img/icon/icon6.jpg
wj-vue/src/assets/img/icon/icon6.jpg
+0
-0
wj-vue/src/components/Home.vue
wj-vue/src/components/Home.vue
+5
-2
wj-vue/src/components/common/NavMenu.vue
wj-vue/src/components/common/NavMenu.vue
+14
-10
wj-vue/src/components/home/AppIndex.vue
wj-vue/src/components/home/AppIndex.vue
+26
-15
wj-vue/src/components/home/Carousel.vue
wj-vue/src/components/home/Carousel.vue
+1
-1
wj-vue/src/components/home/QuickNav.vue
wj-vue/src/components/home/QuickNav.vue
+26
-9
wj-vue/src/components/home/SideMenu.vue
wj-vue/src/components/home/SideMenu.vue
+41
-0
wj-vue/src/components/home/Tips.vue
wj-vue/src/components/home/Tips.vue
+0
-27
wj-vue/src/components/home/UpdateCard.vue
wj-vue/src/components/home/UpdateCard.vue
+6
-6
未找到文件。
wj-vue/src/assets/img/bg/bg2.jpg
已删除
100644 → 0
浏览文件 @
59f718dc
443.0 KB
wj-vue/src/assets/img/icon/icon3.png
已删除
100644 → 0
浏览文件 @
59f718dc
35.5 KB
wj-vue/src/assets/img/icon/icon4.png
已删除
100644 → 0
浏览文件 @
59f718dc
26.1 KB
wj-vue/src/assets/img/icon/icon6.jpg
已删除
100644 → 0
浏览文件 @
59f718dc
6.9 KB
wj-vue/src/components/Home.vue
浏览文件 @
779bfef9
<
template
>
<
template
>
<div>
<div>
<nav-menu></nav-menu>
<nav-menu
class=
"nav-menu"
></nav-menu>
<router-view/>
<router-view/>
</div>
</div>
</
template
>
</
template
>
...
@@ -13,5 +13,8 @@
...
@@ -13,5 +13,8 @@
</
script
>
</
script
>
<
style
>
<
style
>
.nav-menu
{
margin-bottom
:
40px
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
}
</
style
>
</
style
>
wj-vue/src/components/common/NavMenu.vue
浏览文件 @
779bfef9
...
@@ -5,15 +5,23 @@
...
@@ -5,15 +5,23 @@
router=
"true"
router=
"true"
mode=
"horizontal"
mode=
"horizontal"
@
select=
"handleSelect"
@
select=
"handleSelect"
background-color=
"
#222
"
background-color=
"
white
"
text-color=
"#
fff
"
text-color=
"#
222
"
active-text-color=
"
#ffd04b
"
active-text-color=
"
red
"
style=
"min-width: 1300px"
>
style=
"min-width: 1300px"
>
<el-menu-item
v-for=
"(item,i) in navList"
:key=
"i"
:index=
"item.name"
@
mouseenter.native=
"onMouseEnter()"
>
<el-menu-item
v-for=
"(item,i) in navList"
:key=
"i"
:index=
"item.name"
>
{{
item
.
navItem
}}
{{
item
.
navItem
}}
</el-menu-item>
</el-menu-item>
<span
style=
"float: right;padding: 20px;"
><a
href=
"#nowhere"
style=
"color: #fff"
>
登录/注册
</a></span>
<span
style=
"float: right;padding: 20px;"
><a
href=
"#nowhere"
style=
"color: #222"
>
登录/注册
</a></span>
<i
class=
"el-icon-menu"
style=
"float:right;font-size: 45px;color: aliceblue;padding-top: 8px"
></i>
<i
class=
"el-icon-menu"
style=
"float:right;font-size: 45px;color: #222;padding-top: 8px"
></i>
<span
style=
"position: absolute;padding-top: 20px;right: 43%;font-size: 20px;font-weight: bold"
>
White Jotter - Your Mind Palace
</span>
<el-input
placeholder=
"快速搜索..."
prefix-icon=
"el-icon-search"
size=
"medium"
style=
"width: 300px;position:absolute;margin-top: 12px;right: 18%"
v-model=
"keywords"
>
</el-input>
</el-menu>
</el-menu>
</div>
</div>
</
template
>
</
template
>
...
@@ -39,10 +47,6 @@
...
@@ -39,10 +47,6 @@
methods
:
{
methods
:
{
handleSelect
(
key
,
keyPath
)
{
handleSelect
(
key
,
keyPath
)
{
console
.
log
(
key
,
keyPath
)
console
.
log
(
key
,
keyPath
)
},
onMouseEnter
()
{
// window.alert('aaa')
// this.$el.style.backgroundColor = 'red'
}
}
}
}
}
}
...
...
wj-vue/src/components/home/AppIndex.vue
浏览文件 @
779bfef9
<
template
>
<
template
>
<div
class=
"index-body"
>
<div>
<div
class=
"home"
>
<side-menu
id=
"side-menu"
></side-menu>
<div
class=
"header-div"
>
<div
class=
"index-body"
>
<div
style=
"height: 150px"
></div>
<div
class=
"home"
>
<carousel></carousel>
<div
class=
"header-div"
>
<quick-nav
style=
"float: right;margin-top: -450px;margin-right: 480px"
></quick-nav>
<div
style=
"height: 150px"
></div>
<carousel></carousel>
<quick-nav
style=
"float: right;margin-top: -450px;margin-right: 480px"
></quick-nav>
</div>
<update-card></update-card>
<slogan></slogan>
<Footer></Footer>
</div>
</div>
<Card></Card>
<slogan></slogan>
<Footer></Footer>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -16,13 +19,13 @@
...
@@ -16,13 +19,13 @@
<
script
>
<
script
>
import
Carousel
from
'
@/components/home/Carousel
'
import
Carousel
from
'
@/components/home/Carousel
'
import
QuickNav
from
'
@/components/home/QuickNav
'
import
QuickNav
from
'
@/components/home/QuickNav
'
import
Tips
from
'
@/components/home/Tips
'
import
Slogan
from
'
@/components/home/Slogan
'
import
Slogan
from
'
@/components/home/Slogan
'
import
Footer
from
'
@/components/common/Footer
'
import
Footer
from
'
@/components/common/Footer
'
import
Card
from
'
@/components/home/Card
'
import
UpdateCard
from
'
@/components/home/UpdateCard
'
import
SideMenu
from
'
@/components/home/SideMenu
'
export
default
{
export
default
{
name
:
'
AppIndex
'
,
name
:
'
AppIndex
'
,
components
:
{
Carousel
,
QuickNav
,
Tips
,
Slogan
,
Footer
,
Card
}
components
:
{
Carousel
,
QuickNav
,
Slogan
,
Footer
,
UpdateCard
,
SideMenu
}
}
}
</
script
>
</
script
>
...
@@ -35,15 +38,23 @@
...
@@ -35,15 +38,23 @@
}
}
.index-body
{
.index-body
{
background
:
url("../../assets/img/bg/4.jpg")
;
/*background: url("../../assets/img/bg/index.jpg");*/
/*background-size: cover;*/
/*background-size: cover;*/
background-position
:
center
;
background-position
:
center
;
background-color
:
#f5f6f7
;
}
}
.header-div
{
.header-div
{
padding-bottom
:
20px
;
padding-bottom
:
20px
;
padding-left
:
5px
;
padding-left
:
5px
;
background-color
:
#ffe55c
;
background-color
:
white
;
background
:
url("../../assets/img/bg/bg4.jpg")
;
/*background: url("../../assets/img/bg/bg3.jpg");*/
}
#side-menu
{
position
:
absolute
;
margin-left
:
50%
;
left
:
-700px
;
top
:
100px
;
}
}
</
style
>
</
style
>
wj-vue/src/components/home/Carousel.vue
浏览文件 @
779bfef9
...
@@ -16,7 +16,7 @@
...
@@ -16,7 +16,7 @@
color
:
black
;
color
:
black
;
font-size
:
15px
;
font-size
:
15px
;
/*line-height: 300px;*/
/*line-height: 300px;*/
bottom
:
4
0
px
;
bottom
:
4
3
px
;
float
:
left
;
float
:
left
;
position
:
relative
;
position
:
relative
;
}
}
...
...
wj-vue/src/components/home/QuickNav.vue
浏览文件 @
779bfef9
<
template
>
<
template
>
<div
class=
"quick-nav"
>
<div
class=
"quick-nav"
>
<img
src=
"../../assets/img/icon/icon2.png"
alt=
""
class=
"monster"
>
<img
src=
"../../assets/img/icon/icon2.png"
alt=
""
class=
"monster"
>
<!--
<img
src=
"../../assets/img/icon/icon5.png"
alt=
""
class=
"readme"
>
-->
<img
src=
"../../assets/img/icon/icon5.png"
alt=
""
class=
"readme"
>
<img
src=
"../../assets/img/icon/icon7.png"
alt=
""
>
<img
src=
"../../assets/img/icon/icon7.png"
alt=
""
class=
"spark"
>
<img
src=
"../../assets/img/icon/logo.png"
alt=
""
class=
"logo"
>
</div>
</div>
</
template
>
</
template
>
...
@@ -23,16 +24,32 @@
...
@@ -23,16 +24,32 @@
width
:
280px
;
width
:
280px
;
height
:
260px
;
height
:
260px
;
/*position: absolute;*/
/*position: absolute;*/
top
:
150px
;
/*top: 150px;*/
left
:
700px
;
/*left: 700px;*/
}
}
.readme
{
.readme
{
width
:
180px
;
width
:
300px
;
height
:
170px
;
height
:
285px
;
/*position: absolute;*/
position
:
absolute
;
top
:
200px
;
margin-left
:
50%
;
left
:
400px
;
top
:
300px
;
left
:
230px
;
}
.spark
{
position
:
absolute
;
margin-left
:
50%
;
top
:
100px
;
left
:
20px
;
}
.logo
{
width
:
280px
;
position
:
absolute
;
margin-left
:
50%
;
top
:
50px
;
left
:
210px
;
}
}
</
style
>
</
style
>
wj-vue/src/components/home/SideMenu.vue
0 → 100644
浏览文件 @
779bfef9
<
template
>
<el-aside>
<el-menu
default-active=
"1"
@
open=
"handleOpen"
@
close=
"handleClose"
style=
"width: 170px"
>
<el-menu-item
index=
"1"
>
<i
class=
"el-icon-menu"
></i>
<span
slot=
"title"
>
技术采用
</span>
</el-menu-item>
<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-document"
></i>
<span
slot=
"title"
>
下载源码
</span>
</el-menu-item>
<el-menu-item
index=
"4"
>
<i
class=
"el-icon-setting"
></i>
<span
slot=
"title"
>
关于我们
</span>
</el-menu-item>
</el-menu>
</el-aside>
</
template
>
<
script
>
export
default
{
methods
:
{
handleOpen
(
key
,
keyPath
)
{
console
.
log
(
key
,
keyPath
)
},
handleClose
(
key
,
keyPath
)
{
console
.
log
(
key
,
keyPath
)
}
}
}
</
script
>
<
style
>
</
style
>
wj-vue/src/components/home/Tips.vue
已删除
100644 → 0
浏览文件 @
59f718dc
<
template
>
<div>
<el-row>
<el-col
span=
"8"
>
<Card></Card>
</el-col>
<el-col
span=
"8"
>
<Card></Card>
</el-col>
<el-col
span=
"8"
>
<Card></Card>
</el-col>
</el-row>
</div>
</
template
>
<
script
>
import
Card
from
'
@/components/home/Card
'
export
default
{
name
:
'
Tips
'
,
components
:
{
Card
}
}
</
script
>
<
style
scoped
>
</
style
>
wj-vue/src/components/home/Card.vue
→
wj-vue/src/components/home/
Update
Card.vue
浏览文件 @
779bfef9
<
template
>
<
template
>
<el-card
class=
"box-card"
>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<div
slot=
"header"
class=
"clearfix"
>
<span>
最近更新
</span>
<span
style=
"font-weight: bold;font-size: 20px"
>
最近更新
</span>
<el-button
style=
"float: right; padding: 3px 0"
type=
"text"
>
处理
</el-button>
<el-button
style=
"float: right; padding: 3px 0"
type=
"text"
>
修改
</el-button>
</div>
</div>
<div
class=
"block"
>
<div
class=
"block"
>
<el-timeline>
<el-timeline>
<el-timeline-item
timestamp=
"201
8/4/12
"
placement=
"top"
>
<el-timeline-item
timestamp=
"201
9/3/30
"
placement=
"top"
>
<el-card>
<el-card>
<h4>
更新
Github 模板
</h4>
<h4>
更新
首页布局
</h4>
<p>
王小虎 提交于 2018/4/12 20:46
</p>
<p>
Evan 提交于 2019/3/30 21:23
</p>
</el-card>
</el-card>
</el-timeline-item>
</el-timeline-item>
<el-timeline-item
timestamp=
"2018/4/3"
placement=
"top"
>
<el-timeline-item
timestamp=
"2018/4/3"
placement=
"top"
>
...
@@ -51,7 +51,7 @@
...
@@ -51,7 +51,7 @@
.box-card
{
.box-card
{
margin-top
:
5px
;
margin-top
:
5px
;
width
:
988px
;
width
:
988px
;
height
:
97
0px
;
height
:
105
0px
;
text-align
:
left
;
text-align
:
left
;
}
}
</
style
>
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录