本例根据绑定id来实现tab切换,但本例仍有缺陷,用for循环数据,无法实现切换.如有大神能够有更好方法,欢迎留言更正 WXML: <view class="tab"> <view bindtap="tabs" class="{{tabArr.curHdIndex=='0'? 'active' : ''}}" id="0" data-id="0">tab-hd01</view&

xml文件 <view class='bgcf bsbb pl30 pr30 pt30 pb30 df fww' >       <block wx:for="{{introduction}}" wx:key="key">       <view class='df fdc aic mb25 mr44 mw330' bindtap='departmentDetailClick' data-k_id='{{item.k_id}}'>

微信小程序 传值取值的几种方法总结 列表index下标取值 页面传值 form表单取值 1. 列表index下标取值 实现方式是:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 1.1 生成值 <image src="../../../images/icon_delete.png" /><text>删除</text> 在删除图标与文字添加data-index=

根据微信小程序返回给我们的场景值,我们可以根据不同的场景做出不同的处理,更加方便我们对使用场景的划分 当前支持的场景值有: :发现栏小程序主入口,“最近使用”列表(基础库2..4版本起将包含“我的小程序”列表) :顶部搜索框的搜索结果页 :发现栏小程序主入口搜索框的搜索结果页 :单人聊天会话中的小程序消息卡片 :群聊会话中的小程序消息卡片 :扫描二维码 :长按图片识别二维码 :手机相册选取二维码 :小程序模版消息 :前往体验版的入口页 :微信钱包 :公众号 profile 页相关小程序列表 :聊

小程序界面设定如下 父级页面:A界面 子级页面:B界面 异级页面:C界面 一.本页面取值(A界面→A界面) a.例如:input输入文字获取到value(键盘输入时触发) wxml: <input type='text' name="userName" maxlength="11" bindinput="userPhoneInput" ></input> js: data: { userPhone: '', }, //手机

本来呢,我是有专门整理小程序恶心bug的文章的,每次只要添加汇总就好, 但是呢,鉴于这个问题的恶心程度,所以我把他单独拿出来说了. ----------------------------------------------------------------产品经理都说恶心的需求-------------------------------------------------------------------------- 要知道,在小程序里边是有一个封装好的swiper组件,专门用于轮播图

在做微信小程序换皮肤的时候,需要动态修改菜单栏(TabBar)和导航栏(NavigationBar) 但是在小程序中它们的样式是写在app.json里面,而且app.json是静态编译,运行时哪怕你修改了里面的值,也是不起做作用的. 不过官方提供了动态修改两个样式的api. 动态修改NavigationBar wx.setNavigationBarColor({ frontColor:"#ffffff", backgroundColor:'#000000' }); 动态修改TabBar

微信小程序 “场景值”     对运营同学和产品比较有用一般开发者需在这里埋点,获取场景址,看一下小程序,用户一般从哪个路口进的有利于提升产品体验

开发中遇到一个业务需求,需要把页面顶部.底部固定,中间的scroll-view内部滚动.要满足这个需求,需要根据屏幕高度计算中间的scroll-view高度.结果悲催地发现,使用 wx.getSystemInfo拿到的windowHeight居然不一致: 1.在ios中,windowHeight是屏幕高度-底部TabBar的高度 2.在android中,windowHeight是屏幕高度 百度到的大部分说法是,这是小程序在android平台的bug.需要注意调用wx.getSystemInfo的

一,列表index下的取值 实现方式是:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 1.1生成值 <image src="../../../images/icon_delete.png" /><text>删除</text> //在删除图标与文字添加data-index="{{index}}"自定义属性以及绑定点击事件bindtap=&q

写小程序的时候用到了自定义属性,特地来记录一下 特别是这个坑,必须得说一说 wxml <view class='box' bindtap='getValue'> <view class='first' data-num="1024" data-name="张三">第一个view</view> <view class='second' data-age="2017" data-con="李四&qu

底部导航栏这个功能是非常常见的一个功能,基本上一个完成的app,都会存在一个导航栏,那么微信小程序的导航栏该怎么实现呢?经过无数的踩坑,终于实现了,好了,先看看效果图. 对于底部导航栏,小程序上给出的文档要求里面的item最少2个,最多五个. 好了,先看看代码: 在项目中找到这个文件 1 { 2 "pages":[ 3 "pages/index/index", 4 "pages/logs/logs", 5 "pages/mine/min

加入购物车的时候,往往会有产品相关属性的选择,比如:尺寸,规格等.像我做的项目中,就有一个门店的选择,如下图: 我们如何做到当前点击的这个高亮呢?今天就讲一下如何实现这个功能. 思路: 1.定义一个高亮的样式,我就命名为active了: 2.获取你点击的这个id或者其他的唯一属性,我这里的唯一属性是campusId; 3.通过判断你点击的这个元素的campusId 是不是 等于 它自身的campusId,如果等于就添加active的样式. 相关代码: wxml: <view class='row

<view class="tab-left" bindtap="tab"> <view class="{{tabArr.curHdIndex=='0'? 'active' : ''}}" id="tab-hd01" data-id="0">tab-hd01</view> <view class="{{tabArr.curHdIndex=='1'? 'act

如果你用mpvue,而且还想用echarts,那么这个包你可以以来一下 https://github.com/F-loat/mpvue-echarts 考虑到多个页面都休要用,所以抽出来作为一个组件,总得来说根据官方的例子小改动了一下 vue文件 <template> <div class="echarts-wrap"> <mpvue-echarts :echarts="echarts" :onInit="handleInit

如果对本例有更好的意见和建议,希望给予留言或是加群跟群主联系,交流学习. WXML: <block wx:for="{{nums}}" wx:for-index='idx' wx:for-item='item'> <view class="maxbox" bindtap="imgchange" data-id="{{idx}}"> <view class="zan"> &

1.data里定义切换图片的地址和切换的标识 data:{ show:true, yes:"http://101.89.144.168:9090//files/jk/yd/images/index/banner-3.jpg", no:"http://101.89.144.168:9090//files/jk/yd/images/index/banner-1.jpg" }, 2.组件里使用三元表达式 <image src="{{show?yes:no}

一.功能描述 在同一个页面内实现不同展示页面的切换功能,如下图所示 二.代码实现 1. index.js Page({ /** * 页面的初始数据 */ data: { currentData : 0, }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, //获取当前滑块的index bindchange:function(e){ const that = this; that.setData({ currentData: e.d

wxml <scroll-view scroll-x="true" class="ip_tab_comtainer"> <view class="ip_tab_comtainer_padd"></view> <block wx:for="{{ips}}" wx:for-item="ip" wx:key="{{ip.id}}"> <vi

wx.setNavigationBarTitle({ title:' 动态值 ' })

这里主要用到了swiper组件和三目运算,直接上代码, 样式只有三个class,简单粗暴,懒的小伙伴们可以直接拿来用,喜欢的点个支持 <view> <view class="swiper-tab"> <view class="bre swiper-tab-list {{tab==0 ? 'on' : ''}}" data-current="0" bindtap="tab_click">图文详