Appearance
Components and custom extensions reference
Components are the basic units for building pages.
Component types
Drag components from the left panel into the page, then configure global and component parameters on the right.
| Type | Web | Mobile Client | Description |
|---|---|---|---|
| Common Component | Support | Support | Basic content and common displays. |
| BI Component | Support | Support | Charts and Data Analysis. |
| Collaboration Component | Support | Support | Tasks, schedules, and collaboration. |
| Business Component | Support | Support | Business Objects and each Business Scenario. |
| External Component | Support | Support | External collaboration capabilities. |
| Custom Component | Support | Support | Development or extension capabilities. |
Usage locations
- Web Custom Pages can use Web components.
- App Custom Pages can use Mobile Client components.
- Platform application Web views can use Web page components.
- Platform application mobile views can use Mobile Client page components.
- CRM application views use the component types for their Terminal.
Development guides
| Type | PC guide | Mini Program guide |
|---|---|---|
| Custom Component | PC Custom Component | Mini Program Custom Component |
| Custom Plugin | PC Custom Plugin | Mini Program Custom Plugin |
Custom Component considerations
- Follow development specifications.
- Vue components can have height issues on some phones.
- Source Documents recommend
window.top.postMessageto set height manually.
javascript
window.top && window.top.postMessage({
type: 'pageHeight',
iframeId: window.iframeId,
message: {
callbackId: 'crmIndex',
config: { action: 'cuscomp.iframe.sendPageHeight', data: { height: height } }
}
}, '*')WARNING
The source lacks full context. Developers must review variable sources, cross-origin security, and mobile compatibility.
Compatibility with DingTalk and WeCom requires separate review.
Human review items
- Custom Component development entry points and Publish Process.
- Custom Plugin capability scope.
- Detailed parameters for each component.
- Component compatibility across Web, App, DingTalk, and WeCom.