- 博客(16)
- 收藏
- 关注
RSS订阅原创 记录一个table里面td嵌套ant下拉框还要横向滚动表格的坑爹的问题
使用ant vue 的时候，如果使用的是原生 table 里面，那table里面 所有的 td position 都是relative。一定要把td 包括里面，所有 select 的父亲爷爷等祖辈的 position:relative 全部改成unset！使用ant select 的时候，如果想要table 有横向滚动，必须设置 overflow-x:auto。你一设置 overflow-y:hidden 你的 select 下拉框就看不见了，就展示不全了。
2023-04-13 19:36:40
178
1
原创 在vue中制作tab标签或导航下划线跟随效果
这篇主要记录在vue制作tab标签或者导航栏的下划线跟随效果template中的html结构tablist数组长度发生变化时，依然适用，感觉比使用translateX计算滚动值更加简单一点重点看line的样式，left值动态控制，所以在css样式中先不写...
2022-06-10 11:12:20
2587
原创 微信小程序页面跳转传递Json对象参数
微信小程序页面在跳转时需要传递Json对象参数时的处理方式： // 跳转到编辑个人资料 toEditInfo: function (e) { // 把要传递的json对象转换成字符串 var userInfo = JSON.stringify(this.data.userInfo); wx.navigateTo({ url: "../info/info?us
2017-07-04 16:33:12
10945
1
原创 微信小程序选项卡数组列表单项选择切换效果
这里展示一个工作中用到的微信小程序的单选选项卡切换效果的制作方法效果如图：wxml:<view class="item" wx:for="{{data}}" wx:for-item="item" wx:for-index="idx" data-idx="{{idx}}" bindtap="chooseItem">
2017-05-18 15:35:28
6599
1
原创 小程序之坑
以iphone6的rpx来进行小程序的布局最为方便，iphone6的宽度是750rpx。text标签与其中的内容不能有换行或空格，否则会大片留白。data后面的属性名是不支持驼峰式的写法，只能全部小写。objectFit `去除小程序视频标签的黑边。 微信小程序背景图`background`不支持本地图片，需要转换成base64或者使用网络图片
2017-05-17 11:14:38
1614
1
原创 小程序上拉下拉共存时不可使用scroll-view的解决方法
使用bindscrolltolower，必须搭配使用的scroll-view会导致小程序"enablePullDownRefresh": true下拉不能使用。解决方法，就是当两者同时存在时，改scroll-view为view，改bindscrolltolower为onReachBottom函数。这样在上拉加载，跟下拉刷新同时存在的时候，"enablePullDownRefresh": t
2017-03-13 14:17:01
10277
1
原创 微信小程序页面跳转传参填充数据的小案例
在微信小程序中，把index.wxml中data-postid的值，传给detail.wxml，并为detail.wxml绑定传过来的值的案例
2017-02-28 17:05:50
3525
1
原创 web端表单信息全部填满后让提交按钮变色的Demo
style> p {width: 80%;height: 40px;margin: 8px auto;} p input { padding-left: 20px; outline: none; height: 30px; border: 1px solid #eee; margin: 0 auto; border-radius: 15px; } b
2016-08-02 18:22:38
5504
原创 简单的tab栏切换及遮罩效果demo
整理了一下工作中用到的tab栏切换和遮罩效果，是用jQuery实现的，供参考，如果不足，欢迎指正~代码部分：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta content="width=device-width,user-scalable=no" name="viewport"> <title>Demo</
2016-05-20 01:41:26
1085
原创 巧用绝对定位解决手机端文本框聚焦fixed定位失效
通常情况下，我们都会使用css中的position:fixed 来固定导航。这无疑是一种比较方便的好方法，但是当它在移动端，文本框获得焦点的时候，就会几乎失效。解决方案<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width,
2016-05-16 23:47:42
3273
原创 点击空白处隐藏div方法
一般写法：html<button id="btn">点我显示div</button><div>我是点击btn后显示的div</div>jQuery// 取消冒泡方法（兼容写法）function cancel_Bubble() { //如果事件对象存在 var event = event || window.event; // w3c的方法
2016-05-16 00:50:50
3449
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人