微信小程序开源项目名单汇总

微信小程序的开源项目很多，估计很多人都被搞糊涂了。小编做了一个总结，主要是让大家搜索自己开发的小程序。有关详细信息，请参见以下信息：

ui组件

weui-wxss 852——与微信原生视觉体验一致的基本风格库

wa-ui 122-一套微信小程序集成的ui库

wx-charts 105-微信小程序图表工具

wemark 85-微信小程序降价渲染库

wezrender 36-微信小程序画布增强组件

wetoast 21-模仿微信小程序提供的showtoast功能

wxapp-charts 20-微信小程序图表的图表组件

weixin project 18-列表小程序的上拉加载、刷新和上拉加载

城市选择16-微信小程序城市选择器

发展体系

拉布拉多391——微信小程序模块化开发框架

wepy 383组件小程序开发框架

wxapp-dev frame 27——小程序的基本开发框架

实用图书馆

wx parse 412-微信小程序富文本解析自定义组件

微信-weapp-redux 102-微信小程序redux绑定

野狗-weapp 44-野狗微信小程序客户sdk

晶圆-客户端-sdk 40-微信小程序客户端腾讯云增强sdk

wxnotification center 29-微信小程序通知广播模式类

开发工具

weapp-ide-crack 4454-微信小程序ide及其破解策略

哭泣799-实时微信小程序开发工具

weapp-quick 296-微信网络开发者复制工具

wxapp . vim 155-微信小程序开发vim插件

媒人80——专门为微信小程序开发的插件

微信_ web _ devtools 72-微信开发者工具linux版

miniapps 67-小型项目的脚手架工具

服务器

nami 28-一个小型程序的服务器端开发容器

晶圆服务器sdk-java 28-企业微信小程序全栈方案

移动商城-管理员26-创建一个休息应用程序接口的示例应用程序

weapp-php-server-sdk 23-腾讯云微信小程序云解决方案

weapp-node-server-demo 20-wafer服务器演示

其他的

wxapp-redux-starter 58-为微信小程序提供方便快捷的开发环境

演示

weapp-demo 727-模仿豆瓣电影的微信小程序

微信-weapp-gank 537-gank微信小程序

smallappforqq 460-微信小程序qq应用

微信-weapp-mall 430-移动微信小程序商城

微信中的weapp-微信-胡志297-知乎

wecqupt 255-微信小程序获取推广方便

仿芒果电视188-微信小程序演示

微信app-run 173-运行微信小程序演示

微信-v2ex 173-简单v2ex微信小程序

微信-weapp-淘宝153-微信小程序演示模仿手机淘宝

weapp-威飘141-微信小程序-微票

微信-app-知乎日报134-微信小程序-知乎日报

fenda-mock 125-用微信小程序实现这个app的基本功能

weapp-样板112-微信小程序开发的基本框架

腾讯云微信小程序111-一站式解决方案客户端示例

微信_商城_小程序103——贝叶微商城的简单版

微信-app-music 91-微信小程序：音乐播放器

微信-weapp-map demo 76-微信小程序开发演示-地图定位

m-mall 67-实现移动商城

微信-weapp-movie 66-微信小程序-电影推荐

微信-weapp-redux-todos 61-微信小程序集成redux实现的待办事项

微信小程序wxapp-socket-io-61-socket io客户端

weapp-豆瓣-电影59-微信小程序-豆瓣电影

weapp-demo-session 58-微信小程序示例

artand 55-微信小程序

wepy-微信-demo 54-wepy模仿微信聊天界面

weapp-one 47-一个模仿“一一”的微信小程序

beardiary 44-微信小程序小熊日记

微信-聊天44-微信小程序版本聊天室

wxapp-scalc 41-微信小程序版简易计算器，适合入门

微信-weapp-demo 41-一个简单的微信小程序购物车演示

wxflex 38-微信小程序flex布局演示

番茄钟35-番茄钟微信小程序版

weapp-news app 35-微信小程序-微信账号热门文章信息流

wxapp-hiapp 33-hiapp微信小程序版本

weapp-github 33——微信小程序的简单尝试

weapp-girls 31-一个通过node.js实现的姐妹照片爬虫微信小程序

weapp-v2ex 30-v2ex微信小程序版本

微信-app-flexlayout 28-从flex layout学习微信小程序

微信公众号-新闻阅读器26-新闻阅读器

微信-app-xiaoyima 24-微信小程序模仿大妈

医网原生app的益友网-wx 21-微信小程序演示

weapp-node-server-demo 20-wafer服务器演示

weapp 19-小程序hello world早期采用者

weapp-demo-面包之旅19-基于面包旅行api的微信小程序示例

微信美智17-微信小程序版姐妹纸图

wxreading 17-微信小程序后续

wx baisi 16-微信小程序模仿一个谜

hotapp-记事本16-微信小程序hotapp云笔记

wxapp-2048 16-微信小程序2048

weapp-500 px 16-微信小程序

netmusic-app 14-模仿网易云音乐app的微信小程序

wxmasony 14-微信小程序瀑布流布局模式

gankcamp-微信app 13-微信小程序版干货集中营

养猪13-专注于管理时间的微信小程序

weapp-lolgame 12-lol记录查询

wexinap _ 1024 12-1024游戏规则的简单实现

weapp-豆瓣-电影12-微信小程序版豆瓣电影

jspapa-wx 10-jspapa微信小程序版本

微信-app-githubfeed 8-微信小程序演示

wxsortpickerview 8-微信小程序首字母排序选择表

liwushouapp 8-微信小程序开发的app

wx-mina-meteor 8-meteor的反应待办事项列表示例

财普_微信7-微信小程序健康食谱

weapp-leancloud 7-leancloud的微信小程序用户登录演示

wx-mime 5-微信小程序版本扫雷

以上是微信小程序开源项目汇总列表。怎么样？你觉得一目了然简单方便吗？根据这个详细列表，你还可以开发小程序开源项目。更多相关信息，请关注源社网小节目频道。

下面是标题开头微信小程序下拉框的开发代码。标题到此结束

开发一个微信小程序需要考虑很多问题，尤其是小程序的用户是否方便使用，下拉框的设置就是其中之一。小编给出了微信小程序下拉框的具体代码，希望对大家有所帮助。

wxml代码：

？

{ {第一人称}}

//用三眼法确定图片是否要旋转180。

你好

他很好

大家好。

wxss代码：

？电话_个人{

宽度：；

color:rgb(34，154，181)；

height:100rpx

线高height:100rpx

text-align:中心；

}。phone_one{

display: flex//flex布局更方便。

相对位置：

justice-content :空格；

背景-color:rgb(239，239，239)；

宽度：90%；

height:100rpx

margin:0 auto

border-radius : 10 rpx；

border-bottom:2rpx实心rgb(255，255，255)；

}。person_box{

相对位置：

}。电话选择{

margin-top :0；

z-index : 100；

位置：//小程序中的z-index和absolute需要同时存在，这样元素才能从文档中分离出来。

}。select_one{

text-align:中心；

背景-color:rgb(239，239，239)；

width:676rpx//离开文档后，元素宽度不能再使用百分比。

height:100rpx

线高height:100rpx

保证金：05%；

border-bottom:2rpx实心rgb(255，255，255)；

}。个人图像{

z-index : 100；

位置：

右：2.5%；

w

idth: 34rpx

高度： 20rpx

边距：40 rpx 20 rpx 40 rpx 0；

transition:全0.4s轻松；

-webkit-transit :全0.4s轻松

}。rotateright{

变压器：旋转(180度);//180 旋转图片。

}

射流研究…代码：

？

页面({

数据：{

选择人员：路径，firstperson: '个人，selectarea:false，},

//选择类型

人员：功能{

var select person=this。数据。选择人员；

if(selectperson==true){

this.setdata({

selectarea:true路径路径，selectperson:false，})

}else{

this.setdata({

selectarea:false，选择人员：路径，})

}

} ,

//切换

myselect:function(e){

this.setdata({

第一人称： e目标。数据集。我，选择人员：路径，selectarea:false，})

},

onload:function(选项){

//页面初始化选择为页面跳转所带来的参数

},

onready:function函数函数{

//页面渲染完成

},

onshow:function{

//页面显示

},

onhide:function{

//页面隐藏

},

onunload:function{

//页面关闭

}

})