微信小程序：使用lin-ui

最新推荐文章于 2023-04-22 11:12:27 发布
最新推荐文章于 2023-04-22 11:12:27 发布
阅读量451 收藏 1
点赞数
分类专栏： 前端 文章标签： 前端 javascript 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46823133/article/details/128769775
版权

一、linui

官方地址：https://doc.mini.talelin.com/start/component.html

二、安装

1.构建npm

终端输入npm ini初始化npm
在这里插入图片描述
下载lin-ui

npm i lin-ui

image.png
构建npm
image.png

2.导入

全局导入后即可正常使用lin-ui。
image.png

<l-icon name="add" />
一城烟雨s
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用LinUI的Tabs组件实现电商小程序分类页面
weixin_34194087的博客
04-03 1332
分类页面可谓是电商小程序的常客，项目中不免会与它打交道，而选项卡又是分类页面比较重要的一部分。本文就就介绍一下如何使用林间有风团队开发的小程序组件库中的tabs组件优雅快速的开发一个分类页面。 先上一个效果图，供各位参考： Tabs用法 有关tabs组件的属性和事件具体参考 tabs文档 ，本文就不过多赘述。主要讲述下外部样式类的修改。 更改Tabs高度 为了使tabs组件应用更多的使用场景,组...
引入并使用LinUI组件库
qq_25503949的博客
11-11 2525
引入并使用LinUI组件库一.什么是LinUI组件库：二.用个例子说明一下如何使用： 一.什么是LinUI组件库： LinUI官网 可以理解成官方小程序组件库的一个扩展 具体安装方式可以参考官网 1.npm init 2.npm i lin-ui 3.构建npm（这个很重要） 生成minoprogram-npm这个文件夹 二.用个例子说明一下如何使用： 其实我们用的lin-ui就相当于使用别人自定义好的自定义组件 比如我们使用avater这个组件（头像组件）在welcome页面中 我们需要在welco
lin-ui-doc:Lin UI文档
04-05
| Lin UI，而不仅仅是一个UI组件库！一套基于微信小程序原生语法实现的可选UI组件库 目录 简介 Lin UI是一套基于微信小程序的原始语法实现的特定UI组件库。遵循简洁，易用，美观的设计规范。 快速上手 安装 初始化你的项目为一个NPM项目 npm init -y 若项目根目录已包含package.json文件，则可跳过该步骤 安装Lin UI npm i lin-ui 配置微信开发者工具要正确安装Lin UI，需将微信开发者工具的使用 npm 模块选项替换上 设置路径：微信开发者工具右上角->详情->本地设置 构建NPM模块微信开发者工具配置完成以后，还需进行一次NPM模块的构建 按钮位置：微信开发者工具顶部->工具->构建npm 若您本地没有Node.js环境，无法使用NPM安装，则可以采用原始码 ♡ 配置微信开发者工具 要正确使用Lin UI，需将微信开发者工具的Es6
《微信小程序-进阶篇》Lin-ui组件库源码分析-Button组件（一）
Oliver尹的博客
07-24 1264
本文难度属于：中级，通过本文你可以了解到 Lin-ui的Button组件中的文件结构以及属性实现相关的一些
《微信小程序-进阶篇》Lin-ui组件库源码分析-Icon组件
Oliver尹的博客
07-31 1143
本文难度属于：初级，通过本文你可以了解到 Lin-ui的Icon组件的用法，以及这些对应的用法在其背后是如何实现的～
自己的微信小程序学习笔记【3】——第三方UI库Lin-Ui的加载及使用
qq1140920745的博客
04-11 1028
其他微信小程序的学习笔记 自己的微信小程序学习笔记【1】——小程序开发工具的使用及项目文件说明 自己的微信小程序学习笔记【2】——从零开始新建项目 文章目录其他微信小程序的学习笔记前言一、Lin-UI组件库1.使用组件库的前提2.Lin-Ui的安装方式 前言        微信小程序所提供的组件的样式一般无法达到我们的设计效果，这时候，外部组件库就可以提供非常美观的组件。作为学习笔记，本文使用的是Lin-UI组件库，有必要给大家提供一
《微信小程序-进阶篇》Lin-ui组件库的安装与引入
Oliver尹的博客
07-21 2431
本文难度属于：初级，通过本文你可以 了解到如何在小程序中安装组件库，以及 组件库中的组件如何在小程序中使用，具体内容可以参考以下思维导图
前端UI框架
hulitong
11-28 1万+
在百度搜索UI框架，可以搜索到很多前端框架,整理一下： 1、Amaze UI Amaze UI v2.5.0 ， 2015-11-30 发布，类似于Bootstrap gitee下载地址 2、Bootstrap框架 Bootstrap3 Bootstrap5 推荐使用Bootstrap5，相比Bootstrap3，Bootstrap5重构核心已经放弃Jquery了 大名鼎鼎的框架，学习前端必须学习的UI框架。 3、H-UI框架 不想重新写繁琐的页面，少写前端页面代码的，推荐使用这个框架
【微信小程序】博客小程序，静态版本（二）引入 lin-ui 组件、设计和开发文章页
南方者的博客
11-15 370
1. 引入 lin-ui 组件 方式一（ npm 安装） 方式二（源码下载安装） 2. 设计文章页 3. 开发文章页 4. ...
小程序开发之Lin-ui瀑布流的使用方法
代码青春
04-22 370
小程序开发之Lin-ui瀑布流的使用方法
LinUI是基于微信小程序原生语法实现的组件库
08-10
Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。
Lin UI微信小程序组件库-其他
06-13
Lin UI 是一套基于微信小程序原生语法实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。快速上手：安装1、初始化你的项目为一个 NPM 项目npm init -y若项目根目录已包含 package.json 文件，则可跳过该步骤...
lin-wx-ui:微信小程序原生ui组件库
04-29
轻量、灵活的微信小程序组件在线文档简介lin-wx-ui 是一款基于 原生微信小程序 的前端 UI 组件库，主要集成了我平时在开发中使用到的 UI 组件预览扫描下方小程序二维码，体验组件库示例：特性基于 原生微信小程序 ...
LinUI微信小程序组件库 v0.9.2
01-12
为您提供LinUI微信小程序组件库下载，Lin UI 是一套基于微信小程序原生语法实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。快速上手：安装1、初始化你的项目为一个 NPM 项目npm init -y若项目根目录已...
h5页面调用小程序的定位功能_视频直播 | 教你用LinUI写小程序，快速实现功能强大的页面组...
weixin_27918373的博客
12-25 200
作者 | 慕课网来源 | 慕课网直播课伴随着小程序的诞生，移动互联网行业也迎来了新一波的浪潮，无数大小公司纷纷开始开发自己的小程序产品，前端的技术栈要求里也新增了“微信小程序”这项技能。而在另一方面，软件开发的过程中，部分功能或视图的实现是一个重复性的工作。微信小程序从诞生到现在，不过两年时间，生态圈对比Vue，React来说实在过于单调，能够在实际开发中帮助到开发者的产品更是屈指可数。...
2022-01-16 微信小程序笔记(八) 小程序ui框架:Lin-uiI的安装和使用
GAARA
01-16 200
文章目录 0.Lin UI简介 1.安装 使用 Lin UI 务必勾选Es6 转 ES5和使用 npm 模块选项 打开终端输入安装命令 2.构建npm:工具>构建npm 3.使用(以button为例) 4.其他组件 0.Lin UI简介 Lin UI 是由林间有风团队精心打造的一套微信小程序组件库，组件丰富、设计优美，并且拥有完整的商业案例，是您开发微信小程序的不二选择。 官网:https://doc.mini.talelin.com/
【小程序】微信小程序中安装配置LinUi组件库
【敦厚的曹操】的专栏
01-14 498
微信小程序中安装配置LinUi组件库
微信小程序 安装Lin-UI
qq_56303170的博客
09-30 465
微信小程序 安装Lin-UI 首先安装Node.js 选择长期维护版 此处需要注意一下 小程序根目录下cmd创建文件 注意一定要在小程序的根目录下输入cmd命令 npm init 此时，会生成一个package.json文件，命令行里会以交互的形式让你填一些项目的介绍信息，你可以耐心填完，当然也可以忽略，全部按回车键来快速完成项目初始化。 接着在package.json文件输入lin-ui以及版本号 { "name": "sleeve", "version": "1.0.0", "des
【uniapp】在微信小程序中修改uni-ui组件样式不生效的解决方案
热门推荐
莫诺库诺的博客
07-12 2万+
在使用uniapp框架开发微信小程序时，使用到了uni-ui的uni-table组件。由于需要修改表头的背景色，于是乎在微信开发工具中使用调试工具审查元素获取其class名： 尝试直接在页面中修改样式： 结果无效。于是尝试使用深度选择器 依然无效。然后查询微信平台官方开发文档得知，微信中的组件存在组件样式隔离，即自定义组件的样式只受到自定义组件 wxss 的影响。 此时如果想在其它页面影响到该组件的样式，需要在施加影响的组件中加入选项： 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中
微信小程序 使用汉印hm-a300l
最新发布
02-07
最后，汉印HM-A300L还支持数据共享和互动，用户可以通过微信小程序分享设备数据和使用体验，与好友互动交流，共同提升生活品质。 总的来说，使用汉印HM-A300L通过微信小程序平台，能够带来便捷的连接、丰富的功能、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值