首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WeUI框架

WeUI框架 WeUI是一套小程序的UI框架,所谓UI框架就是一套界面设计方案,有了组件,我们可以用它来拼接出一个内容丰富的小程序,而有了UI框架,我们就可以让我们的小程序变得更加美观。...体验WeUi小程序 WeUI是微信官方设计团队的一套同微信原生视觉体验一致的基础样式库,在手机微信里搜索WeUI小程序即可。...下载源码就可以看到weui-wxss-master文件夹,导入项目,体验 为什么是weui-wxss-master下的dist⽂件夹,⽽不是weui-wxss-master?...下载了WeUI的源代码,其实WeUI的核⼼⽂件是weui.wxss。 如何在我们 的模板⼩程序⾥使⽤WeUI的样式呢?...├── pages ├── image ├── style │ ├── weui.wxss ├── app.js ├── app.json ├── app.wxss 把weui⼩程序dist

2.2K20

weui-react项目实战新心得

weui-react简介 weui是微信官方制作的一个基础样式UI库,打造与原生微信同样的视觉和交互体验,整个UI库包括网页版和小程序版,网页版包括传统的javascript版和react版本。...个人对react的偏爱超过传统js版本,就用了react版本做为自己的核心框架。...为了便于开发,把精力更多的放在业务和后端,对前端的技术栈进行了选择,基于微信的项目,我选择这样的核心框架: 基础框架:react UI框架weui-react 构建工具: webpack 路由工具:...react-router 使用心得 具体的入门使用方法我就不介绍了,很简单,看官方文档。...多看官方示例,文档基本没什么意义 weui的官方文档,相比开放平台的文档,还是有不少差距的,单是好在weui本身就是一个很简答的框架,使用起来也没有太大的问题,主要还是通过示例去了解使用方法,具体的文档说明

1.2K40
您找到你想要的搜索结果了吗?
是的
没有找到

WeUI教程第三方扩展及其他UI框架对比

WeUI 为微信 Web 服务量身设计的h5框架。严格的讲它是一个css库。...算一个精简的库,它是使用less编写,最终编译成css,压缩成weui.min.css WeUI使用方法 WeUI 是一套与微信原生 UI 一致的 UI 库,核心文件是 weui.css,只需要获取到该文件.../手机网站开发.演示地址https://weui.shanliwawa.top/ LayUI与WeUI layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式...MUI与WeUI MUI是一个轻量级的CSS框架,遵循Google的Material Design设计方针。...项目地址https://www.muicss.com/ WeUI只用css文件没有JS文件,但已经有第三方已经集成了,例如jQuery WeUIWeUI+,他们都加入了幻灯片切换等js特效 jQuery

2.8K20

小程序的基础样式库-------WeUI

因为小程序的api描述都比较简单,并没有wxml及wxss的描述,一定会想小程序有没有一个UI库,类似于前端中的Bootstrap,MD,Semantic UI这样的框架UI库。...有的,它就是WeUIWeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。...界面 下面我们重点讲解一下WeUI使用方法: 小程序版weui下载地址:https://github.com/Tencent/weui-wxss 2.可以将整个文件下载下来,将其中的dist文件夹导入到独立的小程序中作为参考如下图...style目录结构 4.weui.wxss的引入方法 方法一.在app.wxss内或者需要的页面引入style/weui.wxss。.../**app.wxss---->引入button的wxss**/ @import 'style.widget.weui-button.weui-button.wxss'; 注意:这样引入前提是weui.wxss

5.1K101

uni app 零基础小白到项目实战-1

uni-app是一个使用vue.js开发跨平台应用的前端框架。 开发者通过编写vue.js代码,uni-app将其编译到Ios,android,微信小程序等多个平台,保证其正确并达到优秀体验。...Uni-app继承自vue.js,提供了完整的vue.js开发体验。 uni-app组件规范和扩展api与微信小程序基本相同。...weui框架 weui是一套小程序的ui框架,所谓ui框架就是一套界面设计方案,有了组件,我们可以用它来拼接出一个内容丰富的小程序,而有了一个Ui框架,就能让我们的小程序变得更加美观。...体验weui小程序 weui是微信官方设计团队设计的一套同微信原生视觉体验一致的基础样式库,在手机微信里搜索weui小程序或扫描,即可在手机里体验。...weui的使用 pages image style weui.wxss app.js app.json app.wxss 使用开发者工具打开模板小程序的app.wxss文件的第二行添加如下代码: @import

1.6K10

pdf.js使用方法「建议收藏」

应各位博友要求已经取消付费 2022.3.20 项目中 显示 pdf 的功能,浏览过不少的技术帖,都不太理想,花了点时间研究了下pdf.js正确使用方法,总结下:1.防止自己忘记 2.工作留有痕迹 3....猜想如果可以改变默认72DPI就可改变呈现的清晰度 上面是最开始探索 pdf.js 使用的方法 时 的猜想 其实 pdf.js 真正使用方法非常简单 (一行代码就可以搞定) pdf.js使用步骤 一....到官网下载 pdf.js 插件并解压 (地址: PDF.js ) 1: 进入官网 2 : 选择稳定版 下载 3: 下载至本地 4 : 解压 5:创建PDF.js文件夹 并将刚解压的文件放入其中...) 能够 看到 PDF.js 这个文件夹 说明 这一步已经完成了 3.在PDF.js 中 依次打开 web 文件夹 viewer.html 文件 (PDF.js/web/viewer.html) 4.随后会显示...github 上的pdf.js 使用方法 点我下载PDFViewer; 使用方法都在 README.md 文件中 如果不了解gitHub的同学请往下看: 点我下载会跳到这个页面 2.点击页面上绿色按钮

12.8K20

TKmybatis的框架介绍及使用方法

最近项目使用了SpringBoot+TKMytis框架,期间遇到一些问题,顺便记一下。...一、框架配置 配置的话非常简单,我用的是SpringBoot,直接引入: tk.mybatis mapper-spring-boot-starter...updateByExampleSelective(T record, Object example); 同上,传入的Object example应为tk.mybatis.mapper.entity.Example,具体使用方法后续会说明...三、使用方法 1、tk.mybatis.mapper.common.BaseMapper, IdsMapper, MySqlMapper内方法使用说明: 从接口中我们可以看到传入的方法基本均为...exists为true时,如果字段不存在就抛出异常,false时,如果不存在就不使用该字段的条件, 若notNull为true时,如果值为空,就会抛出异常,false时,如果为空就不使用该字段的条件 其使用方法

71210
领券