网站首页  软件下载  游戏下载  源码下载  词典软件  教程攻略

请输入您要查询的源码:

 

源码 Lin UI微信小程序组件库 v0.9.1.3
图标
分类 源码下载-软件开发-java源码-微信小程序 java源码
语言 简体中文
大小 889KB
软件类型 国产软件
发布时间
用户评分 3
备案号
官方网址
软件授权 开源软件
操作系统 JavaScript
厂商
下载
介绍

 Lin UI 是一套基于微信小程序原生语法实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。

快速上手:

安装

1、初始化你的项目为一个 NPM 项目

npm init -y

若项目根目录已包含 package.json 文件,则可跳过该步骤

2、安装 Lin UI

npm i lin-ui

3、配置微信开发者工具 要正确安装 Lin UI,需将微信开发者工具的 使用 npm 模块 选项勾选上

设置路径:微信开发者工具右上角 -> 详情 -> 本地设置

4、构建 NPM 模块 微信开发者工具配置完成以后,还需进行一次 NPM 模块的构建

按钮位置:微信开发者工具顶部 -> 工具 -> 构建 npm

引入

1、配置微信开发者工具

要正确使用 Lin UI,需将微信开发者工具的 Es6 转 ES5 和 增强编译 选项勾选上

设置路径:微信开发者工具右上角 -> 详情 -> 本地设置

2、在页面中引入

{

"usingComponents":{

"l-button":"/miniprogram_npm/lin-ui/button/index"

}

}

3、在页面中使用

(l-button type="default")默认按钮(/l-button)

我们建议你在引入 Lin UI 组件时,都统一命名为 l-{组件名} 格式,遵循此规范将使你的项目代码更加清晰

至此,Lin UI 已成功引入至你的项目中了!

截图
随便看

 

网盟提供免费网站源码下载(asp源码,php源码,.net源码),源码动态,使用教程和源码评测;为站长推介有价值的源码,为开发者宣传源码作品。

 

Copyright © 2002-2024 cnnbu.com All Rights Reserved
更新时间:2025/4/5 21:20:54