Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
qq_45598856
white-jotter
提交
b56f019e
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,发现更多精彩内容 >>
提交
b56f019e
编写于
3月 18, 2019
作者:
E
Evan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update:Modified UI
上级
edd7fd43
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
36 addition
and
42 deletion
+36
-42
wj-vue/index.html
wj-vue/index.html
+1
-2
wj-vue/src/components/home/AppIndex.vue
wj-vue/src/components/home/AppIndex.vue
+4
-2
wj-vue/src/components/home/QuickNav.vue
wj-vue/src/components/home/QuickNav.vue
+4
-38
wj-vue/src/components/home/Slogan.vue
wj-vue/src/components/home/Slogan.vue
+27
-0
未找到文件。
wj-vue/index.html
浏览文件 @
b56f019e
...
...
@@ -5,8 +5,7 @@
<meta
name=
"viewport"
content=
"width=device-width,initial-scale=1.0"
>
<title>
白卷 - White Jotter
</title>
</head>
<body>
<!--此处的 div 在 main.js 中通过 id 与 vue 对象绑定,该 vue 对象中包含一个 App 组件-->
<body
bgcolor=
"#FAF9DE"
>
<div
id=
"app"
></div>
<!-- built files will be auto injected -->
</body>
...
...
wj-vue/src/components/home/AppIndex.vue
浏览文件 @
b56f019e
<
template
>
<div>
<carousel></carousel>
<
tips></tips
>
<
!--
<tips></tips>
--
>
<quick-nav></quick-nav>
<slogan></slogan>
</div>
</
template
>
...
...
@@ -10,9 +11,10 @@
import
Carousel
from
'
@/components/home/Carousel
'
import
QuickNav
from
'
@/components/home/QuickNav
'
import
Tips
from
'
@/components/home/Tips
'
import
Slogan
from
'
@/components/home/Slogan
'
export
default
{
name
:
'
AppIndex
'
,
components
:
{
Carousel
,
QuickNav
,
Tips
}
components
:
{
Carousel
,
QuickNav
,
Tips
,
Slogan
}
}
</
script
>
...
...
wj-vue/src/components/home/QuickNav.vue
浏览文件 @
b56f019e
<
template
>
<div
id=
"pro-div"
>
<el-row
id=
"introduce"
>
<el-col
:span=
"24"
>
<i
class=
"el-icon-time"
style=
"font-size: 300px;color: azure;margin-top: 50px"
></i>
<span
style=
"font-size: 30px;color: azure;"
>
How much time do you left?
</span><br>
<span
style=
"color: azure;margin-left: 280px"
>
Little ugly mmk
</span>
</el-col>
</el-row>
<el-row
id=
"quick-nav"
>
<el-col
:span=
"6"
class=
"nav-item"
></el-col>
<el-col
:span=
"6"
class=
"nav-item"
></el-col>
<el-col
:span=
"6"
class=
"nav-item"
></el-col>
<el-col
:span=
"6"
class=
"nav-item"
></el-col>
</el-row>
<img
src=
"../../assets/img/icon/icon2.png"
alt=
""
style=
"margin-left: -500px;margin-top: -80px"
>
<img
src=
"../../assets/img/icon/icon5.png"
alt=
""
style=
"width: 300px;position: absolute;margin-left: 200px"
>
<!--
<img
src=
"../../assets/img/icon/icon4.png"
alt=
""
style=
"float: left;position: absolute"
>
-->
</div>
</
template
>
...
...
@@ -25,32 +15,8 @@
<
style
scoped
>
#pro-div
{
height
:
800px
;
background-image
:
url("../../assets/img/bg/topo.png")
,
linear-gradient
(
70deg
,
#313375
,
#696cd2
);
}
#introduce
{
position
:
absolute
;
height
:
400px
;
width
:
60%
;
margin-left
:
20%
;
margin-top
:
100px
;
background-color
:
black
;
}
#quick-nav
{
position
:
absolute
;
height
:
200px
;
width
:
60%
;
margin-left
:
20%
;
margin-top
:
501px
;
/*background-color: black;*/
/*background-image: url("../../assets/img/bg/topo.png"), linear-gradient(70deg, #313375, #696cd2);*/
}
.nav-item
{
height
:
150px
;
background-color
:
black
;
border-color
:
transparent
;
border
:
2px
solid
;
}
</
style
>
wj-vue/src/components/home/Slogan.vue
0 → 100644
浏览文件 @
b56f019e
<
template
>
<div>
<el-card
class=
"box-card"
>
<div
style=
"font-size: 45px;color: azure;white-space: nowrap;margin-top: 20px"
>
Talk is nothing
</div>
<div
style=
"font-size: 45px;color: azure;white-space: nowrap;margin-top: 20px"
>
Show you my code
</div><br>
</el-card>
</div>
</
template
>
<
script
>
export
default
{
name
:
'
Slogan
'
}
</
script
>
<
style
scoped
>
.box-card
{
width
:
100%
;
height
:
310px
;
background-color
:
black
;
text-align
:
right
;
}
.slogan
{
width
:
100%
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录