文章目录

微信小程序-使用扩展组件和第三方组件

使用扩展组件

扩展组件是对小程序内置组件能力的补充，包括一些常见的功能组件。

官方文档

一、执行npm init命令。

二、安装组件，这里使用粘性布局组件，因此执行npm install @miniprogram-component-plus/sticky。

三、点击 工具 -> 构建 npm。

四、引入组件，如：

{
  "usingComponents": {
    "mp-sticky": "@miniprogram-component-plus/sticky"
  }
}

五、使用：

<mp-sticky offset-top="0">
  <button size="mini" type="primary" style="margin-left: 115px; background-color: #1989fa">吸顶距离</button>
</mp-sticky>

sticky组件属性

属性类型默认值必填说明
offset-topNumber0否吸顶时与顶部的距离，单位px
z-indexNumber99否吸顶时的 z-index
containerfunctionnull否一个函数，返回容器对应的 NodesRef 节点
disabledBooleanfalse否是否禁用
bindscrolleventhandle否滚动时触发，{scrollTop: 距离顶部位置, isFixed: 是否吸顶 }

使用WeUI组件库

这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的 UI 组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。

支持扩展库引入，不占用小程序包体积。

官方文档

一、添加扩展组件

"useExtendedLib": {
    "weui": true
}

二、引入组件

 "usingComponents": {
    "mp-searchbar": "weui-miniprogram/searchbar/searchbar"
  },

三、使用组件

<mp-searchbar></mp-searchbar>
# 微信小程序
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

deck.gl TripsLayer 出租车轨迹动画示例实战：从示例运行到着色器原理

TripsLayer 是 deck.gl 中用于渲染**随时间流动的轨迹动画**（如出租车行程、物流路径、迁徙路线）的核心图层。本文以仓库中的最小独立示例 [examples/website/trips](https://link.gitcode.com/i/1442af8f442f4cff39ff546e050fceb5) 为骨架，带你完成从安装依赖、启动应用、理解曼哈顿出租车数据格式，到深入

avatar 天工造物局

Foundry Anvil 中 eth_simulateV1 的 Blob 交易与 Blob Gas 字段规范化：原理、实现与测试验证

本篇技术指南以 [anvil-simulate-blob-transactions.md](https://link.gitcode.com/i/3d2ebe227262de169335eb290af80da8) 这条 changelog 条目为起点，深入剖析 Foundry Anvil 对 `eth_simulateV1` RPC 返回结果中 blob（EIP-4844）交易与 blob gas

avatar 天工造物局

LMCache CLI 实战：用 `lmcache kvcache clear` 管理运行中服务的 KV Cache 状态

本文是一份针对 LMCache 官方 CLI 命令 `lmcache kvcache` 的完整技术指南。该命令用于在**运行中的 LMCache 服务（MP HTTP server）**上管理 KV cache 状态，当前提供 `clear` 子命令，用于清空 L1（CPU 内存）层中缓存的全部 KV 数据。读完本文，你将掌握该命令的完整参数体系、退出码语义、终端/JSON/静默三种输出模式，并能

avatar 天工造物局