榜单
服务器优惠
AI论文
-
3. 项目初始化页面
3. 项目初始化页面 3. 项目初始化页面 通过前面两步，开发者可以初步预览到初始化项目的一个页面，如果要更好的开发，我们还需要对初始化的项目结构有一定的了解 初始化项目结构 如下图所示，初始化项目的预览页面 example/index.html 中给出了 MIP 页面的一个最基本的格式。 开发时，可以在页面中直接修改页面 h... -
5. 完整示例代码
5. 完整示例代码 index.html second.html 5. 完整示例代码 其实执行到上一步我们已经完成了示例的全部开发步骤。但为了清晰和可读性考虑，我们把最终形态的示例代码展示给开发者。 index.html <html> <head> <meta charset = "utf-8" > ... -
使用
MIP 官网 使用 相关链接 License 来源(书栈小编注) MIP 官网 基于 Hexo 的 MIP 官网站点。 使用 安装依赖: npm install 本地预览: npm run dev 相关链接 MIP 官网贡献指南 MIP 核心代码 MIP 扩展组件 MIP 命令行工具 ... -
布局
mip-accordion 折叠节点 mip-app-banner App 调起组件 mip-appdl App 下载 mip-carousel 多图轮播 mip-fixed 悬浮布局 mip-fx-collection 滚动动画效果 mip-fx-flying-carpet 镂空滚动 mip-iframe iframe mi... -
多媒体
mip-anim 动画 mip-audio 音频播放 mip-img 图片 mip-novel-video mip-novel-video 组件 mip-vd-baidu 百度视频组件 mip-video 视频组件 -
3. 创建一个链接
3. 创建一个链接 再创建一个页面 添加链接 预览效果 3. 创建一个链接 到目前为止 MIP 还是以“页面”为单位。在标准 HTML 中，页面之间通过链接相连，在这点上 MIP 也是相同的。 在创建链接之前，我们需要再创建一个页面。只有拥有两个页面，才使得链接跳转有意义。 再创建一个页面 因为之前已经创建过一个页面了，因此这里就不详细... -
4. 使用自定义 Shell
4. 使用自定义 Shell 添加标签和引用 4. 使用自定义 Shell 经过前几个步骤，自定义 Shell 已经创建完成了。接下来我们要在页面中使用它，使用方法和内置的 <mip-shell> 是非常类似的。 添加标签和引用 在 <body> 内部引用 mip.js 之前使用我们刚才新建的自定义 Shell 的标签 <mip-she... -
为小故事创建一个封面
知识储备 小故事的封面的开发 添加一个封面 在封面中添加图层 2.1 创建封面的背景图 2.2 创建封面的内容 template 布局 fill vertical horizontal thirds 小故事开发系列教程 知识储备 在阅读本篇前，您需要了解什么是小故事，可以查看开发小故事前期准备 、小故事的组织结构 ... -
为小故事段落中的元素添加交互动画
知识储备 使用小故事内置动画 小故事内置的动画 基本用法 动画的高级属性 动画的使用案例 使用css动画 小故事开发系列教程 知识储备 在阅读本篇前，您需要了解什么是小故事，可以查看开发小故事前期准备 、小故事的组织结构 、创建小故事的封面 了解基础信息； 使用小故事内置动画 为了小故事页面更生动，您可以为页面上的... -
5. 完整示例代码
完整示例代码 完整示例代码 其实执行到上一步我们已经完成了示例的全部开发步骤。但为了清晰和可读性考虑，我们把最终形态的示例代码展示给开发者。 index.html <html> <head> <meta charset = "utf-8" > <title> 首页 </title> <met...