- 博客(9)
- 收藏
- 关注
原创 uniapp 输入框样式与弹出层结合 (u-input + u-picker)
原理,在 input输入框 外设置一个盒子,使用绝对定位的方式,盖过input 输入框,致使不触发input的事件,且该盒子需要绑定点击事件,调出弹出层。1. 在真机时,由于点击 input 输入框会导致 键盘和 弹出层一起弹出,但是我们的目的是只弹出弹出层供我们选择选项,随后把值赋给 inpu输入框。该盒子的绝对定位层级z-index数值不能过高,否则会超过弹出层的 z-index数值,会导致盒子内容悬浮在弹出层上。在开发微信小程序时,遇到的一个工作需求。
2024-06-05 16:36:04
438
原创 解决web-view 的h5页面无法返回的问题
当微信小程序使用web-view嵌套h5页面,需要返回小程序页面时,会发现点击左上角的返回按钮,不生效,返回不了,这是因为使用web-view跳转到h5页面,微信小程序无法监听到h5页面的返回事件,即返回不生效。1. 在h5页面设置全局监听(记得引入js文件)
2024-05-19 10:57:47
446
原创 在uniapp开发的微信小程序中使用web-view嵌入h5页面
比如你在小程序端 a 页面想跳转到 h5端的 c 页面,那你需要先从小程序a页面跳到 小程序的这个web-view页面(b页面),然后在这个b页面设置跳转h5页面的url路径。(2)想要从小程序端跳转h5页面,必须在小程序开发平台将h5页面的域名,添加到。web-view 业务域名白名单。(1)这个页面相当于是起中间桥梁作用。在小程序端准备一个页面,跳转到h5页面。
2024-05-19 10:50:14
325
原创 解决使用uni-app开发微信小程序,更换在线图片的问题
当我们替换微信小程序在线图片时,会发现,小程序的图片并没有替换成功,这是因为,在微信小程序的官方存储里存在缓存,导致图片没有更新成功,即使清空小程序缓存,或者重新进入小程序,也不会更新在线图片。修改成 :'https://api.gygsjcpt.cn/wechat/main_img/indexClassify_per-01.jpg'(加了个0)例如:'https://api.gygsjcpt.cn/wechat/main_img/indexClassify_per-1.jpg'
2024-05-07 09:53:35
248
原创 解决uni-app滚动到底部自动更新的问题
再提一下,如果是子组件里的内容需要换页,可以在父组件调用onReachBottom()生命周期,再使用 this.$refs.方法() 来调用子组件的换页事件,因为直接在子组件调用onReachBottom(),可能不生效。onReachBottom()是uni-app的一个小的生命周期,他会在滑到底部时,自动触发,不需要下载插件,是uni-app自带的。在使用uni-app开发移动端项目时,经常会涉及到分页的情况,但是又不能像pc端那样,通过点击按钮进行换页,这样用户体验不够好。
2024-05-06 15:50:42
283
原创 解决uni-app 接口传参传递空值,属性会被自动移除
在uni-app中,如果接口传参,传递的空值,会被自动移除该属性。stringify 包裹参数。可以看到,空参数被自动移除了。
2024-03-18 10:43:04
485
原创 Vue window.print() 自定义页眉,页脚内容(可放图片)
今天在工作中,遇到一个问题,产品经理要求每一页打印的内容都要有固定的页眉(要可放图)我这里用了两个thead ,通过设置border / position 达到效果。使用表格的 thead 标签。
2024-03-11 16:29:03
1085
5
原创 快速了解table表格的属性,创建简易表格
注意 : 想要创建一个简易的表格,只有 <table> <tr> <td> 是必要的,其他标签都是可选的,为了表格美观或功能性酌情添加。3. 指定相邻单元格边框之间的距离 border-spacing。2. 合并表格的行 rowspan。
2023-04-26 17:00:31
452
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人