得意小门生的博客

效果图：wxml:<view class="box"> <image src="../../images/online/weixin.png" mode="widthFix" /> <view class="tell">{{weixin}}</view> <view class="tip" data-weixin="{{weixin}}" catchtap="getWeixin">复制去加好友</view>

效果图：说明：点击一键预约提交表单时我们需要验证一些必填项以及它们的格式。微信小程序表单验证跟vue的input双向绑定不同，微信小程序只能通过button按钮提交form表单，然后通过监听表单提交方法去获取提交的数据。<!-- 表单 --><view class="forms"> <view class="container"> <image class="bg" src="../../images/formBg.png" mode="aspe

效果图：说明：从新闻列表跳转到新闻详情通常是需要传参的。<view class="item" catchtap = "goDetail" wx:for="{{news}}" wx:key="index" data-id="{{item.id}}"> <view class="left"> <view class="tit">{{item.title}}</view> <view class="looks"&g

效果图：说明：看到效果图时，我们可能首先想到swiper组件实现，但是在实际开发中发现swiper-item的间距是无法实现的。这时我们可以用scroll-view去模拟实现。<scroll-view scroll-x style='display: flex;white-space:nowrap;' class='swiperFuns'> <view class="swiper-slide"> <image class="img" src="../../im

效果图：<view class="banner"> <swiper class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" indicator-color="rgba(0, 0, 0, .3)" indicator-active-color="#ff

<view class="item flex align-items-center"> <view class="title">新手机号</view> <view class="newPhone"><input type="text" value="" v-model="newPhone" /></view> <view v-if="showText == true" class="sendCodeBtn" @click..

起初小程序上线时，微信限制了代码包不能超过1MB，后来功能变大变成了2M了，限制大小是出于对小程序启动速度的考虑，希望用户在使用任何一款小程序时，都能获得一种“秒开”体验。但是，2MB也限制了小程序功能的扩展，小程序业务的发展可能需要更大的体积。为了解决这个问题，微信推出了—分包加载。小程序分包加载对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作。目录结构：开发者通过在 app.json subpackages字段声明项目分包结构：{ "pag.

方法一<view class="tabs_title"> <!-- <view class="title_item active">首页</view> <view class="title_item">原创</view> <view class="title_item">分类</view> <view class="title_item">关于</view> --> <

一、bindtap 和 catchtap 的区别：(1) 相同点：首先他们都是作为点击事件函数，就是点击时触发。在这个作用上他们是一样的，可以不做区分。(2) 不同点：他们的不同点主要是**bindtap是冒泡的，catchtap是非冒泡的**。参考：https://www.cnblogs.com/eline2018/p/10394974.html二、路由wx.switchTab 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面wx.reLaunch 关闭所有页面，打开到

wxml:<!-- pages/index/index.wxml --><!--导航菜单--><view class="navbar"> <!--循环--> <view wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : ''}}" bindtap="navbarTap"> <view

微信头部导航栏可能通过json配置：（文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html）但是有时候我们项目需求可能需要自定义头部导航栏，如下图所示：分析上图，我得到如下信息：Android 跟 iOS 有差异，表现在顶部到胶囊按钮之间的距离差了 6pt胶囊按钮高度为 32pt， iOS 和 Android 一致如何计算导航栏分为状态栏和标题栏，只要能算出每台手机的