小程序
文章平均质量分 67
cdgogo
这个作者很懒,什么都没留下…
展开
-
【微信小程序】知识点总结
路由wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.reLaunch(Object object)关闭所有页面,打开到应用内的某个页面wx.redirectTo(Object object)关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigat原创 2021-11-12 22:45:40 · 333 阅读 · 0 评论 -
【微信小程序】3D效果轮播图
效果图:<view class='swiper-container'> <swiper class='swiper-block' autoplay='true' circular='true' previous-margin='90rpx' next-margin='90rpx' current='0' bindchange='swiperChange' interval='5000' duration='1000'> <block wx:key='unique原创 2021-11-12 21:20:43 · 1741 阅读 · 0 评论 -
【微信小程序】自定义导航栏
大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ,但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。思路隐藏官方导航栏获取胶囊按钮、状态栏相关数据以供后续计算根据不同机型计算导航栏高度编写新的导航栏页面引用自定义导航一、隐藏官方导航栏隐藏导航栏可以全局配置,也可以单独页面配置,具体根据业务需求来。{ "path" : "pages/public/login", "style": { "navigationB.原创 2021-11-12 19:29:32 · 1058 阅读 · 0 评论 -
【微信小程序】组件封装
效果图:说明:该小程序中多个页面用到房屋装修设计表单 和 底部tabbar导航栏,为了修改方便,把他们封装层组件然后调用即可。组件结构如下:组件写好后,我们需要注册组件,可以在app.json中全局注册,也可以直接在需要用到的页面中年注册。引用组件:在自定义组件中会发现无法获取到外部公用的样式,即全局样式(比如:字体图标样式),解决办法:只要在对应组件的js文件中设置addGlobalClass属性为true即可Component({ options: { addGlob原创 2021-11-12 15:33:07 · 633 阅读 · 0 评论 -
【微信小程序】表单提交验证及获取表单输入的值
效果图:说明:请选择房屋所在城市的效果是省市区选择器,刚开始我们可能直接在picker选择器中直接包含一个input输入框实现,但是这样的话点击选择的话可能聚焦在输入框中,我们想要的效果是点击的时候直接拉起省市区选择器。解决办法:考虑到未选择前有文字提示,我们可以用判断city变量的方法条件显示提示和选择的内容,同时为了在表单提交中可以获取到内容,可以把选择的内容同时绑定到input输入框并且把input框隐藏。<form catchsubmit="submitFn"> &l原创 2021-11-12 13:50:26 · 1914 阅读 · 0 评论 -
【微信小程序】scroll-view实现swiper-item间距轮播效果
说明:看到效果图时,我们可能首先想到swiper组件实现,但是在实际开发中发现swiper-item的间距是无法实现的。这时我们可以用scroll-view去模拟实现。<!-- 解决方案 --><view class="functions"> <view class="title"> 更懂国人生活方式的家装解决方案 <text class="desc">满足您的不同装修需求</text> </view> .原创 2021-11-11 23:31:27 · 879 阅读 · 0 评论 -
【微信小程序】基础轮播图
效果图:<!-- 轮播图 --><view class="banner"> <swiper class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" indicator-color="rgba(0, 0, 0, .3)"原创 2021-11-11 23:05:16 · 863 阅读 · 0 评论 -
小程序项目实例
标签的选中与否知识点:事件绑定catchtap,传参,class样式三元运算符<view class="title">您好,请选择标签?</view><view class="bq"> <text catchtap="bqCheck" wx:for="{{biaoqian}}" wx:key="index" data-index="{{index}}" class="{{item.type==false?'':'active'}}">{{item.n原创 2020-07-27 11:13:26 · 364 阅读 · 0 评论