安装组件 npm install wepy-com-charts --save 引用组件 <template>     <lineChart></lineChart> </template> <script>     import wepy from 'wepy';     import Charts from 'wepy-com-charts';     export default class Index extends wepy.page {         components = {             lineChart: Charts         };     } </script> 调用方法 //调用draw方法可以产出图像 this.$invoke('lineChart', 'draw');

特性  支持自定义热门key  支持搜索历史  支持搜索建议  支持搜索历史（记录）缓存使用 ＊ 引入 // 模版引入 <import src="/wxSearch/wxSearch.wxml"/> <template is="wxSearch" data="{{wxSearchData}}"/> // wxss中引入 @import "/wxSearch/wxSearch.wxss"; ＊ 使用 //wxSearch 暴漏的接口 module.exports = {     init: init,     initColor: initColors,     initMindKeys: initMindKeys,     wxSearchInput: wxSearchInput,     wxSearchFocus: wxSearchFocus,     wxSearchBlur: wxSearchBlur,     wxSearchKeyTap: wxSearchKeyTap,     wxSearchAddHisKey:wxSearchAddHisKey,     wxSearchDeleteKey:wxSearchDeleteKey,     wxSearchDeleteAll:wxSearchDeleteAll,     wxSearchHiddenPancel:wxSearchHiddenPancel } //初始化 onLoad: function () {     console.log('onLoad')     var that = this     //初始化的时候渲染wxSearchdata 第二个为你的search高度     WxSearch.init(that,43,['weappdev','小程序','wxParse','wxSearch','wxNotification']);     WxSearch.initMindKeys(['weappdev.com','微信小程序开发','微信开发','微信小程序']); }, wxSearchFn: function(e){     var that = this     WxSearch.wxSearchAddHisKey(that);        },   wxSearchInput: function(e){     var that = this     WxSearch.wxSearchInput(e,that);   },   wxSerchFocus: function(e){     var that = this     WxSearch.wxSearchFocus(e,that);   },   wxSearchBlur: function(e){     var that = this     WxSearch.wxSearchBlur(e,that);   },   wxSearchKeyTap:function(e){     var that = this     WxSearch.wxSearchKeyTap(e,that);   },   wxSearchDeleteKey: function(e){     var that = this     WxSearch.wxSearchDeleteKey(e,that);   },   wxSearchDeleteAll: function(e){     var that = this;     WxSearch.wxSearchDeleteAll(that);   },   wxSearchTap: function(e){     var that = this     WxSearch.wxSearchHiddenPancel(that);   }

参数说明     type: -支持pie,ring,bar     data: []     colors： []颜色     canvasId: canvas-id     point:x轴圆心坐标,y轴圆心坐标     radius：半径大小     xCaption: 水平坐标说明文字     yCaption： 纵坐标说明文字     showYAxis：是否显示y轴

模仿QQ6.0侧滑菜单功能，小程序实现  在android ios 平台测试过，确保真实环境一致  小程序目前不支持组件化；后期会抽离一些公共的东西，让使用起来更加方便 如何使用？ 复制page下的文件夹到自己项目中，配置app.json，编译

适用于微信小程序的图片预加载组件，已应用于京东购物小程序版。使用步骤如下： 1、将 img-loader 目录拷贝到你的项目中 2、在页面的 WXML 文件中添加以下代码，将组件模板引入 <import src="../../img-loader/img-loader.wxml"/> <template is="img-loader" data="{{ imgLoadList }}"></template> 3、在页面的 JS 文件中引入组件脚本 const ImgLoader = require('../../img-loader/img-loader.js') 4、实例化一个 ImgLoader 对象，将 this(当前 Page 对象) 传入，第二个参数可选，为默认的图片加载完成的回调方法 this.imgLoader = new ImgLoader(this) 5、调用 ImgLoader 实例的 load 方法进行图片加载，第一个参数为图片链接，第二个参数可选，为该张图片加载完成时的回调方法 this.imgLoader.load(imgUrlOriginal, (err, data) => {     console.log('图片加载完成', err, data.src, data.width, data.height) }) 注：图片加载完成的回调方法的第一个参数为错误信息（加载成功则为 null），第二个参数为图片信息（Object 类型，包括 src、width 及 height）。

WeTaost插件源码位于src目录下，包含3个文件。 wetoast.js: 脚本代码 wetoast.wxml: 模板结构 wetoast.wxss: 样式 使用时只需要加入以上3个文件即可，使用方法可参考本项目示范。 推荐方案 Step1、在项目的app.js中引入wetoast.js，并注册到小程序上，小程序所有Page页面均可使用，无需再次引入 let {WeToast} = require('src/wetoast.js')    // 返回构造函数，变量名可自定义 App({ WeToast    // 后面可以通过app.WeToast访问 }) Step2、在项目的app.wxss中引入wetoast.wxss @import "src/wetoast.wxss"; Step3、引入WeToast模板结构， 方式一，在单独页面使用 <!-- 文件 index.wxml 中 --> <import src="../../src/wetoast.wxml"/> <template is="wetoast" data="{{...__wetoast__}}"/> 方式二，创建公用包含文件，将所有公用模板放在一起 <!-- 文件 footer.wxml 中 --> <import src="src/wetoast.wxml"/> <template is="wetoast" data="{{...__wetoast__}}"/> <!-- 其他xxoo模板 --> <template is="wexxoo" data="{{...wexxoo}}"/> 然后通过include引入 <!-- Page文件 index.wxml 底部 --> <include src="footer.wxml"/>

如何使用 复制page下的文件夹到自己项目中，配置app.json  带字母滑动或点击选择的列表页面  在android ios 平台测试，确保真实环境一致  小程序目前不支持组件化；后期会抽离一些公共的东西，让使用起来更加方便

使用 组件的wxml结构请看dist/components/下的组件 样式文件可直接引用dist/components/wux.wxss 插件及文档 ActionSheet - 上拉菜单 Backdrop - 背景幕 Barcode - 条形码 Button - 浮动按钮 Calendar - 日历 CountDown - 倒计时 CountUp - 计数器 Dialog - 对话框 FilterBar - 筛选栏 Gallery - 画廊 KeyBoard - 键盘 Loading - 指示器 Notification - 通知 Picker - 选择器 Prompt - 提示信息 Qrcode - 二维码 Rater - 评分组件 Refresher - 下拉刷新 Toast - 提示框 Toptips - 顶部提示 Vcode - 验证码 Xnumber - 数字输入框

微信小程序组件如此之丰富、你还需要重量级的组件库来冗余代码吗？ 所以只需要Wa-UI这个轻量级的库很快捷的做布局就可以了 ##使用须知 import引入即可使用，快速开始 Wa-UI说明文档请参考Wiki IDE更新2800版本之后外部字体icon暂时不能用了，可以使用官方icon和图片替代 展示 栅格（想要几几分？）   列表 目前样式 列表 微信小程序组件如此之丰富、你还需要重量级的组件库来冗余代码吗？ 所以只需要Wa-UI这个轻量级的库很快捷的做布局就可以了 ##使用须知 import引入即可使用，快速开始 Wa-UI说明文档请参考Wiki 表单 按钮三种大小 按钮六种颜色 input默认样式 input横向 input堆叠 带icon的input（icon暂停使用） 带icon的button（icon暂停使用） 布局 row&col基于flex的网格布局 grid-view 基于float的九宫格布局 ###

支持图表类型 饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 area 雷达图 radar 使用 1、直接引用编译好的文件 dist/wxcharts.js 或者 dist/wxcharts-min.js 2、自行编译

功能 可滑动得tab-view功能，小程序实现 在android ios 平台测试过，确保真实环境一致 小程序目前不支持组件化；后期会抽离一些公共的东西，让使用起来更加方便 使用 复制page下的文件夹到自己项目中 配置app.json 编译

使用方式 1. 准备工作： 下载并拷贝wemark目录到小程序根目录 WXSS中引用样式：@import '../wemark/wemark.wxss' WXML中引用结构：<import src="../wemark/wemark.wxml"/> JS中引用wemark：var wemark = require('wemark') 2. JS部分 首先需要确定一个用于wemark渲染使用的数据名称（默认情况下为wemark），然后在页面的data中指定： page({ data:{ // 确定一个数据名称 wemark:{} } }); 接下来在Page的生命周期函数（如onReady）中，调用wemark.parse(md, this, options)即可。 具体的参数说明： md，必填，需要渲染的Markdown字符串 this，必填，Page实例 options，其它的参数 imageWidth，图片的宽度，如包含图片，则为必填，以px为单位 新版小程序图片可以自适应宽高 name，对应上面指定的数据名称，默认为wemark 3. WXML部分 // data中的参数和上方确定的数据名称保持一致 <template is="wemark" data="{{...wemark}}"></template> 实例 // 引入wemark var wemark = require('../wemark/wemark'); // 需要渲染的Markdown文本 var md = '# hello, world\n\nI love you, wemark!'; Page({ data: { // 确定一个数据名称 wemark:{} }, onReady: function(){ wemark.parse(md, this, { // 新版小程序可自适应宽高 // imageWidth: wx.getSystemInfoSync().windowWidth - 40, name: 'wemark' }) } });

使用 使用 ZanUI-WeApp 前请确保已经学习过微信官方的 小程序简易教程 和 小程序框架介绍。 然后用 Bower 将 ZanUI-WeApp 添加到你的项目中使用。 你也可以 fork 出一份你自己的 ZanUI-WeApp，这样可以获得更稳定的代码和更方便的进行个性定制。 我们推荐在你的app.wxss直接引入zanui-weapp/dist/index.wxss。 组件分类介绍 根据功能的不同，可以将组件大致的分为2类： 1. 正常引用 如按钮组件，只需要在页面中引入按钮自定义组件即可 { "usingComponents": { "zan-button": "/path/to/zanui-weapp/dist/btn/index" } } <!-- example/btn/index.html --> <zan-button>按钮</zan-button> 2. API类组件 如 Toast 组件，需要先在页面上引入自定义组件。之后在逻辑运行时，直接调用方法即可展示 { "usingComponents": { "zan-toast": "/path/to/zanui-weapp/dist/toast/index" } } <zan-toast id="zan-toast-test"></zan-toast> 将对应的 Toast 的函数引入页面，就可以直接调用来展示 Toast 了 // example/toast/index.js const Toast = require('/path/to/zanui-weapp/dist/toast/toast'); Page({ showToast() { Toast({ selector: '#zan-toast-test', message: 'toast内容' }); } });

微信小程序开发-新版2048，需要的朋友可以免费下载使用。

微信小程序开发-笑话大全，需要的朋友可以免费下载使用。

微信小程序开发-微票，需要的朋友可以免费下载使用。

微信小程序开发-妹子社交，需要的朋友可以免费下载使用。

微信小程序开发-妹纸APP，需要的朋友可以免费下载使用。

微信小程序开发-简易计算器，需要的朋友可以免费下载使用。

小姨妈-女性生理期计算，需要的朋友可以免费下载使用。