1. 先上个效果图 这里我把控制菜单收缩的放在中间了,是可以随便调整的。 2. 问题思路想法 ① 首先是布局,这就是个很经典的后台管理系统的容器页面,这里分为上下结构,上面一般放些系统logo、 登录的用户信息,还有一些小功能等等。然后下面又分为左右结构,左边就是我们的导航菜单,右边那一块儿是我们将来所有的业务...
第一步建立节点树操作 在层级管理器中添加一个新的UI组件ScrollView名为MyScrollView,节点树如下 将content其中的item删除,也可以直接在item上修改,我是直接删除,添加一个Scrite(精灵),将下载的图片拖到资源管理器,然后在将图片拖入到Scrite(精灵)中的Scrite Frame中 复制一份ScrollBar分别命名为ScrollBarV、ScrollB...
使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址 https://element.eleme.cn/#/zh-CN/component/installation 这里的 是数据来源 自行更换即可 完整代码如下 代码语言:javascript 复制 <template> <el-container> <el-aside width="400px" style="position: relative;top: 20px;left...
鼠标未放到软件上面之前 放到软件上面后 软件所在卡片 高亮显示 如果背景颜色是灰色 效果更加明显 使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址 https://element.eleme.cn/#/zh-CN/component/installation 这里的 是数据来源 自行更换即可 完整代码如下 {{item.type}} ...
使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址https://element.eleme.cn/#/zh-CN/component/installation 这里的 是数据来源 自行更换即可 完整代码如下 <template><el-container><el-asidewidth="400px"style="position:relative;top:20px;left:15px;height:500px;"><el-cardshadow...
使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址https://element.eleme.cn/#/zh-CN/component/installation 这里的 是数据来源 自行更换即可 完整代码如下 <template><el-container><el-asidewidth="400px"style="position:relative;top:20px;left:15px;height:500px;"><el-cardshadow...