本篇文章主要是基于vue开发一个移动app,类似于今日头条,那么如何从无到有呢?注:主要写思路,具体到代码不做过多赘述1.我得先知道项目是什么类型的,是pc端是移动端还是响应式,需要实现的主要功能是什么,是否做成app ----了解项目【移动app,今日头条】2.知道要实现的主要功能了,接下来就是规划技术选型, 大概要知道需要利用什么技术,需要的插件也有数。使用v
今天我们来聊聊elemen-ui组件库Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库最近我做的项目几乎都是管理系统,所以,为了节省时间,开始使用---element-ui。一个简单的管理系统来说,这套ui框架足够使用了,而且对样式的自定义来说,这套ui框架相对于比较灵活。为什么我说管理系统适合这套ui呢?因为管理系统中使用到的组件这上面都能找到。eleme
移动端开发-旅游预约1. 第一章. 移动端开发1.1. 移动端开发方式【目标】
了解常见的移动端开发方式【路径】
基于手机API开发基于手机浏览器开发混合开发随着移动互联网的兴起和手机的普及,目前移动端应用变得愈发重要,成为了各个商家的必争之地。例如,我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等,以前只能通过PC端完成的事情,现在通过手机都能够实现,而且更加方便,而这些都需要移动端开发
转载
2024-05-11 20:56:28
96阅读
2018-4-19日更新适配到安卓低版本的插件buggyfill(是我疏忽导致大家以为vw解决方案兼容范围过小,原第六步css-modules改为buggyfill,css-modules顺延为第七步)2018-4-16日更新css-modules配置,前面步骤不变,可直接跳到第七步。写在前面的话在接触到大漠先生牵头开发的vw解决方案之前,我使用的是阿里的第一代适配解决方案 lib-flexibl
北方有佳人,绝世而独立。 一顾倾人城,再顾倾人国。 ![在这里插入图片描述]() 一、地址管理1. 需求分析移动端用户的地址信息;一个用户可以有多个地址信息,但是只能有一个默认地址。 2. 编码实现⑴. 实体类新建 src/main/java/com/reggie/entity/AddressBook 类:package com.reggie.entity;
import com.baomid
转载
2023-11-21 15:15:00
59阅读
展示 element-ui 项目中移动端适配组件及代码修改页面布局组件通过col和row实现对页面进行24栏栅格布局,但在移动端,栅格会出现过小的现象,因此限制span和gutter以及flex等属性在pc端有效。分栏偏移会使得移动端布局超出屏幕,因此也限制了offset以及响应式布局的属性等在pc端有效。// row.js 修改内容
export default {
computed: {
转载
2024-02-27 10:36:35
1959阅读
【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标
转载
2023-08-22 11:38:53
395阅读
8 个月前Mint UIGitHub:github.com/ElemeFE/mint项目主页:mint-ui.github.io/#Demo:elemefe.github.io/mint-文档:mint-ui.github.io/docs/#由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div> <span class="pages">共 {{allCounts
原创
2021-09-09 14:21:19
557阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div>
原创
2022-03-04 13:37:54
307阅读
这里我写一下我自己用的vue 移动端适配 ,可能跟别人的不一样。但是效果是一样的。我
转载
2023-02-27 15:46:50
733阅读
使用vue心得,聊聊vue
原创
2022-10-28 16:27:48
237阅读
一般情况下如果全部应用CDN或者直接全局使用,直接根据文档就行,我这里重点讲一下这个UI的框架按需引入以及REM适配(官网也有提到,只不过有点模糊,新手入门要研究一会,我只是阐述重点,以提高效率),下面开始:第一步不用说照着官网进行安装,NPM或者是yarn,都是可以的npm i vant -S
or
yarn and vant安装之后我们在babel.config.js中进行配置插件:mod
文章目录项目准备安装 amfe-flexible安装 第三方插件 postcss-pxtorem配置vue.config.jsreset.css 重置样式
原创
2022-12-21 21:47:13
7444阅读
在本文中,我列出了前 9 个最受欢迎的(根据 NPM 下载量和 Github stars,从上到下排名)UI 库,供您启动您梦想中的 Vue 项目。1、Vuetify(36.2k 星,每周 400k 次下载)Vuetify 是一个基于 Material UI 的 UI 库,有助于为您的网站构建美观、高质量的交互体验。Vuetify 的优势包括清晰的文档、庞大的社区以及在其最新版本中对
鄙人最近才刚刚开始学习一些关于移动端的知识,还只是个小白,文中可能有许多理解错误,望指出,请多多见谅。响应式什么是响应式页面呢?顾名思义响应式页面就是能做出响应的页面,它的页面效果不是定死的,会随着用户的改变而改变。如何着手响应式有以下几个思考的方向找一份设计图使用Media Query隐藏元素添加meta viewport明白手机端交互方式的区别Media Query是什么Media query
场景1 移动端和pc端风格类似,内容可复用: 直接媒体查询 @media screen and (max-width: ***px); 根据屏幕大小设置样式 场景2 风格差别比较大,内容不可复用,但接口可复用; 放在同一工程下,新建手机端文件夹,编写相应路由。 在app.vue页面编写,根据打开页面 ...
转载
2021-11-03 19:27:00
2545阅读
2评论
1.删除功能:需求:就是点击删除会弹出弹框--根据选择---删除相应的内容 实现的思路:1.利用element组件找到对话框或弹出层,然后进行相应的修改即可(注:这里需要传递id)代码展示:①布局忽略 只有js部分//删除是需要调用接口的 并且需要传递相应的id 如:
(具体操作参照接口文档)
// 删除权限
export function delPermission(id
转载
2024-08-30 11:32:28
478阅读
vue项目pc端和移动端适配1、pc端适配一、样式中根据设计稿确定缩放比例(可以设置全局或者部分页面)二、监听窗口大小改变,设置根字体大小 created() {
// 获取当前设备的宽度,设置rem的根字体大小
let width = window.innerWidth;
width = width <= 1200 ? 1200 : width;
const htmlObj = d
转载
2024-05-21 10:54:56
2691阅读
Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。 &n
转载
2024-02-18 20:23:38
1403阅读