06 2022 档案

微信小程序中官方组件默认样式修改
摘要：把需要修改的样式放在app.wxss中 swiper 面板指示点： .wx-swiper-dots.wx-swiper-dots-horizontal｛ margin：20px //调整位置 ｝ .wx-swiper-dot｛｝//指示点未选中样式 .wx-swiper-dot-active｛｝// 阅读全文
posted @ 2022-06-29 12:33 Magi黄元 阅读(1000) 评论(0) 推荐(0) 编辑
微信小程序中弹窗禁止页面滚动
摘要：在小程序弹窗时，外部页面禁止滚动， 可以在最外部容器设置catchtouchmove 但是如果弹窗内部也需要滚动，需要用scroll-view包裹，并设置scroll-y catchtouchmove需要接收个方法，不然会一直警告 <view class="box">占位</view> <view 阅读全文
posted @ 2022-06-29 10:25 Magi黄元 阅读(3089) 评论(0) 推荐(0) 编辑
移动端字体设置
摘要：body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; } iOS 4.0+ （ 阅读全文
posted @ 2022-06-27 15:37 Magi黄元 阅读(417) 评论(0) 推荐(0) 编辑
css开发规范
摘要：id和class的命名 ID和class的名称总是使用可以反应元素目的和用途的名称，或其他通用的名称，代替表象和晦涩难懂的名称不推荐 : .fw-800 { font-weight: 800; } .red { color: red; } 推荐 : .heavy { font-weight: 800 阅读全文
posted @ 2022-06-27 09:49 Magi黄元 阅读(62) 评论(0) 推荐(0) 编辑
微信小程序 回到顶部按钮滚动到特定位置出现与点击回跳功能
摘要：WXML： <!-- 返回顶部悬浮 --> <view class="to_top_view" bindtap="toTop" hidden="{{!showToTop}}"> <image src="/resources/images/carBuying/to_top.png" mode="wid 阅读全文
posted @ 2022-06-24 09:27 Magi黄元 阅读(545) 评论(0) 推荐(0) 编辑
微信小程序父组件调用子组件事件
摘要：父组件中的子组件： <count-down id="countDown"></count-down> 子组件count-down中有事件： Component({ methods: { closeGold() { console.log('close gold'); }, } }) 父组件调用子组件 阅读全文
posted @ 2022-06-22 15:28 Magi黄元 阅读(1431) 评论(0) 推荐(0) 编辑
利用伪类画有长度的border-bottom
摘要：.text_selected::after { position: absolute; content: ''; width: 20%; border-bottom: 6rpx solid #007C7F; left: 0; right: 0; bottom: 10rpx; margin: 0 au 阅读全文
posted @ 2022-06-20 10:18 Magi黄元 阅读(60) 评论(0) 推荐(0) 编辑
微信小程序 动态样式 动态class
摘要：<button class="border {{ isRed?'red':'green' }}">按钮</button> 阅读全文
posted @ 2022-06-20 09:07 Magi黄元 阅读(582) 评论(0) 推荐(0) 编辑
JS对象删除空值
摘要：Object.keys(e_params).map(key => ((!e_params[key]&&e_params[key]!==0)||e_params[key] 1 ? delete e_params[key] : '')); 阅读全文
posted @ 2022-06-10 12:57 Magi黄元 阅读(279) 评论(0) 推荐(0) 编辑