账户中心 退出系统
使用手册 模板中心 账户中心
快速开始
框架介绍
快速部署
开发规范
开发文档
基础样式
页面组件
页码组件
表单验证
权限系统
开发规范

GraceAdmin 页面开发是从 gui-page 组件开始的哦 (:

目录结构

|_ 项目根目录
    |_ cloudfunctions 云函数文件夹
    |_ components // 组件目录,包含框架核心组件,自定义组件也是放在这里
    |_ graceForUNICloud // graceAdmin 框架样式文件及js文件存放目录
    |_ pages 页面文件目录
    |_ static 静态文件目录
    |_ 其他文件及目录遵循 uni-app 目录规范

页面命名规范

创建新的页面时请保证全局唯一,不能出现同名页面!

错误的 :
pages/index/index  与 pages/notice/index
正确的 :
pages/index/index  与 pages/notice/notice

组件规范

使用 easycom 完成组件自动导入,文件目录规范 :
|_ 项目根目录
    |_ components
        |_ 组件名称
            |_ 组件名称.vue

页面的创建及代码编写

1 新建一个页面 规范 |_ pages/页面名称/页面名称.vue;
2 page.json 关闭页面原生头部导航 : "style" : {"titleNView" : false};
3 复制 |_ pages/orther/orther.vue 的全部代码到您的页面;
4 从 <div slot="gui-body"> gui-body 插槽开始编写您的代码;

兼容 pc 端规范

1 宽度使用 100% 代替 750rpx;
2 像素单位使用 px;
3 如果使用 uni-app 内置组件发现样式兼容问题可以利用控制台抓取样式,然后重写样式进行修正;