自定义组件案例 - 页面通底
说明：
- 该组件可以参考如何配置属性、配置多端等。
- 注意：该组件仅供学习使用，并不是官方提供的标准组件。
1. 使用场景
页面通底功能常见于各种各样的网页底部，包含一些版权信息及相关链接，便于访问者进行不同页面间的跳转交互。
2. 效果演示
3. 操作步骤
1. 新建一个自定义组件；
2. 开启 schema 导入功能，和宜搭表单设计器的方式一样，具体可以参考：
- 打开组件设计器，打开控制台，执行下面代码
document.querySelector('.lc-left-area-bottom div:last-child').style.display = 'block'
3. 下面的 schema ，粘贴到组件设计器的 schema 控制台中，点击导入 schema
{
"schemaType": "superform",
"schemaVersion": "5.0",
"utils": [
{
"name": "fusion",
"type": "npm",
"content": {
"package": "@ali/vu-fusion",
"version": "2.0.2",
"exportName": "fusion"
}
},
{
"name": "router",
"type": "npm",
"content": {
"package": "@ali/vu-router",
"version": "1.2.1",
"exportName": "router"
}
},
{
"name": "routerSpa",
"type": "npm",
"content": {
"package": "@ali/vu-router-spa",
"version": "1.4.5",
"exportName": "routerSpa"
}
},
{
"name": "spm",
"type": "npm",
"content": {
"package": "@ali/vu-spm",
"version": "1.1.11",
"exportName": "spm"
}
},
{
"name": "switchSchema",
"type": "npm",
"content": {
"package": "@ali/vu-switch-schema",
"version": "1.0.8",
"exportName": "switchSchema"
}
},
{
"name": "legaoBuiltin",
"type": "npm",
"content": {
"package": "@ali/vu-legao-builtin",
"version": "1.5.5",
"exportName": "legaoBuiltin"
}
},
{
"name": "dataSource",
"type": "npm",
"content": {
"package": "@ali/vu-dataSource",
"version": "1.0.4",
"exportName": "dataSource"
}
},
{
"name": "toolkit",
"type": "npm",
"content": {
"package": "@ali/vu-toolkit",
"version": "1.2.0",
"exportName": "toolkit"
}
},
{
"name": "formatter",
"type": "npm",
"content": {
"package": "@ali/vu-formatter",
"version": "2.0.0",
"exportName": "formatter"
}
},
{
"name": "logic",
"type": "npm",
"content": {
"package": "@ali/vu-logic",
"version": "1.0.1",
"exportName": "logic"
}
}
],
"componentsMap": [
{
"package": "@ali/vc-deep",
"version": "2.15.25",
"componentName": "Image"
},
{
"package": "@ali/vc-link-block",
"version": "5.4.0",
"componentName": "LinkBlock"
},
{
"package": "@ali/vc-div",
"version": "1.2.0",
"componentName": "Div"
},
{
"package": "@ali/vc-deep",
"version": "2.15.25",
"componentName": "BalloonTrigger"
},
{
"package": "@ali/vc-deep",
"version": "2.15.25",
"componentName": "BalloonOverlay"
},
{
"package": "@ali/vc-deep",
"version": "2.15.25",
"componentName": "Balloon"
},
{
"package": "@ali/vc-text",
"version": "4.1.1",
"componentName": "Text"
},
{
"package": "@ali/vc-link",
"version": "5.3.1",
"componentName": "Link"
},
{
"package": "@ali/vc-slot",
"version": "2.0.1",
"componentName": "Slot"
},
{
"package": "@ali/vc-component",
"version": "1.4.4",
"componentName": "Component"
}
],
"componentsTree": [
{
"componentName": "Component",
"id": "node_k8bnubvz",
"props": {
"mobileSlot": {
"type": "JSBlock",
"value": {
"componentName": "Slot",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy33",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9o",
"behavior": "NORMAL",
"__style__": ":root {\n background: #32313c;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n}\n\n/* @media screen and ( min-width: 480px ) {\n:root {\n display: none;\n}\n} */",
"fieldId": "div_kxim0jzm"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy34",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9j",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: 1120px;\n margin: 32px auto 0 auto;\n}",
"fieldId": "div_ky2s9jgp"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy35",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9i",
"behavior": "NORMAL",
"__style__": ":root {\n width: 100%;\n display: flex;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n",
"fieldId": "div_ky2s9jgo"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy36",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9d",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n}\n",
"fieldId": "div_ky2s9jgd"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "LinkBlock",
"id": "node_ocky2s9cxy37",
"props": {
"link": {
"type": "url",
"page": "",
"url": "https://www.aliwork.com/",
"isBlank": true,
"router": {
"type": "variable",
"value": {
"type": "JSExpression",
"value": "this.utils.router"
},
"variable": "this.utils.router"
},
"__pageList__": {
"data": [],
"totalCount": 0,
"currentPage": 0
}
},
"__style__": {},
"fieldId": "linkBlock_ky2s9jgc"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "Image",
"id": "node_ocky2s9cxy38",
"props": {
"preview": false,
"autoHeight": false,
"src": {
"type": "variable",
"value": "https://img.alicdn.com/imgextra/i3/O1CN01p6vGCL20UGZXuYrrg_!!6000000006852-2-tps-900-265.png",
"variable": "props.logo"
},
"alt": "Image 404",
"className": "image_kzyzxb9c",
"fit": "cover",
"round": "0",
"width": 100,
"autoWidth": true,
"roundRadius": "0",
"__style__": ":root {\n cursor: pointer;\n}\n",
"height": 35,
"fieldId": "image_ky2s9jgb"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": ""
}
]
}
]
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy39",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9f",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 32px;\n}\n",
"fieldId": "div_ky2s9jgg"
},
"condition": true,
"hidden": false,
"loop": {
"type": "variable",
"value": [
{
"logo": "",
"qrImage": "",
"desc": ""
},
{
"logo": "",
"qrImage": "",
"desc": ""
}
],
"variable": "props.followUs"
},
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "Image",
"id": "node_ocky2s9cxy3a",
"props": {
"fit": "cover",
"preview": false,
"autoHeight": false,
"round": "0",
"src": {
"type": "variable",
"value": "https://img.alicdn.com/imgextra/i2/O1CN01vrbcCz1J8iSVXAjT0_!!6000000000984-2-tps-720-720.png",
"variable": "item.qrImage"
},
"width": 120,
"alt": "Image 404",
"autoWidth": false,
"roundRadius": "0",
"__style__": {},
"height": 120,
"fieldId": "image_ky2s9jge"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": ""
},
{
"componentName": "Text",
"id": "node_ocky2s9cxy3b",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb9e",
"behavior": "NORMAL",
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "长按识别二维码，关注宜搭公众号",
"type": "i18n"
},
"variable": "item.desc"
},
"__style__": ":root {\n font-size: 15px;\n color: white;\n line-height: 28px;\n margin-top: 32px;\n}\n",
"fieldId": "text_ky2s9jgf"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": ""
}
]
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy3g",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9h",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 16px;\n}\n",
"fieldId": "div_ky2s9jgn"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "LinkBlock",
"id": "node_ocky2s9cxy3h",
"props": {
"link": {
"type": "url",
"page": "",
"url": {
"type": "variable",
"value": "https://alidocs.dingtalk.com/i/p/6gYG95Vo1D8nVGo9/docs/6gYG9q9BkB4qDGo9",
"variable": "props.contactUs[0] ? props.contactUs[0].titleLink : ''"
},
"isBlank": true,
"router": {
"type": "variable",
"value": {
"type": "JSExpression",
"value": "this.utils.router"
},
"variable": "this.utils.router"
},
"__pageList__": {
"data": [],
"currentPage": 0,
"totalCount": 0
}
},
"__style__": {},
"fieldId": "linkBlock_ky2s9jgm"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "Text",
"id": "node_ocky2s9cxy3i",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb9g",
"behavior": "NORMAL",
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "联系我们",
"type": "i18n"
},
"variable": "props.contactUs[0] ? props.contactUs[0].title : ''"
},
"__style__": ":root {\n font-size: 15px;\n color: #0089ff;\n line-height: 28px;\n}\n",
"fieldId": "text_ky2s9jgl"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": ""
}
]
}
]
}
]
}
]
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy3j",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9n",
"behavior": "NORMAL",
"__style__": ":root {\n border-top: 1px solid hsla(0,0%,93.7%,.15);\n padding: 40px 0 40px 0;\n margin-top: 40px;\n width: 93%;\n}\n",
"fieldId": "div_ky2s9jgr"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy3s",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9m",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n justify-content: center;\n color: rgba(255, 255, 255, 0.5);\n font-size: 14px;\n flex-direction: column;\n align-items: center;\n}\n",
"fieldId": "div_ky2s9jgz"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": "",
"children": [
{
"componentName": "Text",
"id": "node_ocky2s9cxy3t",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"behavior": "NORMAL",
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "Copyright © 2022",
"type": "i18n"
},
"variable": "`Copyright © ${new Date().getFullYear()}`"
},
"__style__": {},
"fieldId": "text_ky2s9jgw"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": ""
},
{
"componentName": "Text",
"id": "node_ocky2s9cxy3u",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb9k",
"behavior": "NORMAL",
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "钉钉（中国）信息技术有限公司和／或其关联公司",
"type": "i18n"
},
"variable": "props.copyright"
},
"__style__": ":root {\n margin: 4px 0;\n}\n",
"fieldId": "text_ky2s9jgx"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": ""
},
{
"componentName": "Text",
"id": "node_ocky2s9cxy3v",
"props": {
"onClick": {
"type": "JSExpression",
"value": "this.utils.legaoBuiltin.execEventFlow.bind(this, [this.onClick])",
"events": [
{
"name": "onClick",
"id": "onClick",
"params": {},
"type": "actionRef",
"uuid": "1641465112852_0"
}
]
},
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb9l",
"behavior": "NORMAL",
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "浙ICP备18037475号-4",
"type": "i18n"
},
"variable": "props.reportNo"
},
"__style__": ":root {\n cursor: pointer;\n}\n",
"fieldId": "text_ky2s9jgy"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": ""
}
]
}
]
}
]
}
],
"props": {
"slotTitle": "mobile容器",
"slotName": "mobileSlot"
}
}
},
"className": "component_kzyzxb8p",
"useDevice": true,
"fieldId": "symbol_k8bnubw4"
},
"css": ".image_kzyzxb8q {\n cursor: pointer;\n}\n.image_kzyzxb8r {\n cursor: pointer;\n}\n.div_kzyzxb8s {\n border-radius: 50%;\n width: 38px;\n height: 38px;\n padding: 6px;\n border: 1px solid #ccc;\n margin-right: 12px;\n}\n.balloonoverlay_kzyzxb8t {\n width: auto;\n height: auto;\n}\n.div_kzyzxb8u {\n margin-top: 20px;\n}\n.div_kzyzxb8v {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.text_kzyzxb8w {\n font-size: 16px;\n font-weight: 600;\n color: #192544;\n line-height: 28px;\n margin-bottom: 24px;\n}\n.link_kzyzxb8x {\n color: #39435e !important;\n}\n.div_kzyzxb8y {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n font-size: 14px;\n font-weight: 400;\n line-height: 34px;\n cursor: pointer;\n}\n.text_kzyzxb8z {\n font-size: 16px;\n font-weight: 600;\n color: #192544;\n line-height: 28px;\n margin-bottom: 24px;\n}\n.link_kzyzxb90 {\n color: #39435e !important;\n}\n.div_kzyzxb91 {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n font-size: 14px;\n font-weight: 400;\n line-height: 34px;\n cursor: pointer;\n}\n.text_kzyzxb92 {\n font-size: 16px;\n font-weight: 600;\n color: #192544;\n line-height: 28px;\n margin-bottom: 24px;\n}\n.link_kzyzxb93 {\n color: #39435e !important;\n}\n.div_kzyzxb94 {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n font-size: 14px;\n font-weight: 400;\n line-height: 34px;\n cursor: pointer;\n}\n.div_kzyzxb95 {\n width: 100%;\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n margin-top: 24px;\n}\n.div_kzyzxb96 {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 40px auto 0;\n max-width: 1120px;\n}.text_kzyzxb97 {\n margin: 0 4px;\n}\n.text_kzyzxb98 {\n cursor: pointer;\n}\n.div_kzyzxb99 {\n display: flex;\n justify-content: center;\n color: #8e97ae;\n font-size: 14px;\n}\n.div_kzyzxb9a {\n margin: 40px auto 0;\n padding: 40px 0;\n border-top: 1px solid#e9eff7;\n max-width: 1120px;\n}.div_kzyzxb9b {\n border-top: 1px solid #e9eff7;\n background: #fff;\n margin-top: 80px;\n}\n/* @media screen and ( max-width: 480px ) {\n.div_kzyzxb9b {\n display: none;\n}\n} */\n.image_kzyzxb9c {\n cursor: pointer;\n}\n.div_kzyzxb9d {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.text_kzyzxb9e {\n font-size: 15px;\n color: white;\n line-height: 28px;\n margin-top: 32px;\n}\n.div_kzyzxb9f {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 32px;\n}\n.text_kzyzxb9g {\n font-size: 15px;\n color: #0089ff;\n line-height: 28px;\n}\n.div_kzyzxb9h {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 16px;\n}\n.div_kzyzxb9i {\n width: 100%;\n display: flex;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.div_kzyzxb9j {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: 1120px;\n margin: 32px auto 0 auto;\n}.text_kzyzxb9k {\n margin: 4px 0;\n}\n.text_kzyzxb9l {\n cursor: pointer;\n}\n.div_kzyzxb9m {\n display: flex;\n justify-content: center;\n color: rgba(255, 255, 255, 0.5);\n font-size: 14px;\n flex-direction: column;\n align-items: center;\n}\n.div_kzyzxb9n {\n border-top: 1px solid hsla(0,0%,93.7%,.15);\n padding: 40px 0 40px 0;\n margin-top: 40px;\n width: 93%;\n}\n.div_kzyzxb9o {\n background: #32313c;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n}\n\n/* @media screen and ( min-width: 480px ) {\n.div_kzyzxb9o {\n display: none;\n}\n} */",
"defaultProps": {
"copyright": "钉钉（中国）信息技术有限公司和／或其关联公司",
"reportNo": "浙ICP备18037475号-4",
"reportNoLink": "http://beian.miit.gov.cn/?spm=a1z332.10384403.0.0.45031b53mow1a8",
"quickEntry": "[\n {\n \"title\": \"帮助中心\",\n \"titleLink\": \"https://alidocs.dingtalk.com/i/p/6gYG95Vo1D8nVGo9\"\n },\n {\n \"title\": \"版本\",\n \"titleLink\": \"https://www.aliwork.com/price.html\"\n },\n {\n \"title\": \"社区\",\n \"titleLink\": \"https://www.yuque.com/yida/topics\"\n },\n {\n \"title\": \"开发者中心\",\n \"titleLink\": \"https://www.aliwork.com/developer/\"\n }\n]",
"more": "[\n {\n \"title\": \"关于宜搭\",\n \"titleLink\": \"https://www.aliwork.com\"\n },\n {\n \"title\": \"向团队推荐宜搭\",\n \"titleLink\": \"\"\n },\n {\n \"title\": \"更新日志\",\n \"titleLink\": \"https://alidocs.dingtalk.com/i/p/6gYG95Vo1D8nVGo9\"\n }\n]",
"contactUs": "[\n {\n \"title\": \"售前咨询\",\n \"titleLink\": \"https://partner.dingtalk.com/opportunity_web.html?templateId=3fe61c97b34b4fa2b1582c52690c1471&channel=%E5%94%AE%E5%89%8D%E5%92%A8%E8%AF%A2-%E5%B0%8F%E8%9C%9C#/consultingService\"\n },\n {\n \"title\": \"技术支持\",\n \"titleLink\": \"https://alidocs.dingtalk.com/i/p/6gYG95Vo1D8nVGo9/docs/6gYG9q9BkB4qDGo9\"\n }\n]",
"logo": "https://img.alicdn.com/imgextra/i2/O1CN01H3ajqP1bxF9chDQmu_!!6000000003531-55-tps-131-32.svg",
"followUs": "[\n {\n \"logo\": \"https://img.alicdn.com/imgextra/i1/O1CN01qCuWCY1TpRZCbAvH5_!!6000000002431-2-tps-200-200.png\",\n \"qrImage\": \"https://img.alicdn.com/imgextra/i1/O1CN01HT2SkP1dFqwbn5ouh_!!6000000003707-2-tps-310-312.png\",\n \"desc\": \"长按识别二维码，关注宜搭公众号\"\n },\n {\n \"logo\": \"https://img.alicdn.com/imgextra/i2/O1CN01SCwX3r20NOdLIfobM_!!6000000006837-2-tps-200-200.png\",\n \"qrImage\": \"https://img.alicdn.com/imgextra/i2/O1CN01vrbcCz1J8iSVXAjT0_!!6000000000984-2-tps-720-720.png\",\n \"desc\": \"识别二维码，关注宜搭服务窗\"\n }\n]"
},
"methods": {
"__initMethods__": {
"type": "js",
"source": "function (exports, module) { /*set actions code here*/ }",
"compiled": "function (exports, module) { /*set actions code here*/ }"
}
},
"loopArgs": [
"item",
"index"
],
"lifeCycles": {
"constructor": {
"type": "js",
"compiled": "function constructor() {\nvar module = { exports: {} };\nvar _this = this;\nthis.__initMethods__(module.exports, module);\nObject.keys(module.exports).forEach(function(item) {\n if(typeof module.exports[item] === 'function'){\n _this[item] = module.exports[item];\n }\n});\n\n}",
"source": "function constructor() {\nvar module = { exports: {} };\nvar _this = this;\nthis.__initMethods__(module.exports, module);\nObject.keys(module.exports).forEach(function(item) {\n if(typeof module.exports[item] === 'function'){\n _this[item] = module.exports[item];\n }\n});\n\n}"
}
},
"condition": true,
"propTypes": [
{
"defaultValue": "钉钉（中国）信息技术有限公司和／或其关联公司",
"display": "block",
"name": "copyright",
"title": "copyright",
"type": "string",
"setter": "TextSetter"
},
{
"defaultValue": "浙ICP备18037475号-4",
"display": "block",
"name": "reportNo",
"title": "报备号",
"type": "string",
"setter": "TextSetter"
},
{
"defaultValue": "http://beian.miit.gov.cn/?spm=a1z332.10384403.0.0.45031b53mow1a8",
"display": "block",
"name": "reportNoLink",
"title": "报备号链接",
"type": "string",
"setter": "TextSetter"
},
{
"defaultValue": "[\n {\n \"title\": \"帮助中心\",\n \"titleLink\": \"https://alidocs.dingtalk.com/i/p/6gYG95Vo1D8nVGo9\"\n },\n {\n \"title\": \"版本\",\n \"titleLink\": \"https://www.aliwork.com/price.html\"\n },\n {\n \"title\": \"社区\",\n \"titleLink\": \"https://www.yuque.com/yida/topics\"\n },\n {\n \"title\": \"开发者中心\",\n \"titleLink\": \"https://www.aliwork.com/developer/\"\n }\n]",
"display": "block",
"name": "quickEntry",
"setterProps": {
"editable": true,
"checkField": false,
"configure": [
{
"name": "title",
"title": "title",
"setter": "TextSetter"
},
{
"name": "titleLink",
"title": "跳转地址",
"setter": "TextSetter"
}
]
},
"configure": [
{
"name": "title",
"title": "title",
"setter": "TextSetter"
},
{
"name": "titleLink",
"title": "跳转地址",
"setter": "TextSetter"
}
],
"title": "快捷入口",
"type": "array",
"setter": "ListSetter"
},
{
"defaultValue": "[\n {\n \"title\": \"关于宜搭\",\n \"titleLink\": \"https://www.aliwork.com\"\n },\n {\n \"title\": \"向团队推荐宜搭\",\n \"titleLink\": \"\"\n },\n {\n \"title\": \"更新日志\",\n \"titleLink\": \"https://alidocs.dingtalk.com/i/p/6gYG95Vo1D8nVGo9\"\n }\n]",
"display": "block",
"name": "more",
"setterProps": {
"editable": true,
"checkField": false,
"configure": [
{
"name": "title",
"title": "title",
"setter": "TextSetter"
},
{
"name": "titleLink",
"title": "跳转地址",
"setter": "TextSetter"
}
]
},
"configure": [
{
"name": "title",
"title": "title",
"setter": "TextSetter"
},
{
"name": "titleLink",
"title": "跳转地址",
"setter": "TextSetter"
}
],
"title": "更多",
"type": "array",
"setter": "ListSetter"
},
{
"defaultValue": "[\n {\n \"title\": \"售前咨询\",\n \"titleLink\": \"https://partner.dingtalk.com/opportunity_web.html?templateId=3fe61c97b34b4fa2b1582c52690c1471&channel=%E5%94%AE%E5%89%8D%E5%92%A8%E8%AF%A2-%E5%B0%8F%E8%9C%9C#/consultingService\"\n },\n {\n \"title\": \"技术支持\",\n \"titleLink\": \"https://alidocs.dingtalk.com/i/p/6gYG95Vo1D8nVGo9/docs/6gYG9q9BkB4qDGo9\"\n }\n]",
"display": "block",
"name": "contactUs",
"setterProps": {
"editable": true,
"checkField": false,
"configure": [
{
"name": "title",
"title": "title",
"setter": "TextSetter"
},
{
"name": "titleLink",
"title": "跳转链接",
"setter": "TextSetter"
}
]
},
"configure": [
{
"name": "title",
"title": "title",
"setter": "TextSetter"
},
{
"name": "titleLink",
"title": "跳转链接",
"setter": "TextSetter"
}
],
"title": "联系我们",
"type": "array",
"setter": "ListSetter"
},
{
"tipContent": "100 x 35",
"defaultValue": "https://img.alicdn.com/imgextra/i2/O1CN01H3ajqP1bxF9chDQmu_!!6000000003531-55-tps-131-32.svg",
"display": "block",
"name": "logo",
"setterProps": {},
"title": "logo",
"type": "string",
"setter": "ImageSetter"
},
{
"defaultValue": "[\n {\n \"logo\": \"https://img.alicdn.com/imgextra/i1/O1CN01qCuWCY1TpRZCbAvH5_!!6000000002431-2-tps-200-200.png\",\n \"qrImage\": \"https://img.alicdn.com/imgextra/i1/O1CN01HT2SkP1dFqwbn5ouh_!!6000000003707-2-tps-310-312.png\",\n \"desc\": \"长按识别二维码，关注宜搭公众号\"\n },\n {\n \"logo\": \"https://img.alicdn.com/imgextra/i2/O1CN01SCwX3r20NOdLIfobM_!!6000000006837-2-tps-200-200.png\",\n \"qrImage\": \"https://img.alicdn.com/imgextra/i2/O1CN01vrbcCz1J8iSVXAjT0_!!6000000000984-2-tps-720-720.png\",\n \"desc\": \"识别二维码，关注宜搭服务窗\"\n }\n]",
"display": "block",
"name": "followUs",
"setterProps": {
"editable": true,
"checkField": false,
"configure": [
{
"name": "logo",
"title": "logo",
"setter": "ImageSetter"
},
{
"name": "qrImage",
"title": "二维码图片",
"setter": "ImageSetter"
},
{
"name": "desc",
"title": "描述",
"setter": "TextSetter"
}
]
},
"configure": [
{
"name": "logo",
"title": "logo",
"setter": "ImageSetter"
},
{
"name": "qrImage",
"title": "二维码图片",
"setter": "ImageSetter"
},
{
"name": "desc",
"title": "描述",
"setter": "TextSetter"
}
],
"title": "关注我们",
"type": "array",
"setter": "ListSetter"
}
],
"state": {},
"dataSource": {
"offline": [],
"globalConfig": {},
"online": [
{
"isReadonly": true,
"formUuid": "OJYJ0B3W-2WJEBXWE4PQFV556VLL52-8RM24E8K-0",
"name": "urlParams",
"description": "URL 上 querystring 解析后的对象",
"id": "3JA66RC1-DEEXINY82E6Z65RZI2X32-BQSOGFZK-5",
"protocal": "URI"
}
],
"list": [
{
"isReadonly": true,
"formUuid": "OJYJ0B3W-2WJEBXWE4PQFV556VLL52-8RM24E8K-0",
"name": "urlParams",
"description": "URL 上 querystring 解析后的对象",
"id": "3JA66RC1-DEEXINY82E6Z65RZI2X32-BQSOGFZK-5",
"protocal": "URI"
}
],
"sync": true
},
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy1c",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9b",
"behavior": "NORMAL",
"__style__": ":root {\n border-top: 1px solid #e9eff7;\n background: #fff;\n margin-top: 80px;\n}\n/* @media screen and ( max-width: 480px ) {\n:root {\n display: none;\n}\n} */\n",
"fieldId": "div_kxijgykx"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy1d",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb96",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 40px auto 0;\n max-width: 1120px;\n}",
"fieldId": "div_ky2s9jg8"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy1e",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb95",
"behavior": "NORMAL",
"__style__": ":root {\n width: 100%;\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n margin-top: 24px;\n}\n",
"fieldId": "div_ky2s9jg7"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy1f",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb8v",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n}\n",
"fieldId": "div_ky2s9jfo"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "LinkBlock",
"id": "node_ocky2s9cxy1g",
"props": {
"link": {
"type": "url",
"page": "",
"url": "https://www.aliwork.com/",
"isBlank": true,
"router": {
"type": "variable",
"value": {
"type": "JSExpression",
"value": "this.utils.router"
},
"variable": "this.utils.router"
},
"__pageList__": {
"data": [],
"totalCount": 0,
"currentPage": 0
}
},
"__style__": {},
"fieldId": "linkBlock_ky2s9jfa"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Image",
"id": "node_ocky2s9cxy1h",
"props": {
"preview": false,
"autoHeight": true,
"src": {
"type": "variable",
"value": "https://img.alicdn.com/imgextra/i2/O1CN01H3ajqP1bxF9chDQmu_!!6000000003531-55-tps-131-32.svg",
"variable": "props.logo"
},
"alt": "Image 404",
"className": "image_kzyzxb8q",
"fit": "cover",
"round": "0",
"width": 100,
"autoWidth": true,
"roundRadius": "0",
"__style__": ":root {\n cursor: pointer;\n}\n",
"height": 35,
"fieldId": "image_ky2s9jf9"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
}
]
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy1i",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb8u",
"behavior": "NORMAL",
"__style__": ":root {\n margin-top: 20px;\n}\n",
"fieldId": "div_ky2s9jfn"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Balloon",
"id": "node_ocky2s9cxy1j",
"props": {
"visible": false,
"closable": false,
"display": "inline-block",
"align": "b",
"type": "normal",
"content": {
"use": "zh_CN",
"en_US": "content",
"zh_CN": "提示内容",
"type": "i18n"
},
"balloonOverlayVisible": true,
"delay": "",
"needAdjust": true,
"defaultVisible": false,
"overlayMaxWidth": "1000px",
"triggerType": "hover",
"TYPE": "balloon",
"fieldId": "balloon_ky2s9jfe",
"CONTROL": false
},
"condition": true,
"loop": {
"type": "variable",
"value": [
{
"logo": "",
"qrImage": "",
"desc": ""
},
{
"logo": "",
"qrImage": "",
"desc": ""
},
{
"logo": "",
"qrImage": "",
"desc": ""
}
],
"variable": "props.followUs"
},
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "BalloonTrigger",
"id": "node_ocky2s9cxy1k",
"props": {
"__style__": {}
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy1l",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb8s",
"behavior": "NORMAL",
"__style__": ":root {\n border-radius: 50%;\n width: 38px;\n height: 38px;\n padding: 6px;\n border: 1px solid #ccc;\n margin-right: 12px;\n}\n",
"fieldId": "div_ky2s9jfc"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Image",
"id": "node_ocky2s9cxy1m",
"props": {
"preview": false,
"autoHeight": false,
"src": {
"type": "variable",
"value": "https://img.alicdn.com/imgextra/i1/O1CN01qCuWCY1TpRZCbAvH5_!!6000000002431-2-tps-200-200.png",
"variable": "item.logo"
},
"alt": "Image 404",
"className": "image_kzyzxb8r",
"fit": "cover",
"round": "0",
"width": 24,
"autoWidth": false,
"roundRadius": "0",
"__style__": ":root {\n cursor: pointer;\n}\n",
"height": 24,
"fieldId": "image_ky2s9jfb"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
}
]
}
]
},
{
"componentName": "BalloonOverlay",
"id": "node_ocky2s9cxy1n",
"props": {
"className": "balloonoverlay_kzyzxb8t",
"__style__": ":root {\n width: auto;\n height: auto;\n}\n"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Image",
"id": "node_ocky2s9cxy1o",
"props": {
"fit": "cover",
"preview": false,
"autoHeight": false,
"round": "0",
"src": {
"type": "variable",
"value": "https://img.alicdn.com/imgextra/i1/O1CN01HT2SkP1dFqwbn5ouh_!!6000000003707-2-tps-310-312.png",
"variable": "item.qrImage"
},
"width": 90,
"alt": "Image 404",
"autoWidth": false,
"roundRadius": "0",
"__style__": {},
"height": 90,
"fieldId": "image_ky2s9jfd"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
}
]
}
]
}
]
}
]
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy21",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"behavior": "NORMAL",
"__style__": {},
"fieldId": "div_ky2s9jfv"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Text",
"id": "node_ocky2s9cxy22",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb8w",
"behavior": "NORMAL",
"content": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "快捷入口",
"type": "i18n"
},
"__style__": ":root {\n font-size: 16px;\n font-weight: 600;\n color: #192544;\n line-height: 28px;\n margin-bottom: 24px;\n}\n",
"fieldId": "text_ky2s9jfp"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy23",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb8y",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n font-size: 14px;\n font-weight: 400;\n line-height: 34px;\n cursor: pointer;\n}\n",
"fieldId": "div_ky2s9jfu"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Link",
"id": "node_ocky2s9cxy24",
"props": {
"link": {
"type": "url",
"page": "",
"url": {
"type": "variable",
"value": "https://alidocs.dingtalk.com/i/p/6gYG95Vo1D8nVGo9",
"variable": "item.titleLink"
},
"isBlank": true,
"router": {
"type": "variable",
"value": {
"type": "JSExpression",
"value": "this.utils.router"
},
"variable": "this.utils.router"
},
"__pageList__": {
"data": [],
"currentPage": 0,
"totalCount": 0
}
},
"className": "link_kzyzxb8x",
"textOverflow": false,
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "link text",
"zh_CN": "帮助中心",
"type": "i18n"
},
"variable": "item.title"
},
"__style__": ":root {\n color: #39435e !important;\n}\n",
"fieldId": "link_ky2s9jfq"
},
"condition": true,
"loop": {
"type": "variable",
"value": [
{
"title": "帮助中心",
"titleLink": ""
},
{
"title": "版本",
"titleLink": ""
},
{
"title": "社区",
"titleLink": ""
},
{
"title": "开发者中心",
"titleLink": ""
}
],
"variable": "props.quickEntry"
},
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
}
]
}
]
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy28",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"behavior": "NORMAL",
"__style__": {},
"fieldId": "div_ky2s9jg1"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Text",
"id": "node_ocky2s9cxy29",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb8z",
"behavior": "NORMAL",
"content": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "更多",
"type": "i18n"
},
"__style__": ":root {\n font-size: 16px;\n font-weight: 600;\n color: #192544;\n line-height: 28px;\n margin-bottom: 24px;\n}\n",
"fieldId": "text_ky2s9jfw"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy2a",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb91",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n font-size: 14px;\n font-weight: 400;\n line-height: 34px;\n cursor: pointer;\n}\n",
"fieldId": "div_ky2s9jg0"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Link",
"id": "node_ocky2s9cxy2b",
"props": {
"link": {
"type": "url",
"url": {
"type": "variable",
"value": "https://www.aliwork.com",
"variable": "item.titleLink"
},
"isBlank": true,
"router": {
"type": "variable",
"value": {
"type": "JSExpression",
"value": "this.utils.router"
},
"variable": "this.utils.router"
},
"__pageList__": {
"data": [],
"totalCount": 0,
"currentPage": 0
}
},
"className": "link_kzyzxb90",
"textOverflow": false,
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "link text",
"zh_CN": "关于宜搭",
"type": "i18n"
},
"variable": "item.title"
},
"__style__": ":root {\n color: #39435e !important;\n}\n",
"fieldId": "link_ky2s9jfx"
},
"condition": true,
"loop": {
"type": "variable",
"value": [
{
"title": "关于宜搭",
"titleLink": ""
},
{
"title": "向团队推荐宜搭",
"titleLink": ""
},
{
"title": "更多日志",
"titleLink": ""
}
],
"variable": "props.more"
},
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
}
]
}
]
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy2e",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"behavior": "NORMAL",
"__style__": {},
"fieldId": "div_ky2s9jg6"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Text",
"id": "node_ocky2s9cxy2f",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb92",
"behavior": "NORMAL",
"content": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "联系我们",
"type": "i18n"
},
"__style__": ":root {\n font-size: 16px;\n font-weight: 600;\n color: #192544;\n line-height: 28px;\n margin-bottom: 24px;\n}\n",
"fieldId": "text_ky2s9jg2"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy2g",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb94",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n font-size: 14px;\n font-weight: 400;\n line-height: 34px;\n cursor: pointer;\n}\n",
"fieldId": "div_ky2s9jg5"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Link",
"id": "node_ocky2s9cxy2h",
"props": {
"link": {
"type": "url",
"page": "",
"url": {
"type": "variable",
"value": "https://partner.dingtalk.com/opportunity_web.html?templateId=3fe61c97b34b4fa2b1582c52690c1471&channel=%E5%94%AE%E5%89%8D%E5%92%A8%E8%AF%A2-%E5%B0%8F%E8%9C%9C#/consultingService",
"variable": "item.titleLink"
},
"isBlank": true,
"router": {
"type": "variable",
"value": {
"type": "JSExpression",
"value": "this.utils.router"
},
"variable": "this.utils.router"
},
"__pageList__": {
"data": [],
"currentPage": 0,
"totalCount": 0
}
},
"className": "link_kzyzxb93",
"textOverflow": false,
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "link text",
"zh_CN": "售前咨询",
"type": "i18n"
},
"variable": "item.title"
},
"__style__": ":root {\n color: #39435e !important;\n}\n",
"fieldId": "link_ky2s9jg3"
},
"condition": true,
"loop": {
"type": "variable",
"value": [
{
"title": "售前咨询",
"titleLink": ""
},
{
"title": "技术支持",
"titleLink": ""
}
],
"variable": "props.contactUs"
},
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
}
]
}
]
}
]
}
]
},
{
"componentName": "Div",
"id": "node_ocky2s9cxy2j",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb9a",
"behavior": "NORMAL",
"__style__": ":root {\n margin: 40px auto 0;\n padding: 40px 0;\n border-top: 1px solid#e9eff7;\n max-width: 1120px;\n}",
"fieldId": "div_ky2s9jga"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Div",
"id": "node_ocky2s9cxy3m",
"props": {
"useFieldIdAsDomId": false,
"customClassName": "",
"className": "div_kzyzxb99",
"behavior": "NORMAL",
"__style__": ":root {\n display: flex;\n justify-content: center;\n color: #8e97ae;\n font-size: 14px;\n}\n",
"fieldId": "div_ky2s9jgs"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Text",
"id": "node_ocky2s9cxy3n",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"behavior": "NORMAL",
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "Copyright © 2022",
"type": "i18n"
},
"variable": "`Copyright © ${new Date().getFullYear()}`"
},
"__style__": {},
"fieldId": "text_ky2s9jgt"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
},
{
"componentName": "Text",
"id": "node_ocky2s9cxy3o",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb97",
"behavior": "NORMAL",
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "钉钉（中国）信息技术有限公司和／或其关联公司",
"type": "i18n"
},
"variable": "props.copyright"
},
"__style__": ":root {\n margin: 0 4px;\n}\n",
"fieldId": "text_ky2s9jgu"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
},
{
"componentName": "Text",
"id": "node_ocky2s9cxy3p",
"props": {
"onClick": {
"type": "JSExpression",
"value": "this.utils.legaoBuiltin.execEventFlow.bind(this, [this.onClick])",
"events": [
{
"name": "onClick",
"id": "onClick",
"params": {},
"type": "actionRef",
"uuid": "1641465112852_0"
}
]
},
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"className": "text_kzyzxb98",
"behavior": "NORMAL",
"content": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Tips content",
"zh_CN": "浙ICP备18037475号-4",
"type": "i18n"
},
"variable": "props.reportNo"
},
"__style__": ":root {\n cursor: pointer;\n}\n",
"fieldId": "text_ky2s9jgv"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
}
]
}
]
}
]
}
]
}
],
"actions": {
"module": {
"compiled": "\"use strict\";\n\nexports.__esModule = true;\nexports.onClick = onClick;\n\n/**\n* text onClick\n*/\nfunction onClick() {\n window.open(this.props.reportNoLink);\n}",
"source": " \n /**\n* text onClick\n*/\nexport function onClick(){\n window.open(this.props.reportNoLink); \n}"
},
"type": "FUNCTION",
"list": [
{
"id": "onClick",
"title": "onClick"
}
]
}
}
本文档对您是否有帮助？