wepy weui - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

微信小程序 WePY 引入WeUI

微信小程序 WePY 引入WeUI 什么是WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一安装WeUI 我们在上一节中安装了...WePY ，那么在WePY中如何使用 WeUI 呢？...官方有一个 wepy-weui-demo 例子，我们可以直接使用下载 git clone git@github.com:wepyjs/wepy-weui-demo.git or git clone https...://github.com/wepyjs/wepy-weui-demo.git 集成到 WePY 项目中 cp -r wepy-weui-demo/src/style/ my-project/src/style...my-project 为上一节安装的WePY 项目引入样式文件修改 app.wpy 中的 style 部分 @import 'style/weui.less

2.5K1 0

第一篇|腾讯开源项目盘点：WeUI,WePY,Tinker,Mars等

1、微信原生视觉的基础样式库 WeUI star:21429 WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。...开发者或设计师可以使用 WeUI-Design 进行微信 Web 开发的原型设计、视觉设计等。手机扫码预览： ?...项目地址： https://github.com/Tencent/weui 官网： https://weui.io 2、一款让小程序支持组件化开发的框架 WePY star:16621 WePY...支持多种插件处理，文件压缩，图片压缩，内容替换等支持 Sourcemap，ESLint等小程序细节优化，如请求列队，事件优化等项目地址： https://github.com/Tencent/wepy...官网： https://tencent.github.io/wepy/ 3、微信官方的Android热补丁解决方案 Tinker star:13237 ?

1.5K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

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.6K2 0

WeUI教程第三方扩展及其他UI框架对比

算一个精简的库，它是使用less编写，最终编译成css，压缩成weui.min.css WeUI使用方法 WeUI 是一套与微信原生 UI 一致的 UI 库，核心文件是 weui.css，只需要获取到该文件...kevyu/weui-sass) n7best/react-weui aidenzou/vue-weui adcentury/vue-weui ZTfer/weui-sketch i5ting/weui-practice...但VUX并不完全依赖于WeUI，VUX 在 WeUI 的基础上扩展了多个常用组件，但是尽量保持整体UI样式接近WeUI的设计规范。...项目地址http://m.sui.taobao.org/ WeUI是由微信官方设计团队为微信内网页和微信小程序量身设计 WePY与WeUI WePY (发音: /'wepi/) 项目启动于 2017...项目地址https://wepyjs.github.io/wepy-docs/。WePY资源汇总：awesome-wepy WePY可以将WeUI引入到小程序中

3.6K2 0

WeUI,来了！

WeUI 项目简介 WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一包含button、cell、dialog、 progress...toast、article、actionsheet、icon等各式元素；在 github 开源至今，累计 17000+ 个 star 官方开源地址： https://github.com/Tencent/weui...https://github.com/Tencent/weui-wxss https://github.com/Tencent/weui.js 喜欢它别忘了去github上给它一个star！

1.9K7 1

jQuery WeUI：WeUI 的jQuery实现版

jQuery WeUI 中使用的是官方 WeUI 的 CSS 代码，并提供了 jQuery/Zepto 版本的 API 实现。因为直接使用了官方的 CSS，所以你不用担心跟官方版本的冲突。...实际上 jQuery WeUI == WeUI + jQuery 插件。...下载+文档：http://lihongxun945.github.io/jquery-weui/ 简洁强大的API 如果你使用过 jQuery，那么你使用 jQuery WeUI 将没有任何障碍,所有的...="/jquery-weui/dist/css/jquery-weui.css"> weui.js"> 其中 weui.css 是官方的版本，并未做任何修改。

4.8K2 0

前端技术前沿4

1：WeUI 小程序–使用教程 https://weui.io/ 2：美团小程序框架mpvue Github：https://github.com/Meituan-Dianping/mpvue 官网：...http://mpvue.com/ 3：组件化开发框架wepy Github地址: https://github.com/Tencent/wepy 官网地址： https://tencent.github.io.../wepy 4：官方框架MINA 地址：https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html 5：Tina.js 一款轻巧的渐进式微信小程序框架

8403 0

微信小程序优秀开发资源汇总

WePY 开发框架 WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。...同时 WePY 也是一款成长中的框架，大量吸收借鉴了一些优化前端工具以及框架的设计理念和思想。如果 WePY 有不足地方，或者你有更好的想法，欢迎提交 ISSUE 或者 PR。...地址如下： https://github.com/Tencent/wepy wxParse 富文本解析 wxParse - 微信小程序富文本解析自定义组件，支持 HTML 及 markdown 解析...地址如下： https://github.com/xiaolin3303/wx-charts WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计...地址如下： https://github.com/Tencent/weui 今天分享的这些资源，应该来说非常不错，不管大家是不是做小程序的都可以收藏一下，保不齐你从明天开始可能就用到了呢？

2.1K4 0

wepy.app、wepy.page、wepy.component的区别

wepy.app 只会用到一次，就是在App.wpy里面，入口app.wpy继承自wepy.app，包含一个config属性和其全局属性、方法、事件。...from 'wepy'; wepy.app({ config = { "pages":[ "pages/index/index"...form 'wepy'; import Counter from '.....是负责创建组件的，页面入口继承自wepy.component，属性与页面属性一样，除了不需要config以及页面特有的一些小程序事件等等。...form 'wepy'; wepy.component({ components = {}; data = {}; methods = {}; events =

1.7K3 0

WeUI使用教程

官方地址：https://developers.weixin.qq.com/miniprogram/dev/extended/weui/cells.html 使用之前扩展组件库基于小程序自定义组件构建...引入组件可以通过npm方式下载构建，npm包名为weui-miniprogram 也可以通过页面按需下载如何使用假设组件的目录为weui-miniprogram，首先要在app.wxss里面引入weui.wxss.../weui-miniprogram/weui-wxss/dist/style/weui.wxss'; 然后可以在页面中引入 dialog 弹窗组件首先在页面的 json 文件加入 usingComponents

13.7K3 1

微信小程序常见的UI框架组件库总结

1：WeUI 小程序–使用教程 https://weui.io/ 官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一...图片.png 3：组件化开发框架wepy Github地址: https://github.com/Tencent/wepy 官网地址： https://tencent.github.io/wepy

9.5K4 1

微信小程序wepy框架学习的一些资料

好了，话不多说，2月份主要是熟悉了解并且小小的实践一下微信小程序wepy框架，先准备好一些基础必备的学习资料，部分来源于网络（更多资源可参考文章）。...---- 文档 wepy快速指南小程序框架wepy开发文档 wepy开源 wepy官方文档入门教程微信小程序开发框架—wepy快速入门 wepy - 一个小程序的组件化开发框架 wepy-小程序开发框架学习...（一） wepy-小程序开发框架学习（二）开源项目 wepy-wechat-demo：基于wepy开发的仿微信聊天界面小程序 wepy-demo-bookmall：微信小程序代码示例，使用wepy框架及...weui样式开发 leshare-seller-wepy：基于小程序的电商卖家端，采用wepy框架开发 leshare-food-wepy：基于微信小程序的外卖店铺，采用wepy框架开发 wepy-books...：微信小程序wepy版图书管理系统 wxYuHanStore：基于wepy开发的商城(微店)微信小程序

9054 2

小程序开源框架汇总，你知道几个？

1：WeUI 小程序–使用教程 https://weui.io/ 官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一...图片.png 3：组件化开发框架wepy Github地址: https://github.com/Tencent/wepy 官网地址： https://tencent.github.io/...wepy 官方介绍：组件化开发，完美解决组件隔离，组件嵌套，组件通信等问题,支持使用第三方 npm 资源，自动处理 npm 资源之间的依赖关系，完美兼容所有无平台依赖的 npm 资源包.

1.1K1 0

腾讯十大开源项目出炉！

WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。...的引用链以帮助开发者定位问题 ◇ 不侵入业务逻辑，引入即生效，无需修改任何代码或引入头文件 ◆ 地址： https://github.com/Tencent/MLeaksFinder 9、UI 库 WeUI...WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。...WeUI 是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。...包含button、cell、dialog、toast、article、icon等各式元素 ◆ 地址： https://github.com/weixin/WeUI 10、分布式后台服务引擎 MSEC

2.1K2 0

腾讯十大开源项目出炉！

WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。...的引用链以帮助开发者定位问题 ◇ 不侵入业务逻辑，引入即生效，无需修改任何代码或引入头文件 ◆ 地址： https://github.com/Tencent/MLeaksFinder 9、UI 库 WeUI...WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。...WeUI 是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。...包含button、cell、dialog、toast、article、icon等各式元素 ◆ 地址： https://github.com/weixin/WeUI 10、分布式后台服务引擎 MSEC

1.5K1 0

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

3：WeUI 小程序–使用教程官网文档：https://weui.io/ GitHub地址：https://github.com/Tencent/weui Star：25.2k WeUI 是一套同微信原生视觉体验一致的基础样式库...5 ：组件化开发框架wepy Github地址:https://github.com/Tencent/wepy 官网地址：https://wepyjs.github.io/wepy-docs/ Star

4K1 0

小程序优秀开发资源

能够有效避免回调地狱实现了组件重用和嵌套强力压缩代码，尽可能减小程序体积更详细信息可以查看项目主页 https://github.com/maichong/labrador 目前已有 1045 个 star wepy...(开发框架) 特性：类Vue开发风格支持引入NPM包支持Promise 小程序细节优化，如请求列队，事件优化等更详细信息可以查看项目主页 https://github.com/wepyjs/wepy...就是来解决这个问题的，是一个富文本解析自定义组件，支持HTML及markdown解析项目地址 https://github.com/icindy/wxParse 目前已有 1839 个 star WeUI...（UI组件） WeUI 由微信官方设计团队出品，是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一包含 button、cell、dialog、 progress...、 toast、article、actionsheet、icon等各式元素项目地址 https://github.com/Tencent/weui 目前已有 1839 个 star zanui-weapp

1.2K5 0

微信小程序组件化开发框架wepy学习（一）

命令行 node -v 查看有没有nodejs 环境. wepy的安装或更新都通过 NPM 进行。...wepy版本：最新的1.7.2版本安装wepy 命令行在指定目下执行 npm install wepy-cli -g 进行全局配置wepy环境。...wepy init standard myproject 是原生的官方模板初始化工程命令。通过 wepy list可以查看模板的列表，目前模板比较少，主要有两个weui zanui。...安装完毕后执行 wepy build -w 进行编译生成 dist 目录。...微信的开发工具打开一定要打开你 wepy init 的目录不要打开 dist 目录 wepy build 命令Options: -f, --file 待编译wpy文件 -s, --source

6372 0

微信小程序常见的UI框架组件库总结

1：WeUI 小程序–使用教程 https://weui.io/ 官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一...3：组件化开发框架wepy Github地址: https://github.com/Tencent/wepy 官方介绍：组件化开发，完美解决组件隔离，组件嵌套，组件通信等问题,支持使用第三方 npm

2.1K1 0

强烈推荐：绝对是好用的小程序开源框架

1：WeUI 小程序–使用教程 https://weui.io/ 官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一...图片.png 3：组件化开发框架wepy Github地址: https://github.com/Tencent/wepy 官网地址： https://tencent.github.io/wepy

2.4K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭