使用AppCube制作AppCube官网页面的感想(大前端第二阶段考核)

举报
wuyicom 发表于 2021/08/22 21:26:02 2021/08/22
【摘要】     通过参加大 前端的第二阶段学习,使用AppCube 来 制作 AppCube 官网页面 来 完成第二阶段的考核。 总结 一下 在 期间遇到的 问题 和解决办法 。    1 使用 AppCube 制作 AppCube 官网页面 时 ,不能 在 AppCube 直接使用链接来获取图片, 刚好 看到lwq1228 写 的 《 使用 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 都 能学习 新 的东西, 期待 第三次考核能有更大的惊喜。








【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。