weui官方包_emui安装包下载资源-CSDN文库

共188个文件

png：73个

less：64个

html：30个

需积分: 50 194 浏览量 2018-07-24 14:19:41 上传评论收藏 1.77MB ZIP 举报

WeUI 是一套基于微信设计规范的开源前端框架，主要用于移动端 Web 开发，它提供了一整套符合微信原生视觉体验的组件，可以帮助开发者快速构建微信风格的页面。这个"weui 官方包"应该是 WeUI 的源码仓库，包含了框架的所有组件、样式和文档。在"weui-master"这个压缩包中，我们可以预期包含以下内容： 1. **源码文件**：通常会有一个`src`目录，里面包含 CSS（`.css`）和 JavaScript（`.js`）源文件，这些文件定义了 WeUI 的样式和交互逻辑。CSS 文件可能分为基础样式和主题样式，JavaScript 文件则包含了组件的交互功能。 2. **编译后的文件**：为了方便直接使用，WeUI 可能会提供编译后的 CSS 和 JS 文件，这些文件通常位于`dist`或`build`目录下，可以直接引入到项目中。 3. **示例和文档**：`examples`目录下会有各种组件的使用示例，帮助开发者理解如何在实际项目中应用 WeUI。同时，`docs`目录可能包含详细的使用指南和API文档。 4. **图片和图标**：WeUI 框架中可能会包含一些图标资源，这些资源通常位于`img`或`icons`目录，用于组件的显示。 5. **测试文件**：为了确保代码的质量，WeUI 可能包含`test`目录，内含单元测试或集成测试。 6. **许可证和README**：每个开源项目都会有`LICENSE`文件，定义了项目的使用许可条款。`README.md`文件则会介绍项目的基本信息、安装方法、贡献方式等。 7. **版本控制文件**：如果是从Git仓库下载的压缩包，可能会包含`.git`目录或者`.gitignore`文件，这些都是版本控制相关的。使用 WeUI 开发时，你需要根据项目需求选择合适的组件，将源码引入到HTML文件中，通过CSS类来应用样式，利用JavaScript来实现组件的动态行为。WeUI 的设计原则是简洁、易用，它的组件通常有良好的适应性和响应性，适用于各种屏幕尺寸的移动设备。在开发过程中，可以参考示例代码来学习如何配置和使用各个组件，阅读文档了解组件的属性和方法。如果遇到问题，可以查看官方的在线社区或GitHub上的Issue部分寻求帮助。同时，根据项目的特性和需求，你可能还需要自定义一些样式或扩展组件功能，这就需要对CSS和JavaScript有深入的理解。 WeUI 是一个强大的工具，可以帮助开发者快速构建与微信风格一致的移动Web应用。掌握并合理运用WeUI，可以极大地提高开发效率，提升用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

weui 官方包（188个子文件）

weui.css 359KB

weui.min.css 50KB

example.css 8KB

transparent.gif 2KB

.gitignore 33B

index.html 88KB

home.html 12KB

input.html 9KB

panel.html 9KB

list.html 6KB

dialog.html 4KB

layers.html 4KB

uploader.html 4KB

searchbar.html 3KB

preview.html 3KB

actionsheet.html 3KB

badge.html 3KB

icons.html 2KB

grid.html 2KB

index.html 2KB

progress.html 2KB

slider.html 2KB

button.html 2KB

tabbar.html 2KB

toast.html 2KB

article.html 2KB

flex.html 2KB

picker.html 1KB

footer.html 1KB

msg_success.html 1KB

msg_warn.html 1KB

navbar.html 824B

loadmore.html 752B

gallery.html 577B

msg.html 492B

vcode.jpg 3KB

zepto.min.js 29KB

example.js 10KB

gulpfile.js 4KB

package.json 1KB

bower.json 450B

example.less 9KB

weui-font.less 8KB

weui-loading.less 5KB

weui-dialog.less 3KB

weui-searchbar.less 3KB

weui-actionsheet.less 3KB

weui-uploader.less 3KB

weui-picker.less 3KB

weui-form-preview.less 3KB

weui-cell_global.less 2KB

weui-media-box.less 2KB

weui.less 2KB

weui-switch.less 2KB

weui-form_common.less 2KB

weui-select.less 2KB

weui-icon_font.less 2KB

weui-button.less 2KB

weui-msg.less 2KB

setArrow.less 2KB

weui-agree.less 2KB

weui-button.less 2KB

weui-grid.less 2KB

setOnepx.less 2KB

weui-tabbar.less 2KB

weui-loadmore.less 2KB

weui-btn_global.less 1KB

weui-slider.less 1KB

weui-animate.less 1KB

weui-btn_plain.less 1KB

weui-vcode.less 1KB

weui-navbar.less 1KB

weui-footer.less 1KB

weui-access.less 1KB

weui-gallery.less 1KB

weui-toast.less 1KB

weui-cell.less 1KB

weui-cell_swiped.less 1KB

weui-checkbox.less 1KB

weui-article.less 1KB

weui-panel.less 1KB

weui-radio.less 1KB

text.less 1KB

weui-progress.less 1KB

fn.less 1KB

weui-btn_disabled.less 1KB

color.less 1KB

weui-btn_default.less 1KB

weui-badge.less 1KB

weui-btn_loading.less 1019B

weui-tab.less 1016B

weui-btn_primary.less 1000B

weui-btn_warn.less 991B

weui-mask.less 985B

reset.less 971B

global.less 885B

共 188 条

WeUI - tailor-made for WeChat web service ==== [![Build Status](https://travis-ci.org/Tencent/weui.svg?branch=master)](https://travis-ci.org/Tencent/weui) [![npm version](https://img.shields.io/npm/v/weui.svg)](https://www.npmjs.org/package/weui) [中文版本](README_cn.md) ## Introduction WeUI is an WeChat-like UI framework officially designed by the WeChat Design Team, tailor-made for WeChat Web development, in order to improve and standardize the experience for WeChat users. Including components such as `button`、`cell`、`dialog`、 `progress`、 `toast`、`article`、`actionsheet`、`icon`. ## Mobile demo ![https://weui.io](https://cloud.githubusercontent.com/assets/4652816/15662614/178efd46-2725-11e6-8952-09d7836e968d.png) [https://weui.io](https://weui.io) Legacy version: [https://weui.io/0.4.x](https://weui.io/0.4.x) ## Documentations - WeUI documentation [Wiki](https://github.com/Tencent/weui/wiki) - WeUI design reference [weui-design](https://github.com/weui/weui-design) ## Development - [WeUI for 小程序 (weui-wxss)](https://github.com/Tencent/weui-wxss/) - [WeUI for Work (企业微信版)](https://work.weixin.qq.com/api/doc#12146) - [weui.js](https://github.com/weui/weui.js/) - [react-weui](https://github.com/weui/react-weui/) ## License The MIT License(http://opensource.org/licenses/MIT) Please feel free to use and contribute to the development. ## Contribution If you have any ideas or suggestions to improve Wechat WeUI, welcome to submit an issue/pull request.

评论收藏

内容反馈