随笔分类 -  微信小程序

摘要:// 获取页面URL参数 export function getLocationParams(name) { //获取页面栈 const pages = getCurrentPages(); //获取路由参数 const curPage = pages[pages.length - 1]; retu 阅读全文
posted @ 2022-11-28 17:02 Magi黄元 阅读(874) 评论(0) 推荐(0) 编辑
摘要:把需要修改的样式放在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) 编辑
摘要: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) 编辑
摘要:<button class="border {{ isRed?'red':'green' }}">按钮</button> 阅读全文
posted @ 2022-06-20 09:07 Magi黄元 阅读(582) 评论(0) 推荐(0) 编辑
摘要:解决办法 image { display:block } 阅读全文
posted @ 2022-03-31 13:03 Magi黄元 阅读(101) 评论(0) 推荐(0) 编辑
摘要:<image src="{{imgList[8]}}" data-src="{{imgList[8]}}" bindtap="preview"></image> 必须有 data-src,不然获取不到 e.currentTarget.dataset.src preview(e) { let curr 阅读全文
posted @ 2022-03-24 14:18 Magi黄元 阅读(183) 评论(0) 推荐(0) 编辑
摘要:<view class="image_zone" animation="{{animationData}}"/> const utils = require('../../../../../utils/index'); // pages/experience/more/component/moreS 阅读全文
posted @ 2022-03-24 13:40 Magi黄元 阅读(79) 评论(0) 推荐(0) 编辑
摘要:// 监听函数 const setWatcher = (page) => { let data = page.data; // 获取page 页面data let watch = page.watch; for(let i in watch){ let key = i.split('.'); // 阅读全文
posted @ 2022-03-14 17:48 Magi黄元 阅读(647) 评论(0) 推荐(0) 编辑
摘要:JS: changeScrollindex(e) { let num = +e.currentTarget.dataset.num this.setData({ scrollindex: num }) }, HTML:<view capture-catch:tap="changeScrollinde 阅读全文
posted @ 2022-03-08 16:16 Magi黄元 阅读(123) 评论(0) 推荐(0) 编辑
摘要:原地址: https://www.freesion.com/article/834394328/ js /** * 页面的初始数据 */ data: { scrollindex: 0, //当前页面的索引值 totalnum: 5, //总共页面数 starty: 0, //开始的位置x endy: 阅读全文
posted @ 2022-02-27 11:50 Magi黄元 阅读(1170) 评论(2) 推荐(0) 编辑