WeUI样式学习

绿叶清风

已于 2023-06-12 17:06:51 修改

阅读量150

点赞数

文章标签：学习 ui 前端

于 2023-06-12 17:01:31 首次发布

本文链接：https://blog.csdn.net/pz0605/article/details/131172778

版权

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的css UI库。可以参考学习

git clone https://gitee.com/Tencent/WeUI.git
 cd weui
 npm install -g gulp
 npm install
 gulp -ws
http://localhost:8080/example

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

绿叶清风

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

css样式基础库,WeUI基础样式库

weixin_42493720的博客

08-03

1201

WeUI是一套基础样式库，同微信原生视觉体验一致，由微信官方设计团队为微信内网页和微信小程序量身设计的。我们来看看这个基础库样式到底长什么样。这些密密麻麻的就是压缩后的样式库。密密麻麻地看起来简直要急死密集恐惧症啊。不要急，您请往下看。仔细看我们能看到，这个样式库为很多类写了样式。也就是说，我们只要在html页面中使用这些样式，就能构建一个页面了。【只要写类名，省去了为很多标签定义样式，是不是省事...

WEUI源码学习--

weixin_48323090的博客

07-07

629

-BEM命名规范 BEM：国际化命名规范 Block 很多标签集合块功能独立 Element组成 "__"隔开 Modifier 状态 "-"隔开 weui 是一个用于专门开发微信小程序库名，weui-btn 是其中之一的项目简称 -CSS命名模板 page page__hd page__bd primary|default .weui-btn + .weui-btn { margin-top: 16px; } 效果：可以做到/在相邻的两个按钮自动向后一个按钮加margin-top属性

参与评论您还未登录，请先登录后发表或查看评论

WeUI—微信官方UI库

weixin_34348174的博客

10-29

5275

WeUI 为微信 Web 服务量身设计概述 WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。使用方法一：使用bower进行安装 bower install --save weui ...

26.微信小程序（WeUI框架）

weixin_45582846的博客

11-30

3057

微信小程序（WeUI框架）前言前言：因为小程序的api描述都比较简单，并没有wxml及wxss的描述，有的人可能会想小程序有没有一个UI库。类似于前端中的常见的UI库例如Bootstrap、MDUI（简称MD）、Semantic UI（简称Semantic ）、uni-app、MUI、Element等等类似的框架UI库小程序UI库WeUI：结果当前是当前有的，它就是微信小程序官方推出的小...

小程序如何引入weui样式小程序如何使用weUI样式插件 weUI如何使用

Taurus_666

02-28

2712

weUI在微信小程序中的引用小程序如果想引入weUI，需要以下几步，本文章主要介绍通过页面按需加载引入模式：第一：下载weUI，三种方式一、可以通过npm方式下载构建，npm包名为 weui-miniprogram npm install weui-miniprogram 二、去github下载 https://github.com/Tencent/weui-wxss 三、可以通过页面按需...

微信小程序WeUI 前端样式库

糖长老莫小贝的博客

05-02

5737

引言之前在小程序开发文档上见过WeUI 前端样式库，下载下来后一直摸不着头脑，今天终得拨云见日。其实这就是使得微信小程序和页面界面 UI 统一：WeUI 前端样式库（含 Sketch 源文件）微信里使用的 H5 页面是相当多，特别是小程序更是火爆，为了能让页面以及微信小程序的界面能与微信统一，让用户看起来就像是微信内置的功能或页面，那么建议大家...

weui微信前端样式

07-24

WeUI 是一套基于微信视觉设计规范的开源前端框架，专为微信 Web 服务设计，旨在提供一套更符合微信用户...通过深入学习和实践 WeUI，开发者可以更好地理解和应用微信设计规范，创建出更加贴合微信生态的高质量应用。

WeUI样式demo

07-24

这个“WeUI样式demo”是为开发者提供的一系列预览示例，帮助他们快速理解和应用WeUI的各种组件及样式。下面将详细介绍这个压缩包中可能包含的内容及其相关知识点。 1. **按钮（Buttons）**： WeUI提供了多种样式的...

小程序weui样式即常用demo

12-25

3. **易用性**：WeUI 提供了清晰的文档和示例代码，方便开发者快速理解和应用，减少了学习成本。 4. **灵活性**：WeUI 的组件可以通过 CSS 样式进行自定义，允许开发者根据项目需求调整颜色、大小等视觉属性，以...

WeUI基础样式库.zip

02-08

9. **代码组织**：在实际开发中，开发者应将WeUI样式文件引入到小程序的全局样式表中，或者在需要使用组件的页面单独引入，以保持代码的整洁和模块化。 10. **自定义扩展**：虽然WeUI提供了丰富的基础样式，但...

weui.css(最基本的样式库)

08-29

weui是一个专门用于开发手机移动web或微信的样式库，weui.css是其中最基本的样式库

weUI的html样式和脚本

05-14

使用微信小程序的weui框架放在我们的手机浏览器上使用

weui.css样式

09-24

weui.csscss样式,方便下载

weui学习总结——3、微信样式界面切换

热门推荐

zhengyikuangge的博客

08-30

1万+

前言：weui是一个专门用于开发手机移动web或微信的样式库。但是官方只提供了demo没有提供相关文档，所以这篇博客就当是方便以后开发而使用吧。 weui资源下载（也可以从官网下载）： http://download.csdn.net/download/zhengyikuangge/9940737 手机移动web开发必须要做的两点：1、body中加上ontouchstart，即<body ont

WeUI基础样式库

qq_45195669的博客

02-25

836

https://blog.csdn.net/wingsb/article/details/85332757

weui 按钮样式

chengshuo2792的博客

08-14

3042

weui 按钮使用中的一些样式修改修改按钮背景样式默认只有:绿,白,红三种样式现添加蓝色.如下: //样式 .green-btn{ background-color: #5cadff; color:#fff; } .green-hover-class{ background-...

微信小程序使用weui样式框架

月落星河

05-18

2923

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。以下内容是纯UI库，如果想使用逻辑封装版本，请看小程序组件库 - WeUIWEUI的组件库这篇文章只介绍样式如何引入↓↓↓ github下载：weui-wxss 将dist文件导入到微信开发者工具 3.看到这个界面就说明.

weui 腾讯官方样式库

weixin_34000916的博客

10-27

765

2019独角兽企业重金招聘Python工程师标准>>> ...

【人工智能学习之PaddleOCR快速上手】