
小程序
句点_a
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序 顶部,底部兼容 ios
1:小程序开发中,ios系统如 iphoneX iphone11 iphone12 都有底部安全区域,所以在做的过程中要做兼容,使页面看起来更美观。(1):第一种方法直接给对应的类 设置样式便可以。.class{ padding-top: env( safe-area-inset-top);安全区域距离顶部边界距离 padding-bottom: env(safe-area-inset-bottom);//安全区域距离底部边界距离}//其他属性 safe-area...原创 2021-03-18 10:01:53 · 809 阅读 · 0 评论 -
小程序 设置 一个方法 或者弹窗 每天只执行一次 wx.getStorage , wx.setStorage
1:很简单的原理 只要判断上次执行的时间和当前时间做比较,如果是当天未执行过让其执行一次,如果不是的话执行一次,并且存下当前日期;2:要注意的是,小程序只要在手机上删除,缓存就删了,会重新执行此方法;//首先获取是否执行过wx.getStorage({ key: 'today', success: function(res) ...原创 2019-11-20 18:09:46 · 2912 阅读 · 0 评论 -
小程序实现元素在页面可拖动 movable-area
先看实现效果图: 实现客服按钮在页面区域可拖动;1:首先要定义一个容器,使元素在这个容器范围内可来回拖动;//<movable-area> 就是该容器//<movable-view> 是拖动的元素// x y 是定义元素在页面的具体位置//animation 防止拖动的时候掉帧<movable-area> <mov...原创 2019-10-29 11:02:13 · 2282 阅读 · 0 评论 -
小程序 投票或砍价进度条
示例图:上代码:index.wxml: <view class='clo_jdt'> <view style='width:{{width}}'></view> </view> <view>进度 <text>{{width}}</text> </view原创 2018-08-16 10:48:14 · 2279 阅读 · 0 评论 -
H5页面向小程序传递参数
H5页面 js;<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> $(function () { //小程序发送信息 wx.miniProgram.getEnv(function (res) { if (res.mi...原创 2018-08-20 17:10:02 · 9026 阅读 · 10 评论 -
小程序 固定分类导航 点击栏目滑动到相应内容
1:先看一下效果图,点击对应栏目,页面滑动到对应的分类内容。 2:第一步先实现页面内容;<!-- 分类导航 --> <view class='nav_fl'> <view wx:for="{{goodlist}}" data-index="{{index}}" data-id="b{{index}}" bindtap='tap'>{..原创 2018-10-11 15:17:53 · 6818 阅读 · 1 评论 -
小程序加入购物车动画效果及还原动画
1:先贴一下效果图,点击"+"出现垂直向下的效果。2:首先是页面以及样式部分;index.wxml: <!-- 加入购物车箭头 --> <view class='Arrow' animation="{{animation}}" wx:if="{{showAnmimation}}"> <image src='../../imag...原创 2019-05-07 10:34:58 · 5679 阅读 · 3 评论