no message
Former-commit-id: 84ba823d7a8fd389d56cdb518ad478d7c678ebdc Former-commit-id: e92662c67c8e56635fa0594d3789b9f27d014543 Former-commit-id: 5fd0969a162a05f3c9722c7c7bc20f84a250413a
This commit is contained in:
8
src/pages/demo/components/container/full-card.vue
Normal file
8
src/pages/demo/components/container/full-card.vue
Normal file
@@ -0,0 +1,8 @@
|
||||
<template>
|
||||
<Container type="full-card">
|
||||
<template slot="header">
|
||||
我是插入到 header 中的内容
|
||||
</template>
|
||||
<Markdown url="/static/markdownFiles/article/演示文章 - 长页面.md"></Markdown>
|
||||
</Container>
|
||||
</template>
|
||||
7
src/pages/demo/components/container/ghost.vue
Normal file
7
src/pages/demo/components/container/ghost.vue
Normal file
@@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<p style="margin-top: 0px;">这是一个隐形的页面容器</p>
|
||||
<p>没有边界和背景颜色</p>
|
||||
<p style="margin-bottom: 0px;">适合一些比较特殊的页面</p>
|
||||
</Container>
|
||||
</template>
|
||||
8
src/pages/demo/components/container/normal.vue
Normal file
8
src/pages/demo/components/container/normal.vue
Normal file
@@ -0,0 +1,8 @@
|
||||
<template>
|
||||
<Container>
|
||||
<template slot="header">我是插入到 header 中的内容</template>
|
||||
<p style="margin-top: 0px;">这是一个最基础的页面容器</p>
|
||||
<p>它看起来像一个卡片</p>
|
||||
<p style="margin-bottom: 0px;">它会将页面区域和导航区域区分开</p>
|
||||
</Container>
|
||||
</template>
|
||||
Reference in New Issue
Block a user