云凤蝶项目模板开发(随手笔记)

发表于 | 更新于

云凤蝶项目模板开发(随手笔记)

官方文档入口

根目录下package.config

entry中的.css改成.less，讲css文件改成less文件，在项目中可以使用less。

  • 页面中还是引入css(虽然项目中没有css文件)
  • 提交前注意修改版本号

组件下package.json

组件名称,在编辑的时候查看个性组件时候看到的组件名字

1
2
3
4
5
6
{
  'fengdie': {
    'name': 'HomeDetail',
    'title': '描述列表'
  }
}

fengdie.config

1
2
3
4
5
6
7
8
9
module.exports = {
  title: '测试开发模板', // 版本名字
  reload: false, // 是否重新刷新页面
  security: {
    xframe: {
      enable: false // 设置安全配置头，可以关闭
    }
  }
}

跳转页面

/pages/{pages}/index.html

snapshot.png

根目录下图片是模板列表展示的图片，组件目录下图片会在编辑的时候会显示组件快照

问题

在使用编辑的时候，通过定位全屏高度，页面显示不全。通过检查发现iframe有一个bodyoverflow-y：hidden的属性，全局在项目中没有找到这个属性，加入下面一句代码解决问题

1
2
3
4
html, body {
  min-height: 100%;
  height: 100%;
}