Vue移动端

vue移动端使用appClound拉起支付宝支付

1-首先在config.xml中进行配置~~~~2-在自己的应用中添加支付宝支付的模块3.使用支付宝模块进行拉起支付宝if(res.data.code==200){//拉起支付宝//开发者通过payOrder方法来进行支付，自己处理订单信息以及签名过程console.log("自己处理订单信息以及签名过程请求:");varaliPay=api.require('aliPay');aliPay.pa
那年·2020-08-22 13:07

vue移动端适配插件lib-flexible

使用vue-cli安装好一个vue的项目npminstall-gvue-clivueinitwebpackmy-projectcdmy-projectnpmrundev配置vue插件lib-flexible安装插件lib-flexiblenpmilib-flexible--save-dev在main.js中引入lib-flexibleimport'lib-flexible/flexible'安装p
胡儒清_前端那个老胡·2020-08-21 19:04

vue移动端适配方案flexible+px2remLoader使用指南及踩坑

vue移动端适配方案flexible+px2remLoader使用指南及踩坑根据移动端不同的dpr来做适配是非常必要的，很多时候前端开发对UI设计稿都是凭感觉来做，导致编译完的页面与设计稿或多或少有些出入
金馆长v·2020-08-21 13:43

vue移动端，使用腾讯提供的JS SDK实现第三方登录

1.首先需要申请接入QQ登录，并成功获取到appid和appkey1-1在QQ互联上先申请为开发者1-2申请审核通过之后在首页上方点击应用管理，然后创建应用选创建网站应用1-3注意：这个回调地址是登录成功后的跳转地址，多个时用分号;隔开，且有条件限制，具体规则看文档介绍1-4都审核通过以后就可以开始介入啦，appid在这里看，点击查看可查看appkey（JSSDK登录没用到appkey）2.开始接
gf771115·2020-08-21 03:49

vue移动端，点击微信授权登录

封装微信登录接口：1234constwxLogin=(appid,url)=>{letredirect_uri=encodeURIComponent(url)window.location.href=`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${redirect_uri}&res
gf771115·2020-08-21 03:48

vue移动端 px2rem-loader与vux移动端组件库样式错乱，应该使用postcss-plugin-px2rem完美解决

整了半天，还是不能用px2rem-loader这个组件，因为他没有忽略范围，要换postcss-plugin-px2rem1、先npm安装postcss-plugin-px2rem插件npmipostcss-plugin-px2rem--save-dev2、找到与src同级目录下的.postcssrc.jsmodule.exports={"plugins":{"postcss-import":{}
早饭君·2020-08-21 02:55

vue移动端 px2rem-loader与vux移动端组件库样式错乱，应该使用postcss-plugin-px2rem完美解决

整了半天，还是不能用px2rem-loader这个组件，因为他没有忽略范围，要换postcss-plugin-px2rem1、先npm安装postcss-plugin-px2rem插件npmipostcss-plugin-px2rem--save-dev2、找到与src同级目录下的.postcssrc.jsmodule.exports={"plugins":{"postcss-import":{}
早饭君·2020-08-21 01:42

vue微信授权解决方案[如何本地实现授权]

这一次的项目vue移动端电商项目，做了很多的优化。大家都知道授权需要每次都要发布到线上，本地的需要代理，这让我们很头疼。后面会介绍一个本地直接授权的方式，真的超级香。
程序媛花花·2020-08-20 23:35

vue微信授权解决方案[如何本地实现授权]

这一次的项目vue移动端电商项目，做了很多的优化。大家都知道授权需要每次都要发布到线上，本地的需要代理，这让我们很头疼。后面会介绍一个本地直接授权的方式，真的超级香。
程序媛花花·2020-08-20 23:35

Vue移动端开发问题纪要

Vue移动端开发问题纪要1、UC浏览器兼容性问题现象在部分Android机型中的UC浏览器下访问，出现白屏现象解决之前遇到过类似的问题，第一反应应该是babel-polyfill的问题，要么没有引入要么是引入的方式不对
一MasonChen·2020-08-20 04:54

vue移动端优秀框架收集

古人曰：“欲善其功，必先利其器。”工匠想要使他的工作做好，一定要先让工具锋利。我们何尝不也是一个手艺人？所以选择对的开发框架很重要。一个好的框架可以高效快速的帮我们完成任务，升职加薪全靠它！1.VantUI官网地址:https://youzan.github.io/vant/#/zh-CN/intro简介：有赞公司开发的。优点：社区活跃，有50多个个组件，80%多的单元测试覆盖率，完善的文档和示例
weixin_33857679·2020-08-18 22:16

vue前端UI框架，一点都不圆润，盘它！

Vue移动端UI框架1、Vux（star:15620)VUX（读音[v’ju:z]，同views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
张培跃吧·2020-08-18 22:36

推荐几个VUE移动端UI框架

vonic一个基于vue.js和ionic样式的UI框架，用于快速构建移动端单页应用。https://wangdahoo.github.io/vonic/docs/#/vux基于WeUI和Vue(2.x)开发的移动端UI组件库。https://vux.li/MintUI由饿了么前端团队推出的MintUI是一个基于Vue.js的移动端组件库。http://mint-ui.github.io/#!/z
magic_engineer·2020-08-18 21:47

Capacitor实现WebView中访问的自定义Android代码

怎么使用Capacitor打包Vue移动端项目，见之前的一篇文章：Capacitor+Vue+Vant移动端打包总结下面
DuebassLei·2020-08-18 21:30

vue实现移动端input上传视频、音频

vue移动端input上传视频、音频，供大家参考，具体内容如下html部分现场视频上传视频现场音频频上传音频js部分getVideo(ev,typer){lettaht=this//获取上传文件标签letfilesId
·2020-08-18 11:23

移动APP开发框架总结

一、移动APP开发框架1、vuxVUX-Vue移动端UI组件库2、MintUIMintUI-基于Vue.js的移动端组件库3、vantVant-轻量、可靠的移动端Vue组件库4、weexWeex是一个使用
sleepwalker_1992·2020-08-17 06:00

优秀的基于VUE移动端UI框架合集

1.vonic一个基于vue.js和ionic样式的UI框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格star2.3k中文文档在线预览2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库star10k基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。中文文档在线预览3.MintUI由饿了么前端
dianwo1613·2020-08-17 05:50

如何应对vue项目优化的需求，掌握这“神器”就够了

该文章是博主针对之前做的一个vue移动端项目进行优化之后的总结，项目用的是vue-cli3+spa。本文章针对的是简单的首屏加载优化，该文章还有后续版本。
WF帆少·2020-08-16 13:26

Vue 搭建移动端 h5 项目步骤

准备阶段确定项目ui框架现阶段比较好的Vue移动端ui框架：vant，vux，cube-ui，Mint-UI，MuseUI，NutUI等。
xiao_fei_blog·2020-08-16 07:43

vue移动端页面返回顶部

页面滚动到一定高度出现返回顶部按钮，点击返回顶部，按钮消失以下代码，新建组件，引用方可使用↑exportdefault{name:"returntop",data(){return{};},components:{},computed:{},mounted(){window.addEventListener('scroll',function(){varscrollTop=document.doc
菜柔柔·2020-08-15 20:04

vue移动端可拖拽功能

vue移动端可拖拽功能类似手机上桌面的小气泡，可随意拖动1：首先在vue的公共组件中（components）新建个组件exportdefault{name:"defaultDrag",data(){return
菜柔柔·2020-08-15 20:04

vue移动端 地址选择器

1.组件address.vue{{item.name}}=length&&selectState请选择addressIndex&&item.objId==addressVal[addressIndex].objId}"@click="selectClick(item)">{{item.name}}exportdefault{props:{//选中数据data:{type:Array,default
长腿欧巴~·2020-08-15 20:04

VUE开发一个组件——移动端弹出层（IOS版）

>>>前言再造一轮，vue移动端弹出层，包括confrim询问框，tips提示框，popup选择器等。
weixin_33974433·2020-08-15 20:28

vue移动端预览pdf功能（可以多页）以及第三方电子签章不能正常展示解决方案（多种）

vue移动端预览pdf功能（可以多页）以及第三方电子签章不能正常展示解决方案（多种）随着网络的发展，PC端的网站已不能满足人们的需求，人们更喜欢采用移动端进行业务操作。
爬坑之路·2020-08-15 19:30

vue移动端 popup组件弹窗

1.代码popup.vueexportdefault{props:{//是否显示value:{type:Boolean,default:false},//弹窗动画dialogTransition:{type:String,default:"slide-fade"},//点击遮罩层关闭弹窗hideOnBlur:{default:function(){returntrue;}},//禁止页面滚动scr
长腿欧巴~·2020-08-15 18:44

vue移动端省市区三级联动

安装：npmiv-distpicker--save使用：//选择areaselected(data){console.log(data);this.popupVisible=false;this.agentArea=data.province.value+data.city.value+data.area.value},
smile·2020-08-15 17:15

vue移动端项目vant组件库之button

vue移动端项目vant组件库之buttonvue移动端项目按需引入vant组件库vant组件库官网成功红色#33b5e5自定义test朴素按钮细边框按钮禁用禁用与图标搭配与图标搭配跳转百度跳转路由按钮大小块级按钮块级按钮方形按钮
笑望灬星辰·2020-08-15 07:01

vue移动端better-scroll简单应用

页面滚动插件：better-scroll（是iscroll的一个封装，但使用比iscroll友好）1.git文档：https://github.com/ustbhuangyi/better-scroll.git2.安装npminstallbetter-scroll--save3.生命周期函数mounted中实例化Bscroll4.导入文件importBScrollfrom'better-scrol
Young-杨·2020-08-15 00:51

vue移动端5页面根据屏幕适配的四种方案

在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有两个方法可以适用。方法一：引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案：https://git
Ethanhuyi·2020-08-14 12:02

Vue+Spring Boot 前后端分离的商城项目开源啦！

新蜂商城Vue移动端版本开源啦！
字母哥课堂·2020-08-13 16:09

Vue+Spring Boot 前后端分离的商城项目开源啦！

新蜂商城Vue移动端版本开源啦！
我是13·2020-08-13 15:00

vue移动端弹框组件，vue-layer-mobile

最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！一、npm安装// 当前最新版本 1.2.0 npm install vue-layer-mobile// 如新版遇到问题可回退旧版本 npm install vue-l
anda9128·2020-08-13 13:41

VUE移动端指定页面隐藏底部导航条

在写移动端项目的时候，一般情况下一级页面是需要底部导航的，所以说就有些页面是不需要底部导航条的，比如说，详情页就不得要底部导航。利用路由元（meta）设置参数先创建底部的导航栏在conponents文件夹下面创建Tabbar.vue,我用的是vant的Tabbar组件标签1标签2标签3标签4exportdefault{name:"Tabbar",data(){return{active:2}}}在
威远大都市·2020-08-12 18:59

vue移动端弹起蒙层滑动禁止底部滑动操作

解决办法在蒙层弹起的时候将body设置为fixed定位在蒙层消失的时候将body恢复原位popupVisible(newValue){if(newValue){document.body.style.position='fixed';document.body.style.width='100%';document.body.style.height='100%';}else{document.b
·2020-08-12 17:02

vue使用element-ui实现按需引入

基于Vue的Ui框架饿了么公司基于vue开的的vue的Ui组件库ElementUi基于vuepc端的UI框架MintUi基于vue移动端的ui框架http://element.eleme.io/elementUI
MandiGao·2020-08-12 10:43

vue移动端适配方案

一、flexible.js实现适配flexible.js+rem进行移动端适配先利用vue脚手架创建vue项目npminstall-gvue-clivueinitwebpackmy-projectcdmy-projectnpmrundev1、安装插件lib-flexiblenpmilib-flexible--save-dev2、在main.js中引入lib-flexibleimport'lib-f
xx_ll_·2020-08-12 00:56

Vue移动端适配之rem

一.安装插件npmaddlib-flexiblepostcss-px2rem二.在public中的index.html中删除meta标签删除We'resorrybutsupermaildoesn'tworkproperlywithoutJavaScriptenabled.Pleaseenableittocontinue.三.在main.js中导入插件包import'lib-flexible'四.配
进阶的巨人001·2020-08-12 00:45

vue 移动端项目自适应

vue移动端项目自适应npminstallnpmrunserve需求：vue移动端项目，需要根据手机屏幕的大小自动适应，避免样式bug，使用插件项目自动转化为rem布局，未开始或进行中的项目都可以进行配置实现
weixin_44785498·2020-08-12 00:41

vue移动端项目初始化配置

index.html中添加meta标签reset.css@charset"utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td
weixin_43756060·2020-08-12 00:45

解决vue移动端适配问题

解决vue移动端适配问题1.首先把安装amfe-flexible，这里使用npminstallnpminstall-Samfe-flexible2.在入口文件中引入import'amfe-flexible
weixin_43295397·2020-08-12 00:01

vue移动端项目兼容ios10以下机型页面白屏和样式显示问题

解决白屏问题方案：使用es6-promise和babel-polyfill首先安装这两个依赖：npminstall--save-deves6-promisenpminstall--save-devbabel-polyfill安装完成后，在项目的main.js文件中添加如下代码：import'babel-polyfill';importEs6Promisefrom'es6-promise'Es6Pr
副排长·2020-08-12 00:25

vue移动端项目的适配(以mint-ui为例)

1、使用vue-cli脚手架生成项目骨架，略。2、相关配置：rem适配：index.html加入以下代码，并在head中加入以下meta;(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(
weixin_34376562·2020-08-11 23:36

Vue移动端适配方案(webstorm)

安装lib-flexible并引入在webstorm命令行Terminal中安装lib-flexiblenpminstalllib-flexible--save在项目入口函数main.js中引入lib-flexibleimport'lib-flexible'在index.html文件中修改meta标签安装并配置px2rem-loader在webstorm命令行Terminal中安装px2rem-l
JettyLu·2020-08-11 22:43

Vue移动端适配，Vue一键px2rem，px2rem-loader安装使用教程

上一篇介绍了怎么安装Webstorm插件px2rwd，在开发中可以帮助我们快速地进行px和rem的换算。下面来介绍一种在Vue中px2rem的模块，该模块会自动地将px转换成rem，而不用再去换算，方便我们以后去检查项目。在写项目的过程中，我们直接写px即可，它会根据我们屏幕的大小自动地进行px和rem的换算，非常方便，快来看一下吧前提准备：已经是使用vue-cli搭建好的项目vue-cli搭建项
丑小喵喵·2020-08-11 22:16

vue移动端屏幕自适应

移动端屏幕自适应1.rem:rem(fontsizeoftherootelement)是指相对于根元素的字体大小的单位2.想法:使用rem，字体大小与html标签的font-size属性相关，那么只要根据屏幕大小改变html标签的font-size属性，字体大小就与屏幕大小相关，就能使得移动端屏幕自适应3.根据屏幕大小改变html标签的font-size属性:使用单位vw，1vw===1/10屏幕
博客阿赖·2020-08-11 22:34

Vue移动端适配Rem

首先Rem(rootem)是一个相对单位,类似于em(相对父元素字体大小),那么Rem(相对根元素html的字体大小)假设父盒子字体12px,子盒子10em,则浏览器看到的是12*10=120px的效果rem的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小来达到可以整体控制假设UI妹子给我们的设计稿是750px对于一块手机屏幕尺寸来说,市面上流行的是iPhone6/7/8我们把7
深圳丶站街开发·2020-08-11 22:00

vue移动端适配 -- px2rem

vue移动端适配--px2rem安装npminstallpx2rem-loaderlib-flexible--save在main.js中引入import'lib-flexible/flexible.js
导演字母·2020-08-11 22:34

vue移动端适配方案之postcss-px-to-viewport

之前做移动端适配时，基本上是采用rem方案，现在发现了一个新的方案，就是用viewport单位，现在viewport单位越来越受到众多浏览器的支持postcss-px-to-viewport，将px单位自动转换成viewport单位，用起来超级简单，文档https://github.com/evrone/postcss-px-to-viewport/blob/HEAD/README_CN.md安装
仗剑天涯，从摘要开始·2020-08-11 22:58

vue移动端项目屏幕适配--flexible rem

开始首先，我们使用vue的脚手架vue-cli来初始化一个webpack项目没有安装过vue-cli的请先安装vue-cli安装所需依赖后安装lib-flexible和px2rem-loader1.下载lib-flexiblenpmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexib
moon_watermelon·2020-08-11 22:24

vue-cli(vue2.x)中使用vux（vue移动端UI组件库）

vux官网链接：https://doc.vux.li/zh-CN1、在项目根目录下使用npm安装npminstallvux--save因为vux使用less来书写样式文件的，所以还要安装less编译的loader：npminstalllessless-loader-D2、vux2必须配合vux-loader使用如果npm下载的是vux2.x版本的话，那么就必须配合vux-loader使用，不然就会
winne雪·2020-08-11 22:38
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他