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

snippets

Browse Source 
Former-commit-id: 9cbb99a3c18175868240f935a9206b444a348498 [formerly 9cbb99a3c18175868240f935a9206b444a348498 [formerly 9cbb99a3c18175868240f935a9206b444a348498 [formerly 9cbb99a3c18175868240f935a9206b444a348498 [formerly 0f8c2e0ea59ba851189ea34301c6c81114959330 [formerly 6141bff6cc8fa8952def02daf74da9ef26619295]]]]]
Former-commit-id: 288acba392eb45bd53ebb4d5c526084d0a1f8098
Former-commit-id: 9488c71842d0ecfd9c6ad6f490282c68cea52600
Former-commit-id: 1d0724ce14cf93561aab3ee98d5ea74a754b918c [formerly fbb819243dde04ffa2c65192cdb78b20f4d7158a]
Former-commit-id: ea177f9bb196ecdce73a32e61d928546fbbc0a66
Former-commit-id: 616e3663b7ab4815145ec0d06624c3f28be624f8
Former-commit-id: 58ffcebefc819157def5920f1d5dffb570f2d0ac
Former-commit-id: 37dbd8c1f26a2d238198bbc89555b12213635bdf
Former-commit-id: 8b2bd5cbd92702b23d354fb8a3c3a860eed5dabc
This commit is contained in:
liyang
2018-07-25 09:38:17 +08:00
parent 835d2bb1dd
commit 04ffdc1a79
3 changed files with 179 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
dev/snippets/vue-html.json
View File

@@ -1,59 +1,82 @@
{ {
// 一个新的页面 // 一个新的页面
"d2-new-page": { "d2-new-page": {
"prefix": "dd-new-page", "prefix": "dd-new-page",
"body": [ "body": [
"<template>", "<template>",
" <d2-container type=\"${1:full}\" class=\"page\">", " <d2-container class=\"${1:page-name}\">",
" ${2:page-name}", " <!--",
" </d2-container>", " 可选 type = full(默认) | card | ghost",
"</template>", " 可选 better-scroll 属性",
"", " 可选 better-scroll-option 属性",
"<script>", " 文档 http://d2admin.fairyever.com/zh/components/container.html",
"export default {", " -->",
" <template slot=\"header\">header</template>",
" <span class=\"${1:page-name}_title\">this is [ {{name}} ]</span>",
" <template slot=\"footer\">footer</template>",
" </d2-container>",
"</template>",
"<script>",
"import { mapState, mapMutations } from 'vuex'",
"export default {",
" name: '${1:page-name}',",
" data () {", " data () {",
" return {}", " return {",
" },", " name: '${1:page-name}'",
" computed: {", " }",
" },", " },",
" methods: {", " computed: {",
" ...mapState({",
" // 访问用户信息",
" userInfo: state => state.d2admin.userInfo",
" })",
" },",
" methods: {",
" ...mapMutations([",
" // 操作公用数据",
" 'd2adminUtilDatabase',",
" // 操作用户私有数据",
" 'd2adminUtilDatabaseUser'",
" ])",
" }", " }",
"}", "}",
"</script>", "</script>",
"", "<style lang=\"scss\" scoped>",
"<style lang=\"scss\" scoped>", "@import '~@/assets/style/public.scss';",
"@import '~@/assets/style/public.scss';", ".${1:page-name} {",
".page {", " .${1:page-name}_title {",
" // Your page style here", " font-size: 14px;",
" // Do not use empty rulesets", " }",
" // If empty, delete it", " // Your page style here",
"}", " // Do not use empty rulesets",
"</style>" " // If the page does not need an additional definition style, please delete",
], "}",
"description": "new page" "</style>"
}, ],
// d2-container 组件 header 插槽 "description": "new page"
"d2-container-header": { },
"prefix": "dd-container-header", // d2-container 组件 header 插槽
"body": [ "d2-container-header": {
"<template slot=\"header\">${1:header}</template>" "prefix": "dd-container-header",
], "body": [
"description": "d2-container component header slot" "<template slot=\"header\">${1:header}</template>"
}, ],
// d2-container 组件 footer 插槽 "description": "d2-container component header slot"
"d2-container-footer": { },
"prefix": "dd-container-footer", // d2-container 组件 footer 插槽
"body": [ "d2-container-footer": {
"<template slot=\"footer\">${1:footer}</template>" "prefix": "dd-container-footer",
], "body": [
"description": "d2-container component footer slot" "<template slot=\"footer\">${1:footer}</template>"
}, ],
// 图标组件 "description": "d2-container component footer slot"
"d2-icon": { },
"prefix": "dd-icon", // 图标组件
"body": [ "d2-icon": {
"<d2-icon name=\"${1:github}\"/>" "prefix": "dd-icon",
], "body": [
"description": "d2-icon component" "<d2-icon name=\"${1:github}\"/>"
} ],
"description": "d2-icon component"
}
} }

129
dev/snippets/vue.json
View File

@@ -1,59 +1,82 @@
{ {
// 一个新的页面 // 一个新的页面
"d2-new-page": { "d2-new-page": {
"prefix": "dd-new-page", "prefix": "dd-new-page",
"body": [ "body": [
"<template>", "<template>",
" <d2-container type=\"${1:full}\" class=\"page\">", " <d2-container class=\"${1:page-name}\">",
" ${2:page-name}", " <!--",
" </d2-container>", " 可选 type = full(默认) | card | ghost",
"</template>", " 可选 better-scroll 属性",
"", " 可选 better-scroll-option 属性",
"<script>", " 文档 http://d2admin.fairyever.com/zh/components/container.html",
"export default {", " -->",
" <template slot=\"header\">header</template>",
" <span class=\"${1:page-name}_title\">this is [ {{name}} ]</span>",
" <template slot=\"footer\">footer</template>",
" </d2-container>",
"</template>",
"<script>",
"import { mapState, mapMutations } from 'vuex'",
"export default {",
" name: '${1:page-name}',",
" data () {", " data () {",
" return {}", " return {",
" },", " name: '${1:page-name}'",
" computed: {", " }",
" },", " },",
" methods: {", " computed: {",
" ...mapState({",
" // 访问用户信息",
" userInfo: state => state.d2admin.userInfo",
" })",
" },",
" methods: {",
" ...mapMutations([",
" // 操作公用数据",
" 'd2adminUtilDatabase',",
" // 操作用户私有数据",
" 'd2adminUtilDatabaseUser'",
" ])",
" }", " }",
"}", "}",
"</script>", "</script>",
"", "<style lang=\"scss\" scoped>",
"<style lang=\"scss\" scoped>", "@import '~@/assets/style/public.scss';",
"@import '~@/assets/style/public.scss';", ".${1:page-name} {",
".page {", " .${1:page-name}_title {",
" // Your page style here", " font-size: 14px;",
" // Do not use empty rulesets", " }",
" // If empty, delete it", " // Your page style here",
"}", " // Do not use empty rulesets",
"</style>" " // If the page does not need an additional definition style, please delete",
], "}",
"description": "new page" "</style>"
}, ],
// d2-container 组件 header 插槽 "description": "new page"
"d2-container-header": { },
"prefix": "dd-container-header", // d2-container 组件 header 插槽
"body": [ "d2-container-header": {
"<template slot=\"header\">${1:header}</template>" "prefix": "dd-container-header",
], "body": [
"description": "d2-container component header slot" "<template slot=\"header\">${1:header}</template>"
}, ],
// d2-container 组件 footer 插槽 "description": "d2-container component header slot"
"d2-container-footer": { },
"prefix": "dd-container-footer", // d2-container 组件 footer 插槽
"body": [ "d2-container-footer": {
"<template slot=\"footer\">${1:footer}</template>" "prefix": "dd-container-footer",
], "body": [
"description": "d2-container component footer slot" "<template slot=\"footer\">${1:footer}</template>"
}, ],
// 图标组件 "description": "d2-container component footer slot"
"d2-icon": { },
"prefix": "dd-icon", // 图标组件
"body": [ "d2-icon": {
"<d2-icon name=\"${1:github}\"/>" "prefix": "dd-icon",
], "body": [
"description": "d2-icon component" "<d2-icon name=\"${1:github}\"/>"
} ],
"description": "d2-icon component"
}
} }

34
src/demo.vue
View File

@@ -1,27 +1,47 @@
<template> <template>
<d2-container type="full" :scroll="false" class="page-name"> <d2-container class="demo-page">
<!--
可选 type = full(默认) | card | ghost
可选 better-scroll 属性
可选 better-scroll-option 属性
文档 http://d2admin.fairyever.com/zh/components/container.html
-->
<template slot="header">header</template> <template slot="header">header</template>
this is [ page-name ] <span class="demo-page_title">this is [ {{name}} ]</span>
<template slot="footer">footer</template> <template slot="footer">footer</template>
</d2-container> </d2-container>
</template> </template>
<script> <script>
import { mapState, mapMutations } from 'vuex'
export default { export default {
name: 'page-name', name: 'demo-page',
data () { data () {
return {} return {
name: 'demo-page'
}
}, },
computed: { computed: {
...mapState({
// 访问用户信息
userInfo: state => state.d2admin.userInfo
})
}, },
methods: { methods: {
...mapMutations([
// 操作公用数据
'd2adminUtilDatabase',
// 操作用户私有数据
'd2adminUtilDatabaseUser'
])
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '~@/assets/style/public.scss'; @import '~@/assets/style/public.scss';
.page-name { .demo-page {
.demo-page_title {
font-size: 14px;
}
// Your page style here // Your page style here
// Do not use empty rulesets // Do not use empty rulesets
// If the page does not need an additional definition style, please delete // If the page does not need an additional definition style, please delete