相关文章
前端开发【WEUI框架】移动端H5页面开发
目录 一、WEUI框架说明二、引进步骤1、源码下载2、CSS文件引入3、示例代码引入 一、WEUI框架说明
WEUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计。 UI演示:https://weui.io/ 二、引进步骤
1、源码下载
源码…
建站知识
2025/1/4 4:42:07
流行的移动端UI框架
微信公众号 几种移动端UI框架介绍 微信公众号开发,主要是移动端网页的页面开发,在这里推荐3个移动端UI框架:WeUI、SUI和Mint UI。
1. WeUI 1.1 WeUI WeUI是微信官方设计团队为微信 Web 开发量身设计,可以令用户在HTML5应用中的使…
建站知识
2025/1/4 4:42:09
WeUI源码学习笔记一
WeUI
前言一、WeUI是什么?二、WeUI要遵守什么准则——BEM三、编写WeUI在浏览器和微信开发者工具的不同之处 一、WeUI是什么? WeUI 是微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库,你可以把它理解为一个前端框架,类似…
建站知识
2025/1/3 1:09:09
微信WeUI常见页面模板
购物车模板 就是popup弹层(css样式js),还有slider滑动操作,还有增减的js 代码: <!DOCTYPE html>
<html lang"zh-CN">
<head><meta charset"UTF-8"><meta name"viewport" content&q…
建站知识
2025/1/4 3:36:02
小程序开发:轻松导入WeUI包
# 小程序的底部弹窗(半屏弹窗)
我这里主要是使用小城的原生组件WeUI来完成的,需要引入WeUI组件库。这里就不教如何引入库,主要讲解如何使用**Half Screen Dialog**标签。
首先就是通过json文件引入到你需要使用组件的页面。javasc…
建站知识
2025/1/3 6:45:33
微信小程序开发入门(连载)——前端框架weui-wxss
上一篇: 微信小程序开发入门(连载)—— Hello World WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 pr…
建站知识
2025/1/3 23:21:07
WEUI 源码学习一
BEM命名规范BEM的意思就是块(block)、元素(element)、修饰符(modifier)
block代表一个更高级别的抽象或者是一个组件,它仅仅作为一个边界,块功能独立
Element表示目的,是用一个双下划线隔开
Modifier表示的是一个状态,是用一个下划线分开的CS…
建站知识
2025/1/1 8:33:01
weui.js中的picker自定义实现移动端联动
实现weui中的picker联动,效果图如下: 代码如下 <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width,initial-scale1,user-scalable0,viewport-fitcov…
建站知识
2025/1/3 11:29:44