笔记
栗子同学lz
这个作者很懒,什么都没留下…
展开
-
vue3的生命周期
vue3生命周期原创 2022-11-21 15:35:55 · 1926 阅读 · 1 评论 -
统计-友盟埋点
友盟+埋点、统计转载 2022-11-21 15:34:57 · 606 阅读 · 0 评论 -
sass的快速入门与使用
sass快速入门转载 2022-11-21 15:20:20 · 333 阅读 · 0 评论 -
select组件设置居右对齐, text-align无效
select组件设置居右对齐, text-align无效原创 2022-09-21 15:54:30 · 1773 阅读 · 0 评论 -
时间轴的实现
时间轴原创 2022-06-22 10:53:07 · 264 阅读 · 0 评论 -
移动端和PC端的pdf预览与下载
实现移动端的pdf文件的预览与下载原创 2022-06-20 16:56:50 · 3355 阅读 · 0 评论 -
判断是微信环境还是支付宝环境
判断是微信环境还是支付宝环境 iswxorapipay () { var ua = window.navigator.userAgent.toLowerCase(); var iswxmini = '' return new Promise((resolve, reject) => { if (ua.indexOf('micromessenger') > -1) { wx.miniProgram.getEnv(function (res)原创 2022-05-24 09:32:50 · 1232 阅读 · 0 评论 -
支付宝微信支付方式的选择
32.支付宝微信的单选框选择场景: 一个h5网页支付页面,需要同时展现支付宝和微信两种支付方式实现目标:实现步骤:在项目中,安装并引入vant的相关组件:RadioGroup, Radio, Cell, CellGroup和样式页面代码实现 <div> <div class="paytype" v-show="paylist.length!==0" > <div class="title">请选择自费支付方原创 2022-05-13 10:56:39 · 805 阅读 · 0 评论 -
mint-ui实现轮播图
mint-ui实现轮播图使用mint-uinpm安装mint-uinpm install mint-ui -S一定要安装2版本以上的,1版本的会报错在main.js中引入import MintUI from ‘mint-ui’import ‘mint-ui/lib/style.css’Vue.use(MintUI)在需要的地方引入swipe组件import {Swipe, SwipeItem} from ‘mint-ui’import ‘mint-ui/lib/style.原创 2022-03-09 20:49:07 · 819 阅读 · 0 评论 -
身份证号加密显示,只显示前后两位
身份证号加密显示在页面中,显示前两位和末尾两位例如:330110200010198500 ------- 33**************00410102201807248396 ------- 41**************96 encryptPaperNo (card) { // 加密身份证号 let enCard = [] enCard.push(card[0]) enCard.push(card[1]) for (l原创 2022-01-06 15:10:15 · 1790 阅读 · 0 评论 -
姓名加星号显示,只显示第一位和最后一位
姓名加密显示,只显示第一位和最后一位例如:张三---------张*王麻子 ---------王*子王二麻子 -------王**子encryptName (name) { // 加密姓名 let enName = [] if (name.length === 2) { return name[0] + '*' } else { let num = name.length - 2 enName.pu原创 2022-01-06 15:01:52 · 926 阅读 · 0 评论 -
vue的父子组件双向数据绑定
vue中父子组件数据双向绑定父组件父组件中引入子组件,并在template中使用父组件中的数据使用:data.sync用于动态实时获取子组件数据<template> <dele :data.sync="delShow" v-show="delShow" /></template>import dele from './../components/Del.vue'export default { components: { dele原创 2022-01-06 14:41:18 · 848 阅读 · 0 评论 -
先勾选协议选框,才能进行下一步
先勾选协议选框,才能进行下一步效果图:<template> <div class="con"> <div> <div class="input_con"> <div>真实姓名</div> <input v-model.trim="realname" class="input" type="text" placeholder="请输入姓名" /> &l原创 2022-01-05 11:50:00 · 1112 阅读 · 0 评论 -
动态class与三目运算符结合的坑
动态class与三目运算符结合的坑原创 2022-01-05 11:38:23 · 1057 阅读 · 0 评论 -
删除input的首尾空格
删除input的首尾空格.trim() :删除首尾的空白字符 <input v-model.trim="idcard" class="input" type="text" placeholder="请输入身份证号" />原创 2022-01-04 11:17:47 · 742 阅读 · 0 评论 -
微信小程序获得用户地理位置
微信小程序获得用户地理位置//app.json"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },wx.getLocation({ type: 'wgs84', success (res) { const latitude = res.latitude const longitud原创 2021-12-09 15:50:35 · 185 阅读 · 0 评论 -
微信小程序嵌套h5页面怎么实现小程序支付
小程序嵌套h5页面怎么实现小程序支付小程序嵌套h5页面怎么实现小程序支付小程序中嵌套h5页面,但是不能再h5页面拉起小程序支付,这时是需要小程序方拉起支付目前的流程,外链发送订单请求拿到预支付的prepay_id和其他参数,小程序这边只需要将它传过来的参数(wxJson)接收并解析完拼接到wx.requestPayment微信调起支付的接口参数中用来发起微信支付<--interHosp.wxml--><view bindtap="gopay" style="color: red;"原创 2021-12-01 10:07:04 · 6155 阅读 · 3 评论 -
网页嵌入高德地图
网页嵌入高德地图搜索场景:在app中需要有导航功能,定位到某个医院的地点,不用插入高德地图sdk可以直接使用将高德地图的地址直接拼接到window.location中gomap(address){ window.location.href = `https://m.amap.com/search/mapview/keywords=${address}` }...原创 2021-11-30 16:28:58 · 2100 阅读 · 0 评论