迷途知返的熊猫-优快云博客

原创 vue3.x 中使用 vant ＜van-image＞图片不显示的问题

背景今年发布了Vue3版本，新特性还挺多，有一项是按需引入组件，减小包体积的同时增加灵活度，很赞！但也引发了UI库跟不上版本的问题，比如 Element UI库，是基于vue2.x 的，目前还不支持vue3,是不是很头疼？不怕，有赞UI库 vant 已经支持 vue3了！相信有挺多小伙伴会遇到以下问题：1、安装了vant，该怎么按需引入？2、在哪个页面组件引入，怎么全局引入？3、<van-image/> 不加载图片显示空白，本地图片路径不加载等解决方案：1、安装了vant，该

2020-12-03 11:12:46 6974 1

原创＜wx-open-launch-weapp＞的使用, h5页面跳转小程序

这期我要分享的是，利用<wx-open-launch-weapp>标签，达到微信内打开某个网页，点击网页的内容跳转到某个小程序的功能。首先，要想在微信内跳到小程序，就要集成微信提供的jssdk环境。一起来看：基础配置：1、要有一个公众号，然后在公众号后台配置接口安全域名【接口权限 - 网页服务 - 网页授权】2、在设置接口安全域名时，记得 MP_verify_Cq8iNxpK3Omw6UqA.txt 下载这个文件放在服务器域名根目录下3、查看官方的开放标签使用文档：http

2020-12-01 15:00:25 3185 4

原创微信支付点金计划和商家小票的开发教程

微信支付成功的跳转页面，点金计划和商家小票的开发教程最近和一家企业合作，考虑怎么流量互换，于是就有了微信支付完后的跳转页面，利用微信的点金计划，展示商家小票的功能，作为初步方案。直接进入主题，下面详细介绍代码开发方面需要注意的点（坑）：1、微信支付后跳转展示的页面，叫点金计划，能够展示商家小票。商家小票就是展示自己写的内容。2、官方的开发指引： https://http://wx.gtimg.com/pay/download/goldplan/goldplan_developer_guideli

2020-12-01 14:18:31 5831 7

原创微信小程序利用 hidden 实现点击tab导航栏，显示对应的内容栏目

在微信小程序中，该功能会频繁用上，这次是利用微信小程序的 hidden 属性，通过变量赋值数据渲染达到效果。上效果图：因为会频繁操作，所以用 hidden 比 wx-if 更好。一般我们会用 block 生成许多块。可以利用数据绑定去控制块的 hidden ，达到显示和隐藏的效果。知识点：ishidden != index 意思就是显示与点击的tab的index的块。...

2020-03-22 13:56:52 1463

原创微信小程序 scroll-view 实现锚点，点击跳到指定页面（位置）

微信小程序点击 tab 导航栏，滑动到对应的栏目内容位置，这也是常用的功能。效果图：用到的标签是.用户点击导航标签，触发函数，bindtap=‘jumpTo’，去setdata .标签的 scroll-into-view="{{toViewid}}" ，从而实现滑动跳转。代码如下：wxml:<view class="list"> <view class="...

2020-03-22 13:42:11 5282 2

原创微信小程序 scroll-view 实现tab导航栏滑动

我们在做微信小程序时，应该很大可能会用上这种导航栏！直接看效果图：点击tab 可自由实现滑动，下面来看看我的实现方法！wxml:<scroll-view class="za" scroll-into-view="{{ztoView}}" scroll-x="true" scroll-with-animation="true"> <view class="zb"...

2020-03-22 13:26:28 1832

原创微信小程序利用bindscroll 实现页面滑动到顶部

效果：当页面往下滑动一段距离（例如150px）,右下角会实时出现一个圆形标签，点击会将页面滑动至顶端。实现代码：wxml：<scroll-view class="aa" scroll-y scroll-top='{{top}}' bindscroll="scrollgo"><view class="cc">11111...

2020-03-19 00:05:26 3857

原创微信小程序开发中关于checkbox选中状态因为空格导致的坑

微信小程序中使用复选框时候不要多输入空格，负责会输出异常举例子：正常使用时，ischecked = “false” , 复选框则是正常的未被选中状态；但是，当我们多出空格时，会输出相反的状态：此时，ischecked 值没有改，我们看加多余空格的表现：仔细看代码, checked=" {{ ischecked }}" 在 " 后面多了空格。<checkbox-grou...

2020-03-16 23:35:04 578

原创 Vue-cli 脚手架怎么安装和使用 sass

Vue-cli 脚手架怎么安装和使用 sass我先新建一个testsass.vue组件，做一个简单的样式，css, 表现正常。npm run dev, 浏览器效果正常。现在我们尝试直接在该组件下引用sass，看会不会发生异常！果不其然，报错了！提示 Can’t resolve ‘sass-loader’ 。那么就是需要安装 sass 依赖，cnpm install nod...

2020-03-15 13:51:05 1128

qq_37172200的博客