【1】简介 因为小程序的api描述都比较简单,并没有wxml及wxss的描述,一定会想小程序有没有一个UI库,类似于前端中的Bootstrap,MD,Semantic UI这样的框架UI库。有的,它就是WeUI。 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微
转载
2019-07-02 16:34:00
127阅读
2评论
WeUI为微信小程序量身设计的UI库一、前言在做微信小程序的时候就想着找一个UI库,方便我们前端开发,然后查找资料,发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。WeUI是一套跟微信原生的视觉体验类似的一套样式库,由微信官方设计团队为微信内网页和小程序设计的,让用户视觉更加统一。包含了外卖常用标签的各种元素。二、预览使用微信开发者工具打开weui-wxss-master中的di
原创
2018-07-26 14:43:56
6921阅读
才接触小程序。想找个u
原创
2023-03-05 06:47:13
414阅读
官网文档:https://wechat-miniprogram.github.io/weui/docs/ WeUI组件库简介 这是一套基于样式库weui-wxss开发的小程序扩展组件库,同微信原生视觉体验一致的UI组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。 ...
转载
2021-09-24 12:04:00
355阅读
2评论
1、打开cmd,在小程序根目录内,初始化npm npm init 2、执行命令安装 npm 包: npm install --save weui-miniprogram 3、安装完成后,在微信开发者工具中的菜单栏:工具 构建 npm : 4、在微信开发者工具中的右上角:详情 本地设置, 勾选“使用 ...
转载
2021-05-23 14:39:06
907阅读
2评论
使用在根目录中复制weui.wxss,app.wxss中引入
在weui.io中查看到自己想要的样式表后,到第二个网站复制代码,复制到自己的项目中即可
<!--pages/register/register2.wxml--><view class="container"> <view class="page__hd"> <view clas
转载
2019-06-14 09:02:00
174阅读
在weui.io中查看到自己想要的样式表后,到第二个网站复制代码,复制到自己的项目中即可
<!--pages/register/register2.wxml--><view class="container"> <view class="page__hd"> <view class="page__title">学生用户注册</vie
转载
2019-06-10 09:07:00
121阅读
<view class="weui-cells"> <view class="weui-cell"> <view class="weui-cell__bd"> <view class="weui-uploader"> <view class="weui-uploader__hd"> <view cl
原创
2021-08-27 11:35:21
622阅读
flex布局: flex
布局是继
标准流布局
、
浮动布局
、
定位布局
后的第四种布局方式。这种方式可以非常优雅的实现子元素居中或 均匀分布,甚至可以随着窗口缩放自动适应。
flex
布局在浏览器中存在一定的兼容性(具体参 考:
https://developer.mozilla.org/zh- CN/docs/Web/CSS
转载
2024-05-05 20:35:42
59阅读
一 引言最近在对时间典当行这一公众号进行一个粗浅的学习。涉及到WeUI插件库,就整理以下笔记。1 jQuery WeUI官网地址:http://jqweui.com/2 WeUI 目前只包含 CSS 代码,核心文件是weui.css jQuery WeUI = WeUI + jQuery + 大量拓展组件 jQuery WeUI 的组件分两部分: 基础组件:weui官方的组件,使用了weui官
转载
2024-04-18 16:33:12
126阅读
运用示例在下载文件的文件夹 weui-wxss-master\dist\example目录下 小程序全局用法 在app.wxss用@import "weui.wxss" 另外,小程序也有许多的框架 如mpvue 等
转载
2018-12-07 12:16:00
202阅读
2评论
WeUI for小程序为微信小程序量身设计https://github.com/Tencent/weui-wxss
原创
2022-09-21 14:58:47
493阅读
WeUI组件库,基于样式库weui-wxss (opens new window)开发的小程序扩展组件库,同微信原生视觉体验一致的UI组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。传送门:添加链接描述app.js
原创
2022-03-10 14:21:23
2111阅读
用jquery实现抽奖小程序这些日子,到处都可以看到关于微信小程序的新闻或报到,在博客园中写关于微信小程序的也不少。但是今天我要说的不是微信小程序,而是用简单的jquery写的一个好玩的抽奖小程序。最后介绍了后面关于抽奖小程序的一些后面更新的方向和Math.random的一些小知识。(最终结果保存在:http://runjs.cn/detail/rq3bbhto,点击可查看效果)下面先看一个简单的
转载
2024-03-13 19:16:04
59阅读
weui wxss里虽然有暗夜模式样式,但必须在根结点增加属性data-weui-theme="dark",才生效。我们不得不设置一个页面变量,但这严重侵入了业务代码。本文介绍更优雅的方案解决该问题。
原创
2022-09-21 11:38:45
1110阅读
第九程序注明:要想开发小程序,每个人都需要先了解 Flex。小程序的开发框架使用了 Flex 排版布局,它能帮助开发者以最快的速度,构建美观而具有动态调整性质的小程序排版。但是,Flex 在目前为止尚未大范围地推广和使用,甚至许多前端开发者,在上手小程序开发后才知道 Flex。那么,使用 Flex 到底有什么优势?Flex 中有多少排版模式?如何正确使用 Flex 排版?今天,就来带大家看看 Fl
转载
2024-07-17 15:37:25
66阅读
flex布局简介微信小程序页面布局方式采用的是Flex布局。Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。样式设置为display:flex:采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"容器默认有两个轴:主轴
转载
2023-07-17 16:49:47
126阅读
手机端使用jquery weui制作ajax滚动加载更多。 演示地址:http://wx.cnkfk.com/nuol/static/fpage.html 代码: [html] view plain copy print?<!DOCTYPE html> &
转载
2018-06-13 13:06:00
259阅读
首先,我想说是当我刚用JQuery weui框架做加载更多的时候遇到的坑,同时我也下载了SUI Mobile框架的样式做页面。导致,当我使用JQuery weui自带的加载更多控件的时候无法生效。原因,JQuery weui中的infinite和JQuery weui中的样式布局绑定的,导致无法生效。解决,去除掉SUI Mobile中的样式使用一、JQuery weui中自带的demo...
原创
2021-07-15 09:41:23
641阅读
# 学习使用小程序中的 jQuery
随着小程序的流行,越来越多的开发者开始关注这个新的开发平台。在这个过程中,有些新手可能会对如何在小程序中使用 jQuery 感到困惑。本文旨在帮助你理解如何在小程序中集成和使用 jQuery,带你从头到尾创建一个简单的小程序。
## 流程概述
在开始之前,我们先来看一下整个实现流程,以下是步骤:
| 步骤 | 描述