- 博客(31)
- 收藏
- 关注
RSS订阅原创 在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
280
原创 uniapp-小程序点击底部导航跳转并刷新页面
众所周知，使用uniapp写的小程序有缓存问题，由于是希望二级页面返回上一页时停留在之前浏览的位置上，这就说明不能在生命周期onShow进行数据重新渲染的操作！！！但是今天测试小姐姐希望点击底部tab栏能进进行刷新页面请看uiapp官网中有一个生命周期：onTabItemTap 可以借用一、生命周期onTabItemTap<script> export default { onTabItemTap(e) { // tab 点击时执行，此处
2022-05-28 18:31:40
2283
原创 逆地址解析
一、引入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
226
原创 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
693
原创 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
435
原创 小程序功能（六）支付
##支付//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
211
原创 小程序功能（五）分享
##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
240
原创 小程序功能（四）多种跳转
解决跳回一级页面##方法一：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
233
原创 小程序功能（三）富文本
解决图片无法自适应问题<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
164
原创 小程序功能（二）轮播图
<div class="bannerBox"> <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :circular="...
2020-04-07 14:31:55
222
原创 小程序功能（一）自动授权登录
##html//小程序授权必须是按钮（点击授权）<button class="authorized-collection" open-type="getUserInfo" lang="zh_CN" @getuserinfo="bindGetUserInfo">授权领取礼包</button>##js bindGetUserInfo...
2020-04-07 14:29:40
5691
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
418
原创 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
895
原创 mpvue的使用（一）必要的开发环境
这里写自定义目录标题小程序（一）必要的开发环境小程序新建mpvue项目（一）必要的开发环境** 1. node.js**点击安装node安装完成后，打开你的命令行输入如下命令，验证安装是否成功：node --version//成功的话输出类似：v10.6.0npm --version//成功的话输出类似：6.1.0*将npm的下载源切换到国内淘宝的镜像，以提高下载时的速度...
2020-04-07 13:52:23
1212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人