微信小程序

小程序端,做类似于支付宝充值话费或流量的样式

1、js的data下,有一组数据:array:[25000,40000,50000,100000,150000,200000,300000,500000,1000000](假设是从后台传过来的)2、先循环出来,获取index,设置data-id,便于获取当前点击位置<viewclass='swiper_con'&...

小程序echarts数据不改变,或者是一次渲染成功,第二次进入,渲染失败的解决办法

1、引入echarts插件:  import*asechartsfrom'../../ec-canvas/echarts';2、data中定义:  ecBar:{    onInit:initChart  },3、app.js中定义全局变量:  globalData:{    userInfo:null,    all...

微信小程序的经纬度不想写死,需要转成number类型不能用浮点型

click:function(e){  varmsg=this.data.placeData;  varlatitude=Number(msg.latitude)  varlongitude=Number(msg.longitude)  wx.openLocation({    latitude:latitude,  ...

微信小程序解决地图上的层级关系

在有带地图的手机页面上,view无法显示在地图上方,所以,在wxml中,使用:<cover-view></cover-view>能使view显示在地图上注:在该标签内部,所以标签都需要加上cover- 若该标签在地图上有时可以显示,有时不可以显示,则直接写在map标签里即可...

小程序push数组,在页面中不显示的解决办法

如果在小程序中的数据是PUSH进去的,会发现页面渲染不出来,解决办法如下:1、在data中,定义一个空数组:aArr:[]2、在需要push数据的地方,先声明一个中间数组:varaArr=this.data.aArr;3、PUSH数据到这个中间数据中:aArr.push({"a":str1,&quo...

微信小程序标签页切换

WXML中:<viewclass="swiper-tab">  <viewclass="swiper-tab-list{{currentTab==0?'on':''}}"data-current="0"bindtap="swichNav">地图</view>  <viewcla...
代码星球·2021-02-20

微信小程序点击按钮,修改状态

WXML中:<viewwx:if="{{orderstate}}='待送检'"data-no="{{orderstate}}"bindtap="quxiaosongjian">  <view>取消送检</view></view> 当前页面显示为待送检 ...

小程序if else 判断显示隐藏

wxml:<view><textwx:if="{{ifnumber>80}}">{{ifnumber}}</text><textwx:elif="{{ifnumber>40}}">{{ifnumber}}</text><textwx:else...

微信小程序判断按钮是否显示,或者隐藏

js中:onLoad:function(options){  this.setData({    orderstate:'待送检'  })}, WXML中:<viewwx:if="{{orderstate}}='待送检'">  若不是待送检,则显示不出来  <view&g...

小程序点击按钮跨页面传值

1、设置页面:<!--预约时间--><viewclass="sectioncllx"><navigatorhover-class='none'url="../time/time?car_leixing={{array[index]}}"bindchange="bindTimeChange"...

小程序页面高度不够用时,且无法改变高度

WXML页面:<scroll-viewclass="scroll_view_vertical"scroll-y><viewclass="item">line1</view><viewclass="item">line2</view><viewclass=...

小程序轮播图

wxml页面:<swiperclass="swiper"indicator-dots="true"autoplay="true"interval="2000"duration="1000"><blockwx:for="{{movies}}"wx:for-index="index"><swi...
代码星球·2021-02-20

小程序隐藏滚动条:

::-webkit-scrollbar{  display:none;}...
代码星球·2021-02-20

小程序定时器自动隐藏/显示

wxml页面:<viewclass="guide{{showView?'show':'hide'}}"animation="{{animationGuide}}"><viewclass="welcome"bindtap="welcome"animation="{{animationTxt}}">...

微信小程序居中代码

html页面:{  text-align:center;}wxss页面:{  width:100%;  height:100%;  display:flex;  justify-content:center;}...
代码星球·2021-02-20