主要领域：前端开发

前言我们经常会使用微信小程序自带的tab组件与swiper组件搭配来实现漂亮的tab切换页面，但是我们不得不承认swiper组件默认高度的确是很让我们头疼。那么下面我们来实现上图中根据不同的tab页面来使swiper页面动态的变换高度。干货wxml<!--index.wxml--><view class="container"> <view class="tab-body" hover-class="none" hover-stop-propagation=.

前言虽然app.js先于index.js。但是修改app.js中的全局变量是异步请求，如果你想在index.js里获取app.js修改后的值，那么需要使用promise来实现异步。app.js //app.jsApp({ globalData: { userInfo: null }, // 检测授权 getauthor: function () { re...

前言排名不分先后，按自己的习惯来的。一、tab切换

授权登录<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo" class="fix">登录</button>//index.js//获取应用实例var APPID ='xxx'var SECRET = 'xxx'const app = getApp()Pa...

<!--pages/list/list.wxml--><wxs src="../../utils/filter.wxs" module="filter" /><view class="list"> <view wx:for="{{list}}" wx:key="{{index}}" class="ban" data-main='{{index...

wxml下添加标签<rich-text nodes="{{msg}}"></rich-text> js下加工数据 data: { msg:'' }, onLoad: function (options) { var that= this wx.request({ url: '', //仅为示例，并非真实...

第一步，在utils文件夹里新建一个filter.wxs文件var replaceStar = function (index) { var a switch (index) { case '1': a = '出生时' break; case '2': a = '1月龄' ...

wxml:<view class="duration-touch-view" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" ></view>index.js:var touchStartX = 0;//触摸时的原点 var touchStart...

一、 在目录下创建文件如下图：tabbar.js：// pages/tabbar/tabbar.jsconst app = getApp();Component({ /** * 组件的属性列表 */ properties: { tabbar: { type: Object, value: { "back...

<view class="container"> <input type="text" bindinput="getOrderCode" style="border:1px solid #ccc;" /> <button bindtap="pay">立即支付</button></view>``Page({da...

wxml： <view > <button class="show" bindtap="onChangeShowState">{{showView?'隐藏':'显示'}}</button> </view> <view class="hide{{showView?'show':''}}"> <text cla...