微信小程序weui.wxss资源-CSDN下载

共274个文件

wxss：122个

js：59个

wxml：54个

需积分: 9 146 浏览量 2019-02-15 22:01:49 上传评论 1 收藏 150KB RAR 举报

微信小程序（WeChat Mini Program）是腾讯公司推出的一种轻量级的应用开发平台，它允许开发者在微信内部构建功能丰富的应用程序，无需用户下载安装即可使用。`weui.wxss`是针对微信小程序设计的一种用户界面（UI）框架，旨在提供与微信原生应用一致的视觉体验。WeUI是由微信官方设计团队精心打造的基础样式库，特别适用于微信内的网页和小程序，确保了用户在不同场景下的交互体验保持一致。 WeUI的核心特性包括： 1. **响应式设计**：WeUI采用了响应式布局，能够适应不同尺寸的屏幕，无论是手机还是平板，都能提供良好的用户体验。 2. **组件丰富**：WeUI提供了众多常见的UI组件，如按钮、输入框、表单、提示信息、导航栏、页面标题、列表、轮播图等，这些组件都遵循微信的视觉规范，易于使用且高度可定制。 3. **易用性**：WeUI的API和CSS类名设计简洁明了，使得开发者可以快速上手，减少开发时间和成本。 4. **性能优化**：WeUI针对微信小程序的运行环境进行了性能优化，保证了在小程序中的流畅运行。 5. **一致性**：使用WeUI可以确保微信小程序的界面风格与微信其他模块保持一致，提升品牌信任度和用户满意度。 6. **持续更新**：WeUI会随着微信小程序平台的发展不断迭代更新，以满足新的设计趋势和技术需求。在`weui-wxss-master`这个压缩包中，包含了WeUI的源码，开发者可以深入了解其内部实现，进行二次开发或者自定义调整。文件结构通常包括以下几个部分： - `wxss` 文件夹：存放WeUI的所有CSS样式文件，如`weui.wxss`，开发者可以直接引入到小程序项目中。 - `js` 文件夹：可能包含一些JavaScript辅助库或插件，用于增强组件功能。 - `demo` 文件夹：提供示例代码和预览效果，帮助开发者理解和学习如何使用WeUI。 - `docs` 文件夹：可能包含文档资料，详细解释每个组件的用法和参数设置。 - `README.md` 文件：通常会介绍项目的基本信息、安装步骤和使用指南。通过结合`weui.wxss`和其他WeUI资源，开发者能够快速搭建出美观、统一的微信小程序界面，提高开发效率并保证应用的高质量呈现。同时，对于想要提升用户体验和品牌一致性的开发者来说，WeUI是一个非常值得尝试的工具。

资源推荐

资源详情

资源评论

收起资源包目录

微信小程序 weui.wxss （274个子文件）

.gitignore 40B

vcode.jpg 3KB

input.js 3KB

base64.js 2KB

gulpfile.js 1KB

index.js 1KB

dialog.js 977B

uploader.js 889B

navbar.js 794B

picker.js 559B

progress.js 555B

searchbar.js 514B

toast.js 335B

actionsheet.js 268B

app.js 256B

msg.js 211B

panel.js 187B

list.js 149B

grid.js 71B

footer.js 9B

tabbar.js 9B

msg_success.js 9B

button.js 9B

article.js 9B

badge.js 9B

msg_fail.js 9B

preview.js 9B

icons.js 9B

flex.js 9B

slider.js 9B

gallery.js 9B

loadmore.js 9B

preview.js 9B

flex.js 9B

msg_success.js 9B

footer.js 9B

gallery.js 9B

button.js 9B

badge.js 9B

loadmore.js 9B

msg_fail.js 9B

article.js 9B

icons.js 9B

tabbar.js 9B

slider.js 9B

app.json 1KB

package.json 718B

project.config.json 626B

DIFF.md 3KB

README.md 2KB

CHANGELOG.md 472B

logo.png 3KB

pic_160.png 2KB

icon_footer.png 2KB

icon_footer_link.png 2KB

icon_footer.png 2KB

icon_tabbar.png 1KB

icon_nav_search.png 1KB

icon_nav_feedback.png 924B

pic_article.png 816B

icon_intro.png 748B

icon_nav_nav.png 579B

icon_nav_special.png 495B

icon_nav_z-index.png 388B

icon_nav_widget.png 357B

icon_nav_form.png 200B

LICENSE.txt 2KB

input.wxml 9KB

共 274 条

WeUI for 小程序为微信小程序量身设计 ===== [![npm version](https://img.shields.io/npm/v/weui-wxss.svg)](https://www.npmjs.org/package/weui-wxss) [![Gitter](https://badges.gitter.im/weui/weui.svg)](https://gitter.im/weui/weui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) ## 概述 [WeUI](https://github.com/weui/weui) 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含`button`、`cell`、`dialog`、 `progress`、 `toast`、`article`、`actionsheet`、`icon`等各式元素。 ## 预览用[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)打开`dist`目录（请注意，是dist目录，不是整个项目） <img src='https://cloud.githubusercontent.com/assets/2395166/20168869/48a75b02-a75f-11e6-89aa-503d65c8ad8e.png' width='344' alt='preview' /> ![WeUI for 小程序](https://user-images.githubusercontent.com/2395166/29502325-ada080f6-8661-11e7-94c2-23d638210f45.jpg) ## 使用 - 组件的wxml结构请看`dist/example/`下的组件 - 样式文件可直接引用`dist/style/weui.wxss`，或者单独引用`dist/style/widget`下的组件的`wxss` ## 文档 WeUI 视觉标准参考 [weui-design](https://github.com/weui/weui-design) ## License The MIT License(http://opensource.org/licenses/MIT) 请自由地享受和参与开源 ## 贡献如果你有好的意见或建议，欢迎给我们提issue或pull request。

评论收藏

内容反馈