下载地址:https://github.com/hlbj105/country-code/archive/1.0.0.zip [ { "en": "Angola", "cn": "安哥拉", "code": "+0244" }, { "en": "Afghanistan", "cn": "阿富汗", …
<!-- 返回顶部 --> <div class="flex align-items-center justify-content-center goTop">回顶部</div> $(window).scroll(function () { /* 判断滚动条 距离页面顶部的距离 100可以自定义*/ …
radio /* 重写 radio 样式 */ /* 未选中的 背景样式 */ radio .wx-radio-input{ border-radius: 50%;/* 圆角 */ width: 40rpx; height: 40rpx; } /* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */ radio .wx-radi…
JS倒计时: // 倒计时 let end_time = "结束时间戳" countDown(end_time) function countDown(end_time) { let now_time = new Date().getTime() let times = (end_time - now_time) / 1000 …
之前有写过小程序上传图片的,大多数都是前端处理,这篇是关于上传到服务器接收返回数据操作的,这里使用迭代器防止数据返回异步。 小程序上传图片及预览图片 小程序选择、预览、删除、上传图片 js: /** * 上传图片 */ upImg: function (e) { let that = this wx.chooseIma…
用于后端测试,前端ajax上传图片。 JavaScript通过 new FileReader() 获取图片base64 无组件上传图片 Vue input上传图片 小程序选择、预览、删除、上传图片 Demo: <!DOCTYPE html> <html lang="en"> <head> <me…
小程序很多获取的权限都从 button 组件中获取,这就经常需要弹窗提示操作了。而小程序自带的模态框又没法设置button获取信息,只能自定义一个模态框了 下面以获取微信地址为例: 在app.wxss中添加样式(很多地方需要用模态框,直接写在全局样式表中更方便) /* 提示框 */ .box{ position: fixed; to…
小程序所有组件初始化样式 box-sizing: border-box view,scroll-view,swiper,swiper-item,movable-area,movable-view,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox-group,che…
在部署服务器后,使用 svg-captcha 插件获取svg验证码会多次请求不刷新,这里只要在请求的参数data中添加一个不重复的字符串就可以,比如:时间戳。 getCode () { this.$api.get(this.$root.urlPath.MJK + '/code', {code:Date.now()},res => …
首先判断是iOS或者安卓: let u = navigator.userAgent; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Ma…
一个挺好用的图像裁剪插件 vue-cropper 使用挺简单的,而且还提供demo对照查看 插件地址:https://github.com/xyxiao001/vue-cropper 首先安装插件: npm install vue-cropper --save 然后在使用的页面引入 import VueCropper from "vue-cropp…