随笔分类 -  微信小程序

小程序 单选组件
摘要：wxml <view id='screen'> <van-popup get-container="#screen" show="{{ visible }}" closeable round position="bottom" bind:close="close_pop" custom-style= 阅读全文
posted @ 2024-01-18 11:24 JaneLifeVlog 阅读(58) 评论(0) 推荐(0)
小程序 使用echart
摘要：wxml 必须定义宽高 <view style="height: 500rpx;margin-top:40rpx;"> <ec-canvas id="mychart-dom-bar" class="myCanvas" canvas-id="mychart-bar" ec="{{ec}}"></ec- 阅读全文
posted @ 2024-01-18 11:00 JaneLifeVlog 阅读(47) 评论(0) 推荐(0)
小程序 详细
摘要：小程序界面间的跳转 **保留当前页面，只能打开非 tabBar 页面，返回时返回该页面** wx.navigateTo({ url: '路径地址', }) **关闭卸载当前页面，只能打开非 tabBar 页面，** wx.redirectTo({ url: '路径地址' }) **关闭所有非tabb 阅读全文
posted @ 2023-12-06 10:50 JaneLifeVlog 阅读(53) 评论(0) 推荐(0)
小程序 多个表单赋值
摘要：input_blur(event) { //获取唯一值 var _type = event.currentTarget.dataset.type; this.setData({ ['form.' + _type]: event.detail }) }, 阅读全文
posted @ 2022-03-10 13:38 JaneLifeVlog 阅读(135) 评论(0) 推荐(0)
切换页面后返回置顶效果
摘要：1、在scroll-view标签中写（和滚动在一个标签中） :scroll-top="scrollTop 2、在data中写 scrollTop : 0 3、在相对应的点击跳转的方法内写 this.scrollTop = Math.random() 阅读全文
posted @ 2022-03-09 13:47 JaneLifeVlog 阅读(54) 评论(0) 推荐(0)
判断 是否为微信小程序
摘要：let weixinBoolean = false const ready = () => { if (window.__wxjs_environment 'miniprogram') { weixinBoolean = true; } }; if (!window.WeixinJSBridge | 阅读全文
posted @ 2021-09-14 15:46 JaneLifeVlog 阅读(741) 评论(0) 推荐(0)
微信小程序 tab组件
摘要：navBar.wxml <!-- 底部导航条 --> <view class="navBar"> <view class="navBar-home" bindtap='goHome'> <image wx:if="{{homeActive}}" src="../../public/index_tab 阅读全文
posted @ 2021-08-26 10:19 JaneLifeVlog 阅读(202) 评论(0) 推荐(0)
微信小程序 轮播图
摘要：html <view class="carousel"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indica 阅读全文
posted @ 2021-08-26 09:39 JaneLifeVlog 阅读(47) 评论(0) 推荐(0)
微信小程序 点击预览大图
摘要：html <ul class="rev_img_list"> <li wx:for="{{ cItem.pic_arr }}" wx:for-item="pItem" wx:key="pKey" class="rev_img_item"> <image src="{{pItem}}" class=" 阅读全文
posted @ 2021-08-23 10:14 JaneLifeVlog 阅读(184) 评论(0) 推荐(0)