
Vant
分享Vant心得
你挚爱的强哥
我以为,世上的程序语言确实没有高低之分,只有编程的人才有强弱之别,通过写代码我们可以发现和认识一个真正的自己,因为我们真正的对手,可能就是我们自己。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【相对靠谱】Vue生成二维码Qrcode,可插入二维码中心logo图标,可以设置二维码颜色大小等属性
效果代码npm install vue-qr --save<template> <div class="sg-qrcode"> <vue-qr :text="qrcodeText" :correctLevel="3" :size="250" :margin="10" colorDark="#2ba245"原创 2020-07-22 22:30:32 · 13747 阅读 · 10 评论 -
使用Vant框架的组件van-pull-refresh搭配van-list和van-card完成上滑加载更多列表数据,下拉刷新当前列表数据(等同于翻页功能)
<template> <div class="sg-page-body"> <div class="sg-list"> <van-pull-refresh v-model="pullLoading" @refresh="onPullRefresh" success-text="刷新成功" > <van-list v-model="listLoading" @load="o.原创 2020-06-29 15:13:33 · 10047 阅读 · 0 评论 -
【H5唤起微信“扫一扫”】舒工自定义微信H5唤起扫码Vue组件sg-scan.vue(扫码按钮大概是在底部),注意只是代码片段,不含微信鉴权业务流程
<!--强哥的自定义组件:H5唤起微信“扫一扫”--><template> <div class="sg-scan"> <van-button icon="scan" type="info" @click="scan" round /> </div></template><script>// import wx from "weixin-jsapi"; //这个快要被废弃了1.0.0import .原创 2020-06-24 12:49:31 · 5898 阅读 · 0 评论 -
vue获取“分享给朋友”按钮点击状态及自定义分享内容接口
【代码】vue获取“分享给朋友”按钮点击状态及自定义分享内容接口。原创 2020-05-03 22:53:22 · 6315 阅读 · 0 评论 -
vue 编写H5页面在公众号外部获取手机本地坐标经纬度
1、必须先注册个公众号,且认证后去下面这个地方配置好您的域名这仨地方都得设置,目前我试了下用域名还是用具体项目所在的文件夹目录没什么明显差异譬如你是用shuzhiqiang.com或者shuzhiqiang.com/path貌似都差不多,不知道各位小伙伴遇到过什么差异没2、上代码// 通过微信获取手机本地坐标经纬度 getLocationByWx(callback) { ...原创 2020-05-03 15:32:20 · 6031 阅读 · 0 评论 -
判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置
inputResizeBodyHeight() { // 判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置 var oldHeight = document.documentElement.clientHeight || document.body.clientHeight; window.ad...原创 2020-05-03 00:11:40 · 5071 阅读 · 0 评论 -
vue 写兼容ios的毫秒级刷新时间戳
getNowTimer() { var rq = this.dateObject.rq;//格式是“yyyy年MM月dd日” rq = rq .replace(/年/g, "/") .replace(/月/g, "/") .replace(/日/g, "/"); rq = rq.split("/");...原创 2020-05-02 22:49:04 · 4848 阅读 · 0 评论 -
vue里面嵌入sound music音乐播放
在index.html的body标签后加入<!--sound--><audio id="SGsound-scan-success" src="./static/sound/scan-success.mp3" webkit-playsinline="true" playsinline="true" preload></audio><audio i...原创 2020-05-02 22:09:00 · 5458 阅读 · 0 评论 -
vue引入图片路径的三种主要方法
1、在js代码里面 或者 html里面用"v-bind:"或":属性名"绑定路径的时候使用2、在css或者scss或者html里面的src中引入图片使用(注意如果是:src=后面用第1种方式引入路径)3、正常引入静态图片路径情况一,在html里面的用下面代码情况二,在scss里面的background-image:url(路径)用下面的,注意static前面多了/原创 2020-03-16 18:53:23 · 27857 阅读 · 1 评论 -
vue下轻松解决模拟微信视频缩略图拖拽→吸附窗口边界的功能
<script>export default { data() { return { drag: { draggedSel: ".girl", //被拖动元素的class或id minY: 46 //顶部navBar的高度 } }; }, created() {}, mounted() { ...原创 2020-03-14 00:44:05 · 5311 阅读 · 0 评论 -
引入Vant使用
在main.js中加入。原创 2020-03-04 00:15:19 · 6820 阅读 · 0 评论 -
Vant简单H5 web app【小试牛刀】
src/vue/page/home.vue、src/vue/page/home/tzgg.vue和src/vue/page/home/xjh.vue。原创 2020-03-05 02:26:31 · 7832 阅读 · 1 评论