- 博客(31)
- 收藏
- 关注
原创 在vue中使用 animate.css 和 wowjs 注意事项
4、如果 wowjs在vue项目中使用有个奇葩的现象,就是只有网页第一屏的动画可以显示,鼠标往下滚动不仅动画没出来,就连原来的html元素也没有显示出来成了一片空白。1、在node_modules/wowjs/dist/wowjs.js这个源文件里。3、使用页面 .vue 中 添加类名和 mounted 写入方法。2、main.js 引用。
2023-09-19 14:00:42 298
原创 uniapp-小程序点击底部导航跳转并刷新页面
众所周知,使用uniapp写的小程序有缓存问题,由于是希望二级页面返回上一页时停留在之前浏览的位置上,这就说明不能在生命周期onShow进行数据重新渲染的操作!!!但是今天测试小姐姐希望点击底部tab栏能进进行刷新页面请看uiapp官网中有一个生命周期:onTabItemTap 可以借用一、生命周期onTabItemTap<script> export default { onTabItemTap(e) { // tab 点击时执行,此处
2022-05-28 18:31:40 2367
原创 逆地址解析
一、引入SDK核心类var QQMapWX = require('/static/js/qqmap-wx-jssdk.js');var qqmapsdk;二、实例化API核心类 qqmapsdk = new QQMapWX({ key: 'xxxx' });三、方法 wx.getLocation({ type: 'wgs84', isHighAccuracy: true, success (res) {
2022-03-22 11:12:28 300
原创 vue之复制内容到剪贴板
一、下载依赖npm install vue-clipboard2 --save二、main.js引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)三、使用 <span v-clipboard:copy="f" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</span>四、方法// 复制成功时的回调函数onCop
2022-01-24 10:50:39 738
原创 vue 之二维码
一、安装npm install vue-qr --save二、引用import VueQr from 'vue-qr'components:{VueQr},三、页面 <div class="linkBox"> <vue-qr :logo-src="logoSrc" :size="130" :margin="0" :auto-color="true" :dot-scale
2022-01-24 10:45:42 441
原创 小程序功能(六)支付
##支付//appid+secret wx.login({ success: function(res) { var code = res.code; wx.request({ url: "https://api.weixin.qq.com/sns/jscode2s...
2020-04-07 14:39:36 219
原创 小程序功能(五)分享
##html<button open-type="share">##js //和data和methods同级onShareAppMessage: function (res) { if (res.from === "button") { } let img = ""; img = this.goods.shop_img[1].image; ...
2020-04-07 14:37:50 246
原创 小程序功能(四)多种跳转
解决跳回一级页面##方法一:WXML页面实现1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>3.<navigator url...
2020-04-07 14:36:39 237
原创 小程序功能(三)富文本
解决图片无法自适应问题<rich-text :nodes="data.details"></rich-text>使用正则替换尺寸var data = res.data; str = data.details.replace(/<img[^>]*>/gi, function( match, capture ) { // r...
2020-04-07 14:33:27 167
原创 小程序功能(二)轮播图
<div class="bannerBox"> <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :circular="...
2020-04-07 14:31:55 230
原创 小程序功能(一)自动授权登录
##html//小程序授权必须是按钮(点击授权)<button class="authorized-collection" open-type="getUserInfo" lang="zh_CN" @getuserinfo="bindGetUserInfo">授权领取礼包</button>##js bindGetUserInfo...
2020-04-07 14:29:40 5708 1
原创 mpvue的使用(三)封装axios
1.安装axiosnpm i axios -S2.建立一个名为httpRequest的js文件,然后封装axiosimport axios from 'axios';import store from '../store/index'//配置域名。由于小程序无法识别运行环境因此不能使用环境常量process.env.NODE_ENVaxios.defaults.baseURL = '...
2020-04-07 14:24:01 426
原创 mpvue的使用(二)使用vant-weapp
1.安装vant-weapp依赖包npm i vant-weapp -S --production下载完成以后进入node_modules/_vant_weapp下的dist文件夹复制将其dist的文件放到static目录下//在使用页面的文件夹内新建main.json{ "usingComponents": { "van-button": "../../st...
2020-04-07 14:12:43 900
原创 mpvue的使用(一)必要的开发环境
这里写自定义目录标题小程序(一)必要的开发环境小程序新建mpvue项目(一)必要的开发环境** 1. node.js**点击安装node安装完成后,打开你的命令行输入如下命令,验证安装是否成功:node --version//成功的话输出类似:v10.6.0npm --version//成功的话输出类似:6.1.0*将npm的下载源切换到国内淘宝的镜像,以提高下载时的速度...
2020-04-07 13:52:23 1219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人