小程序
马优晨
生活中的打击和挫折远比想象的更多,有时灾难又会让你的一切努力白费,也许明天我们就会死去,但如果我们还活着,在面对着种种不公和无奈过后,“明天的明天的明天,你是否会依然爱着这个世界。” 我想我会.......................
展开
-
h5唤起小程序
自 2022 年 4 月 11 日起,URL Scheme有效期最长 30 天,不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Scheme。每个独立的URL Scheme被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同URL Scheme打开该小程序。在本次规则调整生效前已经生成的URL Scheme,如果有效期超过30天或长期会被降级为30天有效,只能被1个用户访问,开始时间从调整日期开始计算。原创 2023-05-17 10:36:04 · 569 阅读 · 0 评论 -
rax自定义微信小程序导航栏
自定义微信小程序导航栏原创 2023-03-14 15:11:08 · 244 阅读 · 0 评论 -
获取微信小程序系统信息
获取微信小程序系统信息(版本、端、系统、导航高度等)原创 2022-12-16 17:35:37 · 734 阅读 · 0 评论 -
获取微信小程序路由参数
获取微信小程序的方法如下。原创 2022-10-13 14:46:16 · 2050 阅读 · 0 评论 -
微信小程序中template模板使用
小程序官方使用简介模板WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。定义模板使用 name 属性,作为模板的名字。然后在内定义代码片段,如:<!-- index: int msg: string time: string--><template name="msgItem"> <view> <text> {{index}}: {{m翻译 2017-09-29 11:10:48 · 7745 阅读 · 1 评论 -
小程序制作五星点评(默认五星)
在小程序的开发过程中,我们会遇到一种情况,就是在制作五星点评的时候,默认五颗星星都是要亮的。这里我们就要分享一下自己做默认五星的心得。在这里我们先看一下效果图:我们在订单页面的时候,当点击“晒单”按钮的时候我们跳转到评价的页面。 (图一:订单列表) (图二:评价)在这里我们只看一下“描述相符的五星”WXML代码:<!--星星评价--> <view class="comment1-de原创 2017-01-12 15:37:32 · 13061 阅读 · 1 评论 -
小程序制作回到顶部按钮
我们先看一下效果吧,直接上图。第一种情况,当页面在顶部的时候,回到顶部按钮是不会出现的。第二种情况,当页面在离开顶部一定距离的时候,回到顶部按钮出现接下就是对代码的分析了: 在这里我们如果要使用滚动事件的话,小程序规定 最外层一定要使用scroll-view标签进行包裹,然后在设置scroll-y=”true” 意思是允许页面了纵向滚动,scroll-top是滚动到顶部做处理,一般绑定一个原创 2017-01-08 14:12:07 · 17566 阅读 · 13 评论 -
小程序实现五星点评
先看一下效果图:如上图所示,这里我们要添加三个五星点评。我们这里之讲解一下,“描述相符”的点评WXML代码 <!--星星评价--> <view class="comment1-description" style="display:flex;flex-direction:row;"> <view class="comment1-description1">描述相符</view> <原创 2016-12-20 10:22:47 · 6415 阅读 · 3 评论 -
小程序实现局部元素隐藏
原理:这里主要通过在设置标志来让局部进行隐藏或者切换。下面的代码主要是功能是:单击first第一个view隐藏,第二个展示。单击second第二个view隐藏,第一个展示。JS代码Page({ data:{ flag:0 }, clickMes1: function(){ falg=1 } , clickMes2: function(){原创 2016-12-19 21:19:41 · 20506 阅读 · 4 评论 -
小程序的事件
小程序的事件主要有三种类型:1-单击事件2-双击事件3-长按事件单击事件由touchstart、touchend组成,touchend后触发tap事件。(1)单击事件view代码<view> <button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">点我吧</but原创 2016-12-19 20:50:25 · 2194 阅读 · 1 评论 -
制作微信小程序组件
对于我们日常中一些公共的东西可以封装成组件,然后在各个页面使用。对于小程序,我们也可以封装我们需要的一些公共的东西。这里我们讲解一个小插件。如上图所示,一个小插件,单击是展开,在单击关闭的时候,按钮关闭。页面的WXML (APP.wxml)<template name="widget-dialog-iconList"> <view class="com-widget-iconList {{原创 2016-12-21 14:27:36 · 5893 阅读 · 0 评论 -
小程序轮播
其实官网已经有了相关说明,但是这个也是通过一个实例来说明一下,小程序的轮播效果: 先看一下效果图: JS代码:var app = getApp();Page({ data: { imgUrls: [ 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',原创 2016-11-25 15:37:32 · 2996 阅读 · 0 评论 -
小程序调用接口实例
在这里通过一个简单的实例来说明微信小程序接口调用: 首先看一下效果: 这个就是小程序的真实样貌,体验度和原生APP还是有点相似的。JSON数据配置:{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "萌店商品详情",原创 2016-11-25 14:24:51 · 50029 阅读 · 3 评论 -
在小程序中将多个view居中显示
我们在这里要实现的效果是这样的,在小程序中将多个view居中显示 先看一下效果图如下图效果所示:我们需要将 “延长收货”,”查看物流”,“提醒发货”,“提醒发货”是四个按钮放在页面最中间,并且间隔适当的距离:HTML代码: <view class="footer"> <view class="footer-btn" style="display:flex;flex-dir原创 2016-11-25 14:05:17 · 28910 阅读 · 2 评论