2024年08月29日 建站教程
WeUI提供了一套现成的组件，如按钮、表单、列表和对话框，这些组件针对移动使用进行了优化，并遵循了微信的视觉风格。这些组件在我们使用微信的过程中随处可见，用户也非常熟悉。
WeUI的技术特点
1.内置几十个微信风格的基础组件。这些组件在设计和用户体验上都非常简单，用户接受度很高。直接使用这些组件可以节省开发人员大量的时间。
2.内置布局，排版系统和图标。WeUI提供了各种常见的布局和图形排版系统，在开发中非常实用。
3.v2.2.0增加了暗黑模式，通过添加属性data-weui-theme来控制。
3.作为一个纯UI组件工具，WeUI可以和Vue/React等开发组件一起使用，也可以独立使用，具体取决于开发者的喜好。
4.WeUI官方提供了草图和PSD基本样式库的可视化标准参考和源文件。开发者或设计师可以使用WeUI-Design进行微信Web开发的原型设计和可视化设计。
WeUI轻松入门
//安装脚手架 npm install --save weui //引入 import "weui";
在 html 中直接引入 css 和 js 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>WeUI 示例</title>
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"/>
</head>
<body>
<!-- 使用 -->
<a href="javascript:;" class="weui-btn weui-btn_primary">绿色按钮</a>
</body>
</html>
本文链接：http://so.lmcjl.com/news/11716/