sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: d63b5bae5645a5727f8c1d2d123a9fed69d8333b [formerly d63b5bae5645a5727f8c1d2d123a9fed69d8333b [formerly d63b5bae5645a5727f8c1d2d123a9fed69d8333b [formerly d63b5bae5645a5727f8c1d2d123a9fed69d8333b [formerly a59aa74987e2519406b30df3fbd75f06196d1f84 [formerly 94a4692a08bd1bf4a14bc48bbc49b9a1496265fa]]]]]
Former-commit-id: 36e0293c6334d189140559150bd3477050dbacf9
Former-commit-id: a7f0c2023cba8b4af01637727fd0d6afeddf4a73
Former-commit-id: fb32d9e301456758eef95cbf6d22cc1b03e69837 [formerly 92ee4b0aa05ab92ed8ae8d746a4bb9581b3202ce]
Former-commit-id: f5e7b8309adf60ab634be06e40eafd04b52988ca
Former-commit-id: 0fc0aa7383bebded723782575f6967d7b4e65149
Former-commit-id: 7e5b6c0abd029b3bcf92738f639a1f3040b19497
Former-commit-id: 986e0d5e0c6812538ca6b6d4fda0889d0739a37e
Former-commit-id: 5d191db791849d887493433ef9b1101d5d0b0e9b
This commit is contained in:
liyang
2018-06-18 21:06:41 +08:00
parent 1c11c67c32
commit c20fdebe3a
4 changed files with 108 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/menu/index.js
View File

@@ -135,8 +135,9 @@ const demoElement = {
children: [
{ path: `${pre}basic-layout`, title: '布局' },
{ path: `${pre}basic-container`, title: '布局容器' },
{ path: `${pre}basic-color`, title: '颜色' },
{ path: `${pre}basic-color`, title: '色彩' },
{ path: `${pre}basic-typography`, title: '字体' },
{ path: `${pre}basic-icon`, title: '图标' },
{ path: `${pre}basic-button`, title: '按钮' }
]
}

23
src/pages/demo/element/basic-icon/index.vue Normal file
View File

@@ -0,0 +1,23 @@
<template>
<d2-container>
<template slot="header">图标</template>
<h1 class="d2-mt-0">
d2admin 已经集成 FontAwesome 图表库，提供约 1,000 个图标；并且准备好了图标组件
</h1>
<p>如果你愿意，你还可以随意使用 SVG 图标</p>
<el-button-group>
<el-button @click="$router.push({ path: '/demo/components/icon/list' })">
<d2-icon name="link"/>
图标列表
</el-button>
<el-button @click="$router.push({ path: '/demo/components/icon/icon' })">
<d2-icon name="link"/>
图标组件
</el-button>
<el-button @click="$router.push({ path: '/demo/components/icon/svg' })">
<d2-icon name="link"/>
svg 图标组件
</el-button>
</el-button-group>
</d2-container>
</template>

83
src/pages/demo/element/basic-typography/index.vue
View File

@@ -2,9 +2,90 @@
<d2-container type="ghost">
<el-card shadow="never" class="d2-mb">
<template slot="header">中文字体</template>
<el-row :gutter="10">
<el-col :span="6">
<el-card shadow="never">
<template slot="header">PingFang SC</template>
<p class="basic-typography-text typography-style-1">和畅惠风</p>
</el-card>
</el-col>
<el-col :span="6">
<el-card shadow="never">
<template slot="header">Hiragino Sans GB</template>
<p class="basic-typography-text typography-style-2">和畅惠风</p>
</el-card>
</el-col>
<el-col :span="6">
<el-card shadow="never">
<template slot="header">Microsoft YaHei</template>
<p class="basic-typography-text typography-style-3">和畅惠风</p>
</el-card>
</el-col>
</el-row>
</el-card>
<el-card shadow="never" class="d2-mb">
<template slot="header">英文／数字字体</template>
<el-row :gutter="10">
<el-col :span="6">
<el-card shadow="never">
<template slot="header">Helvetica Neue</template>
<p class="basic-typography-text typography-style-4">RGag</p>
</el-card>
</el-col>
<el-col :span="6">
<el-card shadow="never">
<template slot="header">Helvetica</template>
<p class="basic-typography-text typography-style-5">RGag</p>
</el-card>
</el-col>
<el-col :span="6">
<el-card shadow="never">
<template slot="header">Arial</template>
<p class="basic-typography-text typography-style-6">RGag</p>
</el-card>
</el-col>
</el-row>
</el-card>
<el-card shadow="never">
<template slot="header">英文／数字字体</template>
<template slot="header">Font-family 代码</template>
<d2-highlight :code="code"/>
</el-card>
</d2-container>
</template>
<script>
export default {
data () {
return {
code: 'font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;'
}
}
}
</script>
<style lang="scss" scoped>
.basic-typography-text {
font-size: 48px;
margin: 0px;
padding: 0px;
line-height: 80px;
&.typography-style-1 {
font-family: PingFang SC;
}
&.typography-style-2 {
font-family: Hiragino Sans GB;
}
&.typography-style-3 {
font-family: Microsoft YaHei;
}
&.typography-style-4 {
font-family: Helvetica Neue;
}
&.typography-style-5 {
font-family: Helvetica;
}
&.typography-style-6 {
font-family: Arial;
}
}
</style>

1
src/router/index.js
View File

@@ -112,6 +112,7 @@ const routes = [
{ path: 'basic-container', name: `${pre}basic-container`, component: () => import('@/pages/demo/element/basic-container/index.vue'), meta },
{ path: 'basic-color', name: `${pre}basic-color`, component: () => import('@/pages/demo/element/basic-color/index.vue'), meta },
{ path: 'basic-typography', name: `${pre}basic-typography`, component: () => import('@/pages/demo/element/basic-typography/index.vue'), meta },
{ path: 'basic-icon', name: `${pre}basic-icon`, component: () => import('@/pages/demo/element/basic-icon/index.vue'), meta },
{ path: 'basic-button', name: `${pre}basic-button`, component: () => import('@/pages/demo/element/basic-button/index.vue'), meta },
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/element/index/index.vue'), meta }
])('demo-element-')