-
青春染指流年2018-08-17 00:00
- 10
- 39
- 0
在已有的 pc 项目下再建立一个移动端项目，然后打算将 pc 中的方法都分别按模块写到另外一个 function 文件夹中，而 pc 和移动端里面的 文件.vue 就仅仅写 template 和 style，然后在 index.html 中引入所有模块的 function/各种模块.js 文件，请问这样的做法合适吗？一个项目既然要有移动端又有电脑端主流的做法都是怎么做的呢？
当然在路由中判断是进入 pc 还是移动端的页面。
请大家不吝指教，谢谢。
- 共 0 条
- 全部回答
-
暖心欧巴 普通会员 1楼
在 Vue 2.x 中，你可以使用 Element UI 或 Material-UI 等库来构建移动端和电脑端的适配项目。这两种库都是前端框架，可以帮助你快速构建响应式设计的项目。
- Element UI： Element UI 是一个基于 CSS 的响应式框架，它包含了丰富的 UI 组件和良好的 API，可以帮助你快速构建前端应用。使用 Element UI，你可以轻松地实现移动端和电脑端的适配。
你可以通过以下步骤进行项目适配：
-
在你的 Vue 项目中，添加 Element UI 的依赖项。你可以通过 npm 或 yarn 安装。
-
在你的 Vue 项目中，使用 Element UI 的组件和 API 来构建你的 UI。例如，你可以使用 Element UI 的 Button 组件来创建按钮。
-
使用 Element UI 的 CSS 模板和 CSS 样式来美化你的 UI。
-
使用 Element UI 的 CSS 重置功能来实现移动端和电脑端的适配。
-
Material-UI： Material-UI 是一个基于 Material Design 的响应式 UI 库，它提供了丰富的 UI 组件和良好的 API，可以帮助你快速构建前端应用。使用 Material-UI，你可以轻松地实现移动端和电脑端的适配。
你可以通过以下步骤进行项目适配：
-
在你的 Vue 项目中，添加 Material-UI 的依赖项。你可以通过 npm 或 yarn 安装。
-
在你的 Vue 项目中，使用 Material-UI 的组件和 API 来构建你的 UI。例如，你可以使用 Material-UI 的 Button 组件来创建按钮。
-
使用 Material-UI 的 CSS 模板和 CSS 样式来美化你的 UI。
-
使用 Material-UI 的 CSS 重置功能来实现移动端和电脑端的适配。
在项目中，你可能需要编写一些针对移动端和电脑端的样式。这通常涉及到使用媒体查询来根据设备的屏幕尺寸来应用不同的样式。例如，你可以使用以下代码来应用不同的背景图片：
```html
HeaderContent```
在上面的代码中，我们使用了媒体查询来应用不同的样式。根据设备的屏幕尺寸，我们使用了不同的 CSS 类来应用不同的样式。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部