使用AppCube制作AppCube官网页面的感想(大前端第二阶段考核)
通过参加大 前端的第二阶段学习,使用AppCube 来 制作 AppCube 官网页面 来 完成第二阶段的考核。 总结 一下 在 期间遇到的 问题 和解决办法 。
1 使用 AppCube 制作 AppCube 官网页面 时 ,不能 在 AppCube 直接使用链接来获取图片, 刚好 看到lwq1228 写 的 《 使用 AppCube 应用魔方创建 AppCube 官网页面( PC 端 + 移动端) - 详细开发过程(一) 》 https://bbs.huaweicloud.com/blogs/296637 ,才知道要添加一个图片 按钮, 通过 在 图片地址里上传图片或 在 链接地址获取 , 非常感谢lwq1228 的 分享。 特别注意一点:上传图片后,还 要 选择 指定 的 图片 , 点击 确定,否则不能获取到图片的链接地址 。 最后 还 要 修改图片 宽高 , 目的 是把图片按钮 不 显示在页面上,达到 整体 的 美观 。
2 之前我 把所有图片 全部 选定,这样会导致无法显示eee.png 的 图片,如图所示:
解决 的办法是: 在图片 —— 图片 地址里 把不 需要的图片删除掉 ,只 保留eee.png , 这样就能显示。但是 这样 做的后果是在最后完成 需要 编译 时 ,报错 提示 缺少之前删除的图片ID,要在组件 代码 里删除图片的ID和URL,才能 编译成功。编译 成功后才能发布 。
通过这次 考核,对 AppCube 里面的容器有了更深的了解, 第一次 考核时 使用 的容器都是单个没关联 , 这次考核是层层容器相关联,增加了复杂度 , 容易弄混 。 避免 混乱 ,就 会 使用到 组件 树,如果拖拽的图 标 (如 容器等 ) 不 在 指定 的位置,可以在组件树里面调整 图标 到 指定的位置 。 还有学习 了 分栏 和 面包屑的使用。 这两 次 考核 使用Appcube 都 能学习 新 的东西, 期待 第三次考核能有更大的惊喜。
- 点赞
- 收藏
- 关注作者
评论(0)