精华内容
下载资源
问答
  • 主要介绍了微信小程序 UI布局常用技巧整理总结的相关资料,现在不论是APP 还是各种软件,UI布局还是非常重要的,用户体验第一位啊,这里就整理下微信小程序UI布局,需要的朋友可以参考下
  • 一套微信小程序ui,包含首页,我的,授权,用户绑定,信息展示及修改等... 项目小,但其中包含一些功能点: 可配置数据列表微信小程序:“我的”页面布局(二):可配置功能菜单列表 用户授权微信小程序:“我的...

    itlao5-xmb-weapp

    一套微信小程序ui,包含首页,我的,授权,用户绑定,信息展示及修改等...

    项目小,但其中包含一些功能点:

    1. 可配置数据列表微信小程序:“我的”页面布局(二):可配置功能菜单列表
    2. 用户授权微信小程序:“我的”页面布局(一):微信用户信息获取及UI
    3. 小程序跳转app:微信小程序:如何跳转app方案及实现
    4. 功能升级页面:微信小程序:功能升级中页面(图片等比缩放)
    5. 用户绑定及用户信息展示
    6. 手机号/身份证号验证
    7. 带输入框弹窗微信小程序:带输入栏的选择项蒙版弹窗
    8. 控件适配/等比缩放微信小程序:switch、radio等控件缩放zoom
    9. picker/radio/switch等控件
    10. wxs脚本引用:微信小程序:wxml中增加wxs脚本实现手机号/身份证等隐私信息显示

    ...

    虽然都比较简单,但在小程序开发中,这些都是不可或缺的...新手了解完,应该基本上可以独立面对一个小型的小程序开发了。

     

     

    Github: ThinkinLiu / itlao5-xmb-weapp
    简书:ThinkinLiu 博客: IT老五

    该方案的缺点很明显,需要用户操作过多,如果有更好的方案,欢迎一起探讨,多谢!


    IT老五(it-lao5):关注公众号,一起源创,一起学习!
    IT老五(it-lao5):关注公众号,一起源创,一起学习!

     

    展开全文
  • 主要介绍了微信小程序 UI与容器组件总结的相关资料,需要的朋友可以参考下
  • 微信小程序UI设计素材库(必备).zip
  • ZHKUI 一套微信小程序UI
  • 用户在线咨询医生微信小程序UI,包含所有源代码以及图片
  • iView Weapp一套高质量的微信小程序 UI 组件库
  • 微信小程序UI模板之文章阅读器,实现了基本的文章浏览功能,供新手参考学习,其中文章采用内置形式,可更换成服务器提供,资源中不包含服务器配置。
  • 微信小程序UI组件:用户首次进入进行【添加到我的小程序】操作提示
  • 微信小程序UI规范

    2021-03-29 17:20:48
    微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的,旨在微信生态类建立有号、高效、一致的用户体验的同时,最大程度顺应和...
  • 微信小程序UI框架

    千次阅读 2019-10-01 09:49:39
    微信小程序UI框架,快速解决微信小程序前端开发。 1.WeUI WXSS WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。 GitHub地址:https://github.com/Tencent/weui-wxss 2....

    微信小程序UI框架,快速解决微信小程序前端开发。

    1. WeUI WXSS

    WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。

    GitHub地址:https://github.com/Tencent/weui-wxss

    2. iView WeApp

    iView是TalkingData发布的一款高质量的基于Vue.js组件库,而iView weapp则是它们的小程序版本。

    GitHub地址:https://github.com/TalkingData/iview-weapp

    3. ZanUI WeApp

    ZanUI WeApp是有赞移动 Web UI 规范 ZanUI 的小程序实现版本,结合了微信的视觉规范,为用户提供更加统一的使用感受。

    现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、tooltips 等组件或元素。

    GitHub地址:https://github.com/youzan/zanui-weapp

    4. MinUI

    MinUI 是蘑菇街前端开发团队开发的基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具。

    GitHub地址:https://github.com/meili/minui

    5. Wux WeApp

    Wux WeApp也是一个非常不错的微信小程序自定义 UI 组件库,组件比较丰富,值得使用。

    GitHub地址:https://github.com/wux-weapp/wux-weapp

    6. ColorUI

    ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互!

    其组件在美观性方面比较突出。

    GitHub地址:https://github.com/weilanwl/ColorUI

    以上UI框架出自一斤代码,遵循MIT开源协议,本文仅作记录,侵权请联系作者。

    7. XView

    XView小程序组件库本着简单易用的原则封装组件,使用时只需要在json配置文件中引用即可

    • 基于微信小程序自定义组件封装
    • 核心功能组件化
    • 简化使用

    GitHub地址:https://github.com/xwzj12138/Xview

    8. Lin UI 

    Lin UI是基于微信小程序原生语法实现的组件库。遵循简洁,易用的设计规范。

    GitHub地址:https://github.com/TaleLin/lin-ui

    9. TouchUI

    TouchUI是一套高质量移动端UI框架。基于vue.js框架,打造了上百种的移动端UI组件,实现拿来即用,像搭积木一样开发移动应用。 通过借鉴微信小程序的思想,Touch UI设计了与微信小程序相似的开发方式和API,希望通过这种方式降低学习成本,让任何水平的开发者都能做出精美应用。

    GitHub地址:https://github.com/uileader/touchui

    本文持续更新...

    展开全文
  • 微信小程序UI瀑布流布局源码范例,这是个比较流行的布局了,在WEB开发、移动开发中,都经常见到瀑布流,那么在微信小程序中如何实现瀑布流呢?本源码会给你一个容易理解的答案,你会通过这个小程序源码快速学习如何...
  • 1.微信小程序UI框架记录 uview 关于uView的取名来由,首字母u来自于uni-app首字母,uni-app是基于Vue.js,Vue和View(延伸为UI、视图之意)同音,同时view组件uni-app中 最基础,最重要的组件,故取名uView,表达源于...

    1.微信小程序UI框架记录

    uview

    关于uView的取名来由,首字母u来自于uni-app首字母,uni-app是基于Vue.js,Vue和View(延伸为UI、视图之意)
    同音,同时view组件uni-app中 最基础,最重要的组件,故取名uView,表达源于uni-app和Vue之意.兼容安卓,iOS,微信小程序,H5,QQ小程序,百度小程序,支付宝小程序,头条小程序60+精选组件,功能丰富,多端兼容,
    让您快速集成,开箱即用众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨众多的常用页面和布局,让您
    专注逻辑,功倍详尽的文档支持,现代化的演示效果按需引入,精简打包体积
    GitHub地址:https://github.com/YanxinNet/uView.git
    npm下载:npm install uview-ui
    
    

    WeUI WXSS

    WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。
    GitHub地址:https://github.com/Tencent/weui-wxss
    npm下载:npm i weui-wxss
    

    iView WeApp

    iView是TalkingData发布的一款高质量的基于Vue.js组件库,而iView weapp则是它们的小程序版本。
    GitHub地址:https://github.com/TalkingData/iview-weapp
    npm下载:npm i iview-weapp
    

    Vant Weapp

    Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
    本仓库不再维护,请移步至 Vant Weapp 仓库.
    Vant Weapp 仓库地址: https://github.com/youzan/vant-weapp
    

    MinUI

    MinUI 是蘑菇街前端开发团队开发的基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具。
    
    GitHub地址:https://github.com/meili/minui
    

    Wux WeApp

    Wux WeApp也是一个非常不错的微信小程序自定义 UI 组件库,组件比较丰富,值得使用。
    
    GitHub地址:https://github.com/wux-weapp/wux-weapp
    npm下载:npm i wux-weapp
    

    ColorUI

    ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互!
    
    其组件在美观性方面比较突出。
    
    GitHub地址:https://github.com/weilanwl/ColorUI
    
    展开全文
  • 微信小程序UI模板

    2017-01-09 21:58:57
    微信小程序几套UI模板,对于前端功力不够的同学来时可是如获至宝,比如说我
  • 微信小程序UI组件库合集 杭州弧途科技有限公司2019-12-25 427浏览 8评论 UI组件库合集。 因为在微信小程序社区回复格式啥的太乱了,就在这里做个总结。 第一款: 官方WeUI组件库,地址...

    微信小程序UI组件库合集

    杭州弧途科技有限公司2019-12-25

    427浏览

    8评论

    UI组件库合集。

    因为在微信小程序社区回复格式啥的太乱了,就在这里做个总结。

    第一款:

    官方WeUI组件库,地址 https://developers.weixin.qq.com/miniprogram/dev/extended/weui/

    预览码:

     

    第二款:

    ColorUI:地址 https://github.com/weilanwl/ColorUI

    预览码:

      

     

    第三款:

    vantUI(又名:ZanUI):地址 https://youzan.github.io/vant-weapp/#/intro

    预览码:

    第四款:

    MinUI: 地址 https://meili.github.io/min/docs/minui/index.html

    预览码:

    第五款:

    iview-weapp:地址 https://weapp.iviewui.com/docs/guide/start

    预览码:

    第六款:

    WXRUI:地址 https://github.com/Rattenking/WXRUI

    预览码:

    第七款:

    WuxUI:地址https://wux-weapp.github.io/wux-weapp-docs/#/introduce

    预览码:

    第八款:

    WussUI:地址 https://phonycode.github.io/wuss-weapp/quickstart.html

    预览码:

    第九款:

    TouchUI:地址 https://github.com/uileader/touchwx

    预览码:

    第十款:

    Hello UniApp: 地址 https://m3w.cn/uniapp

    预览码:

    第十一款:

    TaroUI:地址 https://taro-ui.jd.com/#/docs/introduction

    预览码:

    第十二款:

    Thor UI: 地址 http://www.donarui.com/guide.html

    预览码:

    第十三款:

    GUI:暂无地址

    预览码:

    第十四款:

    QyUI:暂无地址

    预览码:

    第十五款:

    WxaUI:暂无地址

    预览码:

    第十六款:

    kaiUI:npm包 https://www.npmjs.com/package/kai-ui/v/1.0.0

    预览码:

    第十七款:

    YsUI:暂无地址

    预览码:

    第十八款:

    BeeUI:git地址 http://ued.local.17173.com/gitlab/wxc/beeui.git

    预览码:

    第十九款:

    AntUI: 暂无地址

    预览码:

    第二十款:

    BleuUI:暂无地址

    预览码:

    第二十一款:

    uniydUI:暂无地址

    预览码:

    第二十二款:

    RovingUI:暂无地址

    预览码:

    第二十三款:

    DojayUI:暂无地址

    预览码:

    第二十四款:

    SkyUI:暂无地址

    预览码:

    第二十五款:

    YuUI:暂无地址

    预览码:

    第二十六款:

    wePyUI:暂无地址

    预览码:

    第二十七款:

    WXDUI:暂无地址

    预览码:

    第二十八款:

    XviewUI:暂无地址

    预览码:

    第二十九款:

    MinaUI:暂无地址

    预览码:

    第三十款:

    InyUI:暂无地址

    预览码:

    第三十一款:

    easyUI:地址 https://github.com/qq865738120/easyUI

    预览码:

     

    第三十二款

    Kbone-UI: 地址 https://wechat-miniprogram.github.io/kboneui/ui/#/

    暂无预览码

    展开全文
  • 2021微信小程序UI组件库合集

    千次阅读 2021-01-27 14:48:57
    第一款: ... 第二款: ColorUI:地址 https://github.com/weilanwl/ColorUI 第三款: Vant Weapp UI:地址 ...iView UI(一套高质量的微信小程序 UI 组件库):地址https://weapp.ivi
  • 微信小程序ui布局常用技巧

    万次阅读 2016-11-12 14:30:09
    微信小程序ui设计规范汇总:  微信小程序是一种全新的应用形态,微信小程序平台不需要下载安装即可使用应用的平台,微信小程序实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。 【更多原创...
  • Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Canvas增强组件 wetoast ★21 - 仿照微信小程序提供...
  • 一个挺漂亮的微信小程序UI设计实例:轮播图 导航菜单源码,如示例图所示,上边的是轮播图,自动播放,图片自动变换显示,图片下方是设计的格式状菜单,这种菜单看上去简洁大气,也很漂亮,在微信小程序中,这种菜单...
  • 小编今天写一个微信小程序的界面,之前都是使用原声的编写页面,按照设计图编写。但是这次是编写一个微信小程序的时间选择器,让小编我自由发挥,没有...所以我就搜索起了微信小程序UI组件了。搜啊搜,终于发现了一...
  • 微信小程序常用UI模板之网络课程预约,实现了网校介绍/课程介绍/课程预约/功能,提供给初学者参考学习UI部分,资源未提供服务器配置。
  • 微信小程序UI设计实例,今天分享给大家的是上拉加载 下拉刷新,这个功能在微信中还是比较常见的,大家也习惯了操作时候下拉屏幕刷新内容,上拉则加载更多内容,这个功能在Android智能机上已经得到了很好的应用,这个...
  • 微信小程序开发者的福利来了,这里提供了一套高颜值,超好用、易扩展的微信小程序UI库,还不快快来领。概述 ZanUI-WeApp是有赞移动 Web UI 规范 ZanUI 的小程序现实版本,结合了微信的视觉规范,为用户提供更加统一...
  • 这里面有五个优秀的微信小程序UI组件库,另外我个人再推荐里面的其中一款,可以很方便的实现微信小程序前端的很多小功能~ iView WeApp 教程网址:https://weapp.iviewui.com/docs/guide/start 还是非常有用的~ ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 40,157
精华内容 16,062
关键字:

微信小程序ui

微信小程序 订阅