数字孪生软件CIMPro孪大师自定义组件开发规范教程
【摘要】 一、核心规范HTML 结构规范自定义组件的 HTML 代码必须包含唯一父容器，父容器固定使用类名 template-box，且该命名全局唯一，不可与其他组件重复。代码示例CSS 样式规范自定义组件的所有样式必须嵌套在 .template-box 类名内部，避免样式全局污染，保证组件样式独立性。代码示例二、完整开发示例遵循「获取 DOM → 编写组件 → 注入 DOM」三步流程，完整代码如下：...
一、核心规范
-
HTML 结构规范
自定义组件的 HTML 代码必须包含唯一父容器，父容器固定使用类名 template-box，且该命名全局唯一，不可与其他组件重复。
代码示例 -
CSS 样式规范
自定义组件的所有样式必须嵌套在 .template-box 类名内部，避免样式全局污染，保证组件样式独立性。
代码示例
二、完整开发示例
遵循「获取 DOM → 编写组件 → 注入 DOM」三步流程，完整代码如下：
三、规范核心要求
1.结构：必须有唯一父容器 .template-box，禁止无父容器的多标签并列写法
2.样式：所有样式必须嵌套在 .template-box 下，禁止全局样式、无父容器样式
3.命名：template-box 全局唯一，不与其他组件重名，保障组件隔离性
总结
1.结构强制要求：唯一父容器 .template-box
2.样式强制要求：全部嵌套在 .template-box 内
3.开发流程：获取 DOM → 编写组件 → 注入 DOM，三步完成组件开发
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）