首页
学习
活动
专区
工具
TVP
发布

WeUI框架

WeUI框架 WeUI是一套小程序的UI框架,所谓UI框架就是一套界面设计方案,有了组件,我们可以用它来拼接出一个内容丰富的小程序,而有了UI框架,我们就可以让我们的小程序变得更加美观。...体验WeUi小程序 WeUI是微信官方设计团队的一套同微信原生视觉体验一致的基础样式库,在手机微信里搜索WeUI小程序即可。...下载源码就可以看到weui-wxss-master文件夹,导入项目,体验 为什么是weui-wxss-master下的dist⽂件夹,⽽不是weui-wxss-master?...下载了WeUI的源代码,其实WeUI的核⼼⽂件是weui.wxss。 如何在我们 的模板⼩程序⾥使⽤WeUI的样式呢?...├── pages ├── image ├── style │ ├── weui.wxss ├── app.js ├── app.json ├── app.wxss 把weui⼩程序dist

2.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

uni app 零基础小白到项目实战-1

uni-app是一个使用vue.js开发跨平台应用的前端框架。 开发者通过编写vue.js代码,uni-app将其编译到Ios,android,微信小程序等多个平台,保证其正确并达到优秀体验。...Uni-app继承自vue.js,提供了完整的vue.js开发体验。 uni-app组件规范和扩展api与微信小程序基本相同。...有一定vue.js和微信小程序开发经验的开发者可快速上手uni-app,开发出兼容多端的应用。 uni-app提供了条件编译优化 pages.json: 配置页面路由,导航条,选项卡等页面类信息。...体验weui小程序 weui是微信官方设计团队设计的一套同微信原生视觉体验一致的基础样式库,在手机微信里搜索weui小程序或扫描,即可在手机里体验。...小任务:为什么是weui-wxss-master下的dist文件夹,而不是weui-wxss-master?

1.6K10

手机框架_移动端框架_跨平台_汇总_哪个好

uni-app 【重点推荐】 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,到7个平台, Android版 iOS版 H5版 微信小程序版 支付宝小程序版 百度小程序版 头条小程序版...依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。...它与WeUI完全解耦。用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。...vue-mobile is an UI Framework build with Vue.js for SPA: vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用...vux并不完全依赖于WeUI,但是尽量保持整体UI样式接近WeUI的设计规范。 Flutter 是谷歌的移动UI框架 可以快速在iOS和Android上构建高质量的原生用户界面。

1.8K10

2020年GitHub上最受欢迎小程序框架

2:uni-app 基于 Vue.js 的跨平台框架 GitHub地址:https://github.com/dcloudio/uni-app 官网文档:https://uniapp.dcloud.io.../ Star: 27.5k uni-app dcloud公司开发的,基于vue.js的多平台框架,支持app,h5,小程序的一键生成。...3:WeUI 小程序–使用教程 官网文档:https://weui.io/ GitHub地址:https://github.com/Tencent/weui Star:25.2k WeUI 是一套同微信原生视觉体验一致的基础样式库...mpvue GitHub地址:https://github.com/Meituan-Dianping/mpvue 官网文档:http://mpvue.com/ Star:20.1k mpvue是一个使用 Vue.js...框架基于 Vue.js核心,mpvue修改了 Vue.js的 runtime和 compiler实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套Vue.js开发体验。 ?

3.6K10

小程序的基础样式库-------WeUI

有的,它就是WeUIWeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。...界面 下面我们重点讲解一下WeUI的使用方法: 小程序版weui下载地址:https://github.com/Tencent/weui-wxss 2.可以将整个文件下载下来,将其中的dist文件夹导入到独立的小程序中作为参考如下图...style目录结构 4.weui.wxss的引入方法 方法一.在app.wxss内或者需要的页面引入style/weui.wxss。.../**app.wxss---->引入button的wxss**/ @import 'style.widget.weui-button.weui-button.wxss'; 注意:这样引入前提是weui.wxss...引入位置 这样就可以简单的调用WeUI组件了。 ? 组件

5.1K101

前端页面布局控件

h5: 1.WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。...https://weui.io/ 2.SUI Mobile 是阿里巴巴共享业务事业部SDC团队(UED)提供的一套手机UI库。...frozenui.github.io/frozenui/demo/ 4.mui 是以iOS平台UI为基础,补充部分Android平台特有的UI控件 http://www.dcloud.io/hellomui/ 5.WeUI...+ WeUI+是Zepto1.2和weui.js,weui0.44/1.1,以及上百个组件开发而成,兼容IOS和Android两大平台,仅适用于微信/手机网站开发,如有任何问题,请在github反馈,其他方式不做回答...toggle,push2refresh……),帮助您更方便的开发移动应用 http://vycool.com/Jingle/demo/index.html#index_section 后台: 1.一套基于 Vue.js

2.4K30

weui-react项目实战新心得

weui-react简介 weui是微信官方制作的一个基础样式UI库,打造与原生微信同样的视觉和交互体验,整个UI库包括网页版和小程序版,网页版包括传统的javascript版和react版本。...weui-react 官网:点击这里 背景介绍 计划做一个基于图书交换平台,大家可以通过平台发布自己的闲置书籍,如有人愿意通过自己的闲置书籍进行交换,即可达成交易。...为了便于开发,把精力更多的放在业务和后端,对前端的技术栈进行了选择,基于微信的项目,我选择这样的核心框架: 基础框架:react UI框架:weui-react 构建工具: webpack 路由工具:...升级到ES6 weui-react使用的前提是对react有一个基本认识,weui-react使用的是es6的语法,如果大家还在使用es5,依然是可以兼容的,但还是强烈建议大家还是切换到es6,这个是趋势...多看官方示例,文档基本没什么意义 weui的官方文档,相比开放平台的文档,还是有不少差距的,单是好在weui本身就是一个很简答的框架,使用起来也没有太大的问题,主要还是通过示例去了解使用方法,具体的文档说明

1.2K40
领券