![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 68
前端打工仔小剑儿
混口饭吃的前端打工仔
展开
-
前端做微信支付(vue)
微信支付主要工作量在后端,前端就是调用后端给的微信支付接口,获取微信支付的相关参数:首先你的安装微信支付模块并引入它// npm install weixin-js-sdkimport wx from "weixin-js-sdk";接下来你需要后端给你一个接口文档类似于这样的在就是你调用接口了,看代码吧:1,点击立即支付的代码toPay() { //请求后台接口获...原创 2020-04-20 11:32:35 · 2702 阅读 · 0 评论 -
vant组件中图片上传对图片进行压缩处理
1.vant组件进行图片上传需要借助 <van-uploader v-model.trim="item.fileList" :after-read="uploadImg" :before-read="beforeRead" accept="image/*" ...原创 2020-04-20 11:04:41 · 7264 阅读 · 4 评论 -
移动端使用rem适配
移动端使用rem(页面使用px实际转化为rem)前提是需要一个转化插件——>postcss-pxtorem:转换px为rem的插件。第一步:安装插件 postcss-pxtorem;npm install postcss-pxtorem --save第二步:在src目录下新建rem文件夹,目录下新建rem.js文件;const baseSize = 32// 设置 rem 函数...原创 2019-08-27 11:28:50 · 151 阅读 · 0 评论 -
js判断是否为微信内置浏览器
function is_weixin() { //userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。 var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { ...原创 2019-08-21 09:51:23 · 409 阅读 · 0 评论 -
vue项目移动端用vant实现的头部组件
html部分<template> <div style="height:50px;"> <van-nav-bar :title="title" left-text="" left-arrow :z-index="999" @click-left="onBack" > <van-icon name="user-o" slot="right" @...原创 2019-08-21 09:40:51 · 6458 阅读 · 4 评论 -
移动端使用1px的css(给有需要的人用)
移动端1px的border@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,.border...原创 2019-08-15 17:53:50 · 102 阅读 · 0 评论 -
移动端的reset文件(给有需要的人)
移动端reset文件代码(留着用)@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,pre,xmp...原创 2019-08-15 17:33:40 · 191 阅读 · 1 评论 -
移动端项目搭建
首先新起一个项目vue init webpact projectName解决适配问题引入lib-flexible和px2rem-loader,打开build文件夹,编辑utils.jsexports.cssLoaders = function (options) { options = options || {} var cssLoader = { loade...转载 2019-08-15 16:23:43 · 980 阅读 · 0 评论 -
vue做公众号网页时title的自定义问题
一般来说vue单页面应用的title在index.html中设置,但是一旦设置就是唯一了,对此有了以下需求:需要实现不同的页面对应不同的title,特别是微信公众号时,有了自带的头部栏,在vue2.0中可以使用vue-wechat-title解决问题1,安装vue-wechat-titlenpm install vue-wechat-title --save2,路由配置里加title,...原创 2019-08-20 17:45:07 · 3551 阅读 · 5 评论 -
vue移动端实现拨号功能(点击手机号就拨号)
vue移动项目中如何设置点击手机号码就可以打电话1, 在vue项目的index.html中添加如下代码:<meta name="format-detection" content="telephone=yes" />,2,在需要调起手机拨号功能的页面,写如下方法:callPhone (phoneNumber) { window.location.href = 'tel...原创 2019-08-20 16:06:20 · 8394 阅读 · 0 评论