微信小程序
文章平均质量分 60
岁月*
这个作者很懒,什么都没留下…
展开
-
微信小程序——swiper轮播图
swiper轮播图wxml <view class="page-section page-section-spacing swiper"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{du...原创 2019-12-09 16:59:21 · 515 阅读 · 0 评论 -
微信小程序提示跳转页面报错,解决方法
报错提示:VM264:1 Component "pages/index/index" does not have a method "handleClick" to handle event "tap"可能是你自己定义了组件:我这里就是自定义了组件(Component)那么如何自定义组件呢?首先在json文件中写入一下代码即可:然后就可以用了,那么为什么跳转页面会出现错误呢...原创 2019-10-28 13:22:57 · 13111 阅读 · 0 评论 -
微信小程序自定义导航栏天大的坑,报错提示:component is not found in path "custom-tab-bar/index"...
最近也由于小程序改版,用到了自定义导航,这,这坑一波一波的。1、首先是Component is not found in path "custom-tab-bar/index",首先官方文档没有说明这个是说明这是什么错误?2、报错,但是想要自定义tabbar,往下看注意:报错原因是custom-tab-bar(这个标签一定要这样,不要问为什么)是位于pages同一级别的目录,一定不要放...原创 2019-10-26 15:49:36 · 8754 阅读 · 2 评论 -
微信小程序返回上一页报错:VM4677:1 Component "pages/payment/payment" does not have a method"_back" to handle even
报错提示:VM4677:1 Component "pages/payment/payment" does not have a method"_back" to handle even "top"接下来就解决此错误:错误意思是没有定义"_back"方法!绑定了方法后,在其js文件中定义此方法就可以了...原创 2019-10-23 22:00:41 · 6453 阅读 · 0 评论 -
微信小程序,通过点击按钮实现在本页面上跳转到一个新页面
效果图:图1图2一、wxml文件<!-- 半透明层 --><view hidden="{{isHiddens}}" class="hiddenView" style="height:{{windowHeight}}px;"><!-- 内容 --><view class="textView" style="height:{{win...原创 2019-10-23 21:53:04 · 8156 阅读 · 1 评论 -
微信小程序怎么设置背景颜色渐变以及字体走马灯效果(高考倒计时)
效果图:图1图2一、背景颜色渐变1、wxml文件<view class="Broadcast" style="--marqueeWidth--:-350rpx"><p class="Broadcast_text">高考广播:距2020高考仅剩{{countdown}}天</p></view>2、wxss文件.Br...原创 2019-10-23 20:51:19 · 3541 阅读 · 0 评论 -
微信小程序实现轮播图效果
一、添加轮播图片二、wxml文件<!-- 轮播图 --><view class='swipercontainer'><swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" ...原创 2019-10-23 20:31:10 · 3541 阅读 · 2 评论 -
微信小程序添加底部导航栏
效果图:一、添加iconfont图片那么如何添加iconfont图片呢?1、进入自己的iconfont项目2、下载图标(下载后就是一张图片了,同时可以编辑icon图标颜色哦!)二、app.json"tabBar": {"color": "#000","selectedColor": "#2894FF","backgroundColor": "#7...原创 2019-10-23 20:23:50 · 1402 阅读 · 0 评论 -
微信小程序跳转页面
效果图:说明:关于怎么添加iconfont图标“<”,我的博客上有详细的讲解。一、wxss<view class='home-page' style='margin-top: {{height}}px'><h4 class="navbar-relation">联系我们</h4><view class="iconfont ico...原创 2019-10-23 20:15:53 · 213 阅读 · 0 评论 -
微信小程序顶部导航栏样式设置(自定义)
效果:一、要用自定义的导航栏需要在app.json中配置(必须)取消自带的导航栏:"navigationStyle": "custom"目前微信小程序不支持单个页面设置,一旦在要决定使用自定义导航栏,那么每个页面都需要设置,为了方便我就将其写成了一个组件:二、目录结构1、navbar.wxml文件:<view class='nav-wrap' st...原创 2019-10-23 14:11:35 · 22064 阅读 · 4 评论 -
微信小程序引入iconfont图标
一、百度搜索iconfont二、 搜索想要的图标,在选择一个适合自己的图标三、 鼠标放在图标上,点击第一个选项(添加入库)四、点击购物车图标五、选择第一个按钮(添加至项目),项目没有的可以就地创建六、回到项目中,点击下载至本地七、找到iconfont.css八、创建iconfont文件夹,以及iconfont.wxss文件,把下载的ico...原创 2019-10-23 09:38:03 · 1040 阅读 · 0 评论