Pangu CodeX Assistant
盘古开发助手 —— 您的智能开发伙伴，助力高效开发
- 深度整合 ：与盘古平台紧密结合，适配盘古框架结构。
- 智能提示 ：智能捕捉编码意图，一键触发代码提示。
- 生态适应 ：遵循盘古生态的最佳实践，让代码更健壮、更优雅。
- 效率提升 ：减少查找时间，让您专注于创新和解决更复杂的问题。
- 代码提示与快速生成——提升编码效率，加速开发流程
- AI 结对编程伙伴——与盘古一起编码，让编程更简单
- 开箱即用，带你起飞——你想要的全都有
Layout Snippets
| Prefix |
Description |
layout-list |
列表 |
layout-tree-list |
左侧树右侧列表 |
Gl Snippets
| Prefix |
Description |
gl-drawer |
抽屉 |
gl-table |
表格 |
gl-form |
表单 |
gl-tree |
树 |
gl-card |
卡片 |
gl-page |
分页 |
gl-upload |
上传 |
gl-dialog |
弹窗 |
gl-dynamic-form |
动态表单 |
gl-dynamic-form-item |
动态表单项 |
Css mixin Snippets
| Prefix |
Description |
include bg-color |
背景颜色 |
include border |
边框 |
include border-color |
边框颜色 |
include border-radius |
边框圆角(2px) |
include border-t-color |
上边框颜色 |
include border-b-color |
下边框颜色 |
include border-l-color |
左边框颜色 |
include border-r-color |
右边框颜色 |
include shadow |
阴影 |
include font-color |
字体颜色 |
include font-size |
字体大小 |
include font-weight |
字体粗细 |
include single-ellipse |
单行文字省略... |
include more-ellipse |
多行文字省略... |
include scroll-bar |
滚动条 |
include position |
定位 |
include active-bg-text |
选中悬停状态背景和文字颜色 |
Css Snippets
| Prefix |
Description |
color-primary |
强调色、文字链接 |
color-primary-hover |
悬停色 |
color-primary-disabled |
禁用色 |
color-primary-light |
选中色（淡） |
color-primary-lighter |
悬停色（淡） |
color-text-primary |
重要文字 |
color-text-secondary |
次要文字/图标 |
color-text-placeholder |
占位/辅助文字 |
color-text-disabled |
禁用文字 |
color-text-table-header |
表头文字 |
color-bg-page |
页面最底层，比基色深 (水槽颜色) |
color-bg-container |
内容区/卡片/浮层面板等容器背景 |
color-bg-dim |
基色之上的二级背景层/代码背景 |
color-bg-light |
基色之上的二级背景层 |
color-bg-overlay |
对话框/抽屉等弹出层遮罩背景 |
color-fill-dark |
小型填充Tab底色 |
color-fill-base |
输入框/选择框/文本域等组件底色 |
color-fill-light |
默认标签/滑块/进度条等组件底色 |
color-fill-lighter |
表头/穿梭框头/折叠面板头/选中态/悬停态等 |
color-fill-button |
默认按钮/分页 |
color-fill-disabled |
输入框/选择框/文本域等底色禁用态 |
color-fill-card-header |
卡片头部 |
color-border |
默认组件边框 |
color-border-light |
二级边框/分割线 |
color-border-lighter |
三级边框/图表网格线 |
color-border-button |
默认按钮/分页组件 |
color-border-table |
表格线 |
color-border-container |
内容区/卡片/浮层面板等容器边框 |
color-white |
不随主题变化的白色 |
color-black |
不随主题变化的黑色 |
color-menu-bg |
菜单栏-默认背景色 |
color-menu-fill-dark |
菜单栏-组展开/预留底色 |
color-menu-fill-light |
菜单栏-悬停/选中色 |
color-menu-divider |
菜单栏-容器内部的分割线 |
color-menu-border |
菜单栏-容器外部的边框线 |
color-menu-text-primary |
菜单栏-重要文字 |
color-menu-text-regular |
菜单栏-常规文字 |
color-menu-text-secondary |
菜单栏-次要文字/图标 |
color-menu-text-placeholder |
菜单栏-占位/辅助文字 |
color-navi-bg |
顶栏-默认背景色 |
color-navi-fill-dark |
顶栏-组展开/预留底色 |
color-navi-fill-light |
顶栏-悬停/选中色 |
color-navi-divider |
顶栏-容器内部的分割线 |
color-navi-border |
顶栏-容器外部的边框线 |
color-navi-text-primary |
顶栏-重要文字 |
color-navi-text-regular |
顶栏-常规文字 |
color-navi-text-secondary |
顶栏-次要文字/图标 |
color-navi-text-placeholder |
顶栏-占位/辅助文字 |
border-radius-base |
默认圆角率(2px) |
border-radius-medium |
Popconfirm、Notification、Dialog等反馈类浮层圆角率(4px) |
border-radius-circle |
全圆角, 用于胶囊按钮、avatar、badge等组件(50%) |
border-thickness |
边框厚度(1px) |
shadow-basev |
直接铺在页面上方的元素，卡片等容器(3) |
shadow-large |
浮层阴影(box-shadow: 0px 12px 24px 12px rgba(0, 0, 0, 0.06), 0px 5px 10px 0px rgba(0, 0, 0, 0.06)) |
shadow-left |
侧边栏、抽屉、表格固定列等左侧阴影(box-shadow: -3px 0px 6px 0px rgba(0, 0, 0, 0.03)) |
shadow-right |
侧边栏、抽屉、表格固定列等右侧阴影(box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.03)) |
shadow-focus |
下拉框输入框等聚焦时的外框光晕样式，颜色使用color-primary-light(2px solid) |
font-size-heading-1 |
一级指标值、报表、文档标题(40px) |
font-size-heading-2 |
二级指标值、报表、文档标题(32px) |
font-size-heading-3 |
三级指标值、报表、文档标题(24px) |
font-size-heading-4 |
四级指标值、报表、文档标题(18px) |
font-size-heading-5 |
页面标题、弹窗标题(16px) |
font-size-heading-6 |
卡片标题、表单分类标题(14px) |
font-size-body |
默认正文大小（跟随主题变化）(移动云12px / 盘古14px) |
font-size-medium |
报表、文档、Tabs等组件默认文字大小 (固定文字大小，不受主题切换影响)(14px) |
font-size-small |
辅助文字、图表组件文字、小号组件文字 (固定文字大小，不受主题切换影响)(12px) |
font-weight-regular |
常规文字(400) |
font-weight-bold |
加粗文字(600) |
Vue Snippets
| Prefix |
Description |
vue-sfc |
选项式vue |
vue-composition |
组合式vue |
Javascript Snippets
| Prefix |
Content |
log |
console.log() |
import |
import from |
function |
const = ()=>{{}) |
if |
if () {} |
elseif |
else if () {} |
else |
else {} |
map |
.map((item, idx) => { return }) |
forEach |
.forEach((item, idx) => {}) |
find |
const = .find(item => ) |
switch |
switch() {case :return case :return } |
const |
const = |
let |
let = |
| |
