Skip to content

Instantly share code, notes, and snippets.

@huang-xiao-jian

huang-xiao-jian/mini-vnode.json

Last active April 18, 2020 07:58
Show Gist options
  • Save huang-xiao-jian/71b70ba60678f04fd1d0fb4f47a3aa80 to your computer and use it in GitHub Desktop.
Save huang-xiao-jian/71b70ba60678f04fd1d0fb4f47a3aa80 to your computer and use it in GitHub Desktop.
Download ZIP
remax example
Raw
mini-vnode.json
{
"type": "view",
"props": {
"classname": "app"
},
"children": [
{
"type": "view",
"props": {
"classname": "header"
},
"children": [
{
"type": "image",
"props": {
"src": "https://gw.alipayobjects.com/mdn/rms_b5fcc5/afts/img/a*ogyzsi087zkaaaaaaaaaaabkarqnaq",
"classname": "logo",
"alt": "logo"
},
"children": []
},
{
"type": "view",
"props": {
"classname": "text"
},
"children": [
"编辑 ",
{
"type": "text",
"props": {
"classname": "text"
},
"children": [
"src/pages/index/index.js"
]
},
"开始"
]
}
]
}
]
}
Raw
vnode.json
{
"type": "ul",
"props": {
"class": "ant-list-items"
},
"children": [
{
"type": "li",
"props": null,
"children": [
{
"type": "div",
"props": {
"class": "ant-comment"
},
"children": [
{
"type": "div",
"props": {
"class": "ant-comment-inner"
},
"children": [
{
"type": "div",
"props": {
"class": "ant-comment-avatar"
},
"children": [
{
"type": "img",
"props": {
"src": "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
"alt": "comment-avatar"
},
"children": []
}
]
},
{
"type": "div",
"props": {
"class": "ant-comment-content"
},
"children": [
{
"type": "div",
"props": {
"class": "ant-comment-content-detail"
},
"children": [
{
"type": "p",
"props": null,
"children": [
"We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently."
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "li",
"props": null,
"children": [
{
"type": "div",
"props": {
"class": "ant-comment"
},
"children": [
{
"type": "div",
"props": {
"class": "ant-comment-inner"
},
"children": [
{
"type": "div",
"props": {
"class": "ant-comment-avatar"
},
"children": [
{
"type": "img",
"props": {
"src": "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
"alt": "comment-avatar"
},
"children": []
}
]
},
{
"type": "div",
"props": {
"class": "ant-comment-content"
},
"children": [
{
"type": "div",
"props": {
"class": "ant-comment-content-detail"
},
"children": [
{
"type": "p",
"props": null,
"children": [
"We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently."
]
}
]
}
]
}
]
}
]
}
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment