WeUI for 小程序navbar导航栏选项卡示例

浏览: 26 2018年11月09日
一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录navbar以及文件navbar.wxml,并添加如下代码<view class="page"><view class="page__bd"><view class="weui-tab"><view class="w...

WeUI for 小程序Toast弹窗提示

浏览: 40 2018年11月07日
微信小程序的toast弹窗提示在实际项目中用的频率很高,例如本案例demo中成功提示,数据加载中提示。一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录toast以及文件toast.wxml,并添加如下代码<view class="page"><view class...

小程序蓝牙发送分包数据方法

浏览: 133 2018年11月01日
其实分包方法很简单,稍微有点js基础的就可以写出来,逻辑实现很简单。BLE蓝牙4.0协议中规定发送数据包字节数不超过20个字节,如果超过20个字节就需要分包发送,往往在现实业务中APP端向蓝牙设备发送的数据包基本上都超过了20个字节,故分包方法如下:一个字节两个字符串,故20个字节为40个字符串...

WeUI for 小程序picker选择器

浏览: 57 2018年10月30日
一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录picker以及文件picker.wxml,并添加如下代码<view class="page"><view class="page__hd"><view class="page__title">Picker</vie...

WeUI for 小程序Msg提示页

浏览: 72 2018年10月22日
微信小程序weui msg提示页组件有两种提示页,分别是成功提示页和失败提示页,在下面的内容中一一做介绍。 一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录msg以及文件msg.wxml,msg_success.wxml,msg_fail.wxml,注意新建了三个...

WeUI for 小程序dialog对话框

浏览: 71 2018年10月18日
在平时开发微信小程序ui的时候,对话框的使用频率很高,本章节将介绍小程序dialog对话框组件。实现起来很简单,步骤如下:一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录dialog以及文件dialog.wxml,并添加如下代码<view class="page"...

WeUI for 小程序actionsheet弹出式菜单

浏览: 54 2018年10月15日
一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录actionsheet以及文件actionsheet.wxml,并添加如下代码<view class="page"><view class="page__hd"><view class="page__title">A...

WeUI for 小程序progress进度条

浏览: 66 2018年10月14日
Progress进度条组件采用小程序源生的ui。一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录progress以及文件progress.wxml,并添加如下代码<view class="page"><view class="page__hd"><view cla...

WeUI for 小程序Preview表单预览

浏览: 102 2018年10月10日
小程序weui的表单列表样式设计介绍一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录preview以及文件preview.wxml,并添加如下代码<view class="page"><view class="page__hd"><view class="page...

WeUI for 小程序panel面板

浏览: 69 2018年10月09日
一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录panel以及文件panel.wxml,并添加如下代码<view class="page"><view class="page__hd"><view class="page__title">Panel</view><...

WeUI for 小程序loadmore加载更多

浏览: 106 2018年10月08日
一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录loadmore以及文件loadmore.wxml,并添加如下代码<view class="page"><view class="page__hd"><view class="page__title">Loadmor...

WeUI for 小程序icons图标

浏览: 91 2018年10月06日
微信小程序的icons图标组件非常重要,我们在开发小程序页面UI的时候,图标是经常要用到的,起到美化页面的作用,下面将介绍此组件的使用方法,当然微信公众号WEUI也有icons图标组件,感兴趣的同学可点击链接直达。一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录i...

WeUI for 小程序Grid九宫格

浏览: 102 2018年10月04日
微信小程序weui的grid九宫格组件在我们开发页面的时候会时常用到,其实微信公众号weui 也有一个九宫格的组件,感兴趣的同学可点击链接阅读学习,这里只介绍小程序weui九宫格的实现。一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录grid以及文件grid.wx...

WeUI for 小程序footer页脚

浏览: 109 2018年09月30日
微信小程序页脚footer基础组件还是非常实用的,我们在开发小程序项目的时候会经常用到。一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录footer以及文件footer.wxml,并添加如下代码<view class="page"><view class="pag...

WeUI for 小程序flex布局实现

浏览: 106 2018年09月27日
一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录flex以及文件flex.wxml,并添加如下代码<view class="page"><view class="page__hd"><view class="page__title">Flex</view><vie...

小程序weui badge单行列表

浏览: 84 2018年09月26日
微信小程序weui badge单行列表页在平时页面制作中用到的还是比较频繁的,但实现起来也很简单,实现如下一、引入小程序weui css样式库,请参考第一章二、在pages目录中新建目录badge以及文件badge.wxml,并添加如下代码<view class="page"><view cla...

小程序weui article文章页面UI实现

浏览: 89 2018年09月23日
其实小程序weui 对文章页面的UI个人感觉不怎么样,还是感觉很简陋,如果做文章页面UI的话,建议搭配其它组件,美化一下,首先咱们还是先看案例。一、在pages目录中新建目录article以及文件article.wxml,并添加如下代码<view class="page"><view class...

小程序weui Uploader上传组件

浏览: 152 2018年09月18日
在做项目的时候难免要上传一些图片的业务,本章节介绍微信小程序weui Uploader上传组件,weui本身就是个UI框架,故此文章未实现后台上传功能,仅仅是页面效果展示UI的实现。一、在pages目录中新建目录uploader以及文件uploader.wxml,并添加如下代码<view cla...

WeUI for 小程序slider滑块

浏览: 119 2018年09月17日
本章节介绍微信小程序weui实现滑块功能。一、在pages目录中新建目录slider以及文件slider.wxml,并添加如下代码<view class="page"><view class="page__hd"><view class="page__title">Slider</view><v...

断开蓝牙设备连接(closeBLEConnection)

浏览: 454 2018年09月14日
前面一共13章节分别介绍了小程序搜索周边蓝牙设备、发现设备、获取设备信息、连接设备、向设备发送指令数据、接收设备返回响应数据,但是当我们不需要再操作蓝牙设备的时候就需要小程序断开和蓝牙设备的连接,本章节将介绍小程序断开蓝牙设备的方法使用。首先看官方文档:wx.closeBLEConnection...