![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
勉后之幸
这个作者很懒,什么都没留下…
展开
-
关于微信小程序,那些开发文档没有告诉你的
小程序与传统HTML5的区别小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发。经过仔细研究文档和代码开发,从视图层的角度来说,小程序与传统HTML5还是有明显的区别,主要区别在于: 开发工具不同。 区别于H5的开发工具+浏览器Device Mode预览的模式,小程序的开发基于自己的开发者工具,可以实现同步本地文件+开发调试+编译+预览+上传+发布等一整套流程。 开发语言不同。 小程序自己开发了一套...转载 2020-07-30 16:10:09 · 484 阅读 · 0 评论 -
微信小程序周历表预约课程
把周历表的 星期一 提了出来,因为其他天也是一样的,这样更加方便查看。每一天都可以添加多个时间段,这里的时间就是 时:分(01:00),点击‘+’添加一行开始时间和结束时间,点击‘-’删除最后一行wxml<view class="week"> <view class="week_left"> <view class="week_day">星期一</view> <view class="week_d..原创 2020-07-30 10:47:28 · 674 阅读 · 0 评论 -
微信小程序引用背景图片手机上不显示问题(已解决)
点击圈圈中的图片实现上传图片的效果,引入这个背景图片在微信开发工具中都一切正常,但是在真机上就显示不出来图片。引入图片路径也是使用的相对路径,但是不好使下面放下代码,这样手机上就可以显示出来图片了<view class="img"> <image bindtap="upimg" class="section_img_one" src="../../img/uploadimg.png" style="width=160rpx;height:160rpx;">&..原创 2020-07-27 18:10:04 · 4161 阅读 · 3 评论 -
微信小程序thirdScriptError Cannot read property ‘length‘ of undefined; [Component] Event Handler Error @
thirdScriptErrorCannot read property 'length' of undefined; [Component] Event Handler Error @ pages/leagueadd/leagueadd#bound formSubmitTypeError: Cannot read property 'length' of undefined功能描述:周历表,可以添加其中任何一天的课程时间,但是我只添加周一的时间的话,就出现了这个错误。但实际上是可以只添加一天.原创 2020-07-24 10:30:43 · 2572 阅读 · 0 评论 -
微信小程序切换标签背景色随之改变
首先,先放张图片,为了更方便看到样式。wxml页面代码<view class="time_box"> <view class="time {{type=='day'?'date-color':''}}" data-id="day" bindtap="day">今日</view> <view class="time {{type=='week'?'date-color':''}}" data-id="week" bindtap="day"原创 2020-07-09 16:44:43 · 487 阅读 · 0 评论 -
微信小程序 列表收起与展开效果
首先,先看下效果吧,就放两张图片看下吧第一张图就是原页面了,然后点击 “收起” ,效果就是第二张图的样式了。再点击 “展开” 的时候就会变成第一张图的样子了。<view class="list" wx:for="{{mylist.list}}" wx:for-item="test" wx:key="Addtime"> <view class="list-date list-one"> <view class="line-one"&原创 2020-06-16 16:24:57 · 4753 阅读 · 5 评论 -
微信小程序获取当前手机号拨打电话
<view class="right" hover-class="weui-cell_active" data-reply-phone="{{mdelist.info.Phone}}" bindtap="phoneCall"> <image src="../../img/phone.png" class="phone"></image></view>其中,{{mdelist.info.Phone}} 是获取到的手机号码/** * 拨打.原创 2020-06-01 11:59:57 · 740 阅读 · 0 评论 -
微信小程序中input搜索
列表页搜索框搜索姓名或手机号,首先 wxml 页面代码<view class="search"> <input class="search-img" type="text" value="{{searchValue}}" bindinput="input1" placeholder="搜索会员姓名/手机号码" bindconfirm="search" />...原创 2020-01-09 09:47:03 · 956 阅读 · 0 评论 -
微信小程序表单提交PHP后台
一、首先先把小程序页面写好,这个不多说了,直接上代码<form bindsubmit="formSubmit" bindreset="formReset"> <view> 昵称:<input type="text" style="border:1px solid #f5f5f5;" name="nickname" placeholder="请输入昵称...原创 2019-12-13 16:28:53 · 1049 阅读 · 0 评论 -
微信小程序图片上传
首先,先放上效果图 接下来放上代码,首先wxml页面<view class="wrap"> <view class="phone"> <input name="inputName" bindinput="inputName" placeholder="请输入商品名称" /> </view>...转载 2019-11-28 11:44:26 · 145 阅读 · 0 评论 -
小程序中文字超过两行内容,以‘...’结尾
如图,当内容有多行文字,全部展示影响美观,所以设定当超出两行的话,就以'...'表示.content text{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webki...原创 2019-11-21 13:49:36 · 2323 阅读 · 0 评论 -
小程序之轮播图
关于swiper中一些属性以及属性的说明,可以参考开发文档https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html首先,在js文件中定义需要轮播的图片以及属性data: { imgs: [ '../../img/1.1.png', '../../img/2.png',...原创 2019-11-08 09:42:11 · 216 阅读 · 0 评论 -
小程序底部导航栏
关于底部导航栏,是非常常见和使用的一个功能,刚学习,通过查阅资料,最终解决问题。在此记录下,方便查看。首先需要把要跳转的页面写好,在此就不细说了。其次在配置文件app.json里面写好需要展示的页面,把默认的页面放在第一个。如图"pages": [ "pages/test/test", "pages/my/my", "pages/lists/lists"...原创 2019-11-07 17:29:57 · 353 阅读 · 0 评论