一、iView-admin 后台管理系统的搭建
搭建平台的官方地址:https://github.com/iview/iview-admin
1.富文本编辑器
1> 发现问题:鼠标一旦移开编辑栏,编辑栏的下拉框就消失。截图如下:
问题所在:层级问题。修改z-index
解决办法:
.w-e-menu{
z-index: 2!important;
}
.w-e-text-container{
z-index: 1!important;
}
2> table里显示富文本内容
{
title: '描述',
key: 'desc',
render: (h, params) => {
return h('div', {
domProps: {
innerHTML: params.row.desc
},
style: {
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
textAlign: 'justify',
textJustify: 'inter-ideograph'
}
})
}
},
2.权限管理–侧边栏展示标签&按钮权限
需求:不同身份的人看到的导航栏标签不同
解決办法:
导航栏如图:
设置按钮如下:期待…
3.接入微擎,单页面应用框架刷新404问题
发现问题:因为要接入微擎平台,从微擎平台跳到这个后台管理系统,而微擎的域名很长一大段(例如:https://www.ceshi.cn/web/index.php?c=site&a=entry&do=index&m=xxx&version_id=xx/login)
mode:hostory ——