- 博客(12)
- 收藏
- 关注
原创 vue2引用antvG6渲染树结构
本篇只是简单了解antvG6的一些属性以及如何去渲染树结构,如需了解更多,请访问antv官网。然后再所需的.vue文件引入,或者写入公告组件。首先安装antvG6。
2024-08-05 20:44:53 440
原创 vue2使用mathjax渲染数学公式
本篇只是简单引用渲染,根据业务需求,要是展示更为复杂的数学公式,需要进一步了解mathjax。本篇使用的cdn引入的,再vue的public/inde.html 引入。使用watch监听需要渲染的数据是否拿到。再template,使用v-html。再methods这样写。
2024-08-04 22:12:55 363
原创 vue2使用print-js,导出pdf,展示table内容超出页面可视范围的table内容
注意导出pdf,如果表格内容过多,请使用原生table,elementui框架的el-table不支持表格换行。导出的表格数据,如果行多一页展示不下的时候,下一页会继续出现表头直到把行展示完,才会展示剩余列的数据。附带设置表格的样式,注意不要添加scoped,否则不生效。再导出按钮上添加处理表格一行展示几列的数据。安装 print-js。在main.js添加。
2024-08-04 22:01:19 352
原创 react.js接入支付宝支付
这里的data.data.form 是服务端返回的form表单 setAttribute('target', '_self');tartget 设置为self,是为了兼容 safari浏览器 以及其他兼容问题。这个展示可能不太友好, 可以根据业务需求展示成弹框也可以 , 手机网站支付一般都展示第一种方式。电脑网站支付/手机网站支付。前端展示的方式分为两种。
2024-01-11 09:45:37 639
原创 react hooks 接入微信JSAPI支付
首先要根据以下链接获取code,使用 urlEncode 对 reduirect_url 进行处理,使用js方法 encodeURIComponent 就可以。根据这个链接获取code,并传递给服务端,服务端根据code, 获取到openId,去进行JSAPI下单,并且返回 前端调用微信支付时所需的参数。后续就靠服务端去调用微信的支付通知以及查询订单返回订单的最新状态了。前端调用JSAPI支付。先说明一下以上的参数。
2024-01-10 11:22:37 661
原创 react hooks接入微信native支付
首先判断是pc的情况下,调用服务端接口,拿到时间(微信返回的是带有时区的 时间),借助moment第三方库就可以实现,获取到自己想要的时间格式。根据业务需求,要增加一个二维码失效,这里就需要前端自己写逻辑了, 服务端返回一个失效时间,前端根据失效时间-当前时间 展示一个倒计时,如图展示。native支付,就看服务端懒不懒,懒得话,需要前端自己转换时间格式,以及生成二维码。等倒计时结束之后,前端给二维码上方添加一个遮罩,就可以防止微信扫码可以识别二维码了。
2024-01-10 10:52:30 560
原创 H5内嵌app ios和android返回上一页
ios手机返回上一页,positionMessage(‘必须加参数,可以随便写,不写不生效’)android手机返回上一页,跟android工程师商议好,自定义一个方法,例如stub()再所需的文件引入即可。
2024-01-03 20:52:19 800 1
原创 vue H5列表滚动兼容ios手机
一定要明白,滚动的是列表区域,而不是整个页面, 列表区域的高度设置成,height: calc(100vh - 表单区域);再当前页面添加,兼容ios手机。
2024-01-03 10:17:24 501 1
原创 react.js使用react-pdf-js
使用antd spin 组件添加一个loading效果,给用户一个极好的体验感。file: props.file, //文件。page: props.page,//页码。
2024-01-03 10:02:19 980 1
原创 react.js使用友盟统计做埋点
在根目录通过script标签引进 上面的url。再页面中直接用,后面两个参数自己定义就可以。这里的id是根据友盟返回的id填写。
2024-01-03 09:54:12 520 1
原创 react.js查看发票
这里的 'res.data.billPath' 是请求服务端接口返回的发票地址,为了兼容ios手机浏览器问题。这个是打开新页面, 微信内置浏览器,需要另做处理。
2024-01-03 09:45:31 399
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人