使用vue心得,聊聊vue
原创 2022-10-28 16:27:48
237阅读
开源项目下载地址vue-element-admin    https://github.com/PanJiaChen/vue-element-admin1.pc的项目,最好的选择是ElementUI。(pc)官网地址:http://element-cn.eleme.io/#/zh-CN  github地址:https://github.com/ElemeFE/element
1. 项目初始化 新建项目 vue create myProject 使用UI组件库 Vant(下面是全局引入,按需引入看文档) npm i vant@next -S // main.js import Vant from "vant"; import "vant/lib/index.css"; / ...
转载 2021-10-11 03:45:00
329阅读
2评论
一句命
原创 2022-09-09 08:44:04
353阅读
先来看一波效果图 初始化项目1、在安装了node.js的前提下,使用以下命令npm install --g vue-cli2、在将要构建项目的目录下vue init webpack myproject(项目目录名称)一路回车如下中间会让选择ESLint进行项目代码风格检查,为了美观和效率,可以开起来,vue-router用起来,红框框中的两个测试,不要也罢,后面是问要使用哪个进行inst
转载 6月前
40阅读
用户个人中心分为两个部分:用户个人收藏的歌曲列表和用户播放历史列表。 先创建user-center.vue,基本代码如下 <template> <transition name="slide"> <div class="user-center"> <div class="back"> <i clas ...
转载 2021-07-12 23:46:00
191阅读
概述如何用vue移动的自定义开发?下面这个例子希望能给到你帮助移动demo说明这次我们推出了5大功能。通过底部的菜单即可切换不同的页面。门户效果图         功能说明kintone内搜索实现kintone内的用户,应用,空间,主题等的全文检索。图表BI通过echarts来绘制图表,数据全部来自于内部应用,实时展示关注的数据。通过轮播可以
vue移动模板tip:1、ui我们使用的是vux,庆幸的是,解决了打包过大的问题,2、这里使用的是rem布局,移动还是要使用ipad和不同尺寸的手机3、版本:webpack:3.6.0  vue:2.5.2  vue-loader:13.3.0  vux:2.8.1 vux-loader:1.2.7 版本很重要,版本很重要,版本很重要,vue及生态更新太快,控制好
【饿了么】—— Vue2.0高仿饿了么核心模块&移动Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
转载 2023-08-22 11:38:53
395阅读
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答。苹果vue导入音乐的方法如下:1、首先我们需要打开手机,在手机桌面上点击“vue”,将其打开,在里面vue添加音乐即可。2、在打开过程中会弹出是否允许vue使用摄像头的提示,我们点击“允许”,因为只有拍摄视频后,才能添加音乐,不可以单独添加音乐没有视频。所以必须打开摄像头,按照要求拍视频才可以添加音乐。3、我们进入到vue的主界面
第6章 移动开发-体检预约1. 移动开发1.1 移动开发方式随着移动互联网的兴起和手机的普及,目前移动应用变得愈发重要,成为了各个商家的必争之地。例如,我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等,以前只能通过PC完成的事情,现在通过手机都能够实现,而且更加方便,而这些都需要移动开发进行支持,那如何进行移动开发呢?移动开发主要有三种方式:1、基于手机API开发(原生AP
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 并新增了
转载 10月前
25阅读
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阅读
一般情况下如果全部应用CDN或者直接全局使用,直接根据文档就行,我这里重点讲一下这个UI的框架按需引入以及REM适配(官网也有提到,只不过有点模糊,新手入门要研究一会,我只是阐述重点,以提高效率),下面开始:第一步不用说照着官网进行安装,NPM或者是yarn,都是可以的npm i vant -S or yarn and vant安装之后我们在babel.config.js中进行配置插件:mod
基于apiCloud,webstorm的移动开发开发完加壳。很好用
原创 2017-07-05 11:19:31
2980阅读
一。响应式设计好处          1.一套项目代码          2.一套开发环境           3.一个URL          4.内容所见即所得           5.不会因为终端升级而导致不可用    做法:     布局百分比宽度 + 容器浮动二。viewport参数的最佳组合<meta name="viewport" cont...
原创 2022-09-13 12:27:19
203阅读
视口理解定义:浏览器显示页面内容的屏幕区域,可以分为布局视口,视觉视口和理想视口布局视口:是网页布局的区域,也是 html 元素的父容器视觉视口:一个手机屏幕可以看到的所有区域,说白了就是手机屏幕大小理想视口:元素大小是合适的,比如文字,图片等,实现方式,只需要添加<meta>视口标签告知浏览器即可<meta name="viewport" content="width=devi
当搜索内容时会出现搜索结果列表,将这个结果列表封装成一个组件。这个组件就可以根据搜索的关键词请求服务数据来检索不同的结果。 其基本的dom结构代码如下: <template> <div class="suggest"> <ul class="suggest-list"> <li class="su ...
转载 2021-07-02 23:38:00
159阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5