Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
瓜皮233
Vue-购物车案例
提交
77948156
V
Vue-购物车案例
项目概览
瓜皮233
/
Vue-购物车案例
与 Fork 源项目一致
Fork自
inscode / VueJS
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
Vue-购物车案例
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
77948156
编写于
4月 29, 2023
作者:
6
642b59b229c89a1824b83ed8
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
UPDATE
上级
28ecc65c
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
12 addition
and
4 deletion
+12
-4
src/App.vue
src/App.vue
+2
-1
src/assets/main.css
src/assets/main.css
+1
-1
src/components/Header/Header.vue
src/components/Header/Header.vue
+9
-2
未找到文件。
src/App.vue
浏览文件 @
77948156
...
...
@@ -2,7 +2,7 @@
<!-- 应用程序容器 -->
<div
class=
"app-container"
>
<!-- 页面头部 -->
<Header></Header>
<Header
title=
"购物车案例"
></Header>
<!-- 页面主体 -->
<h1>
App 根组件
</h1>
</div>
...
...
@@ -21,6 +21,7 @@ export default {
<
style
lang=
"less"
scoped
>
/* 应用程序容器样式 */
.app-container {
padding-top: 45px;
/* 顶部内边距 */
padding-bottom: 50px;
...
...
src/assets/main.css
浏览文件 @
77948156
...
...
@@ -3,7 +3,7 @@
#app
{
max-width
:
1280px
;
margin
:
0
auto
;
padding
:
2rem
;
padding
:
0
;
font-weight
:
normal
;
}
...
...
src/components/Header/Header.vue
浏览文件 @
77948156
<
template
>
<div
class=
"header-container"
>
标题
</div>
<div
class=
"header-container"
>
{{
title
}}
</div>
</
template
>
<
script
>
export
default
{}
export
default
{
props
:{
title
:{
type
:
String
,
default
:
'
标题
'
,
},
}
}
</
script
>
<
style
lang=
"less"
scoped
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录