小程序进阶-emoji表情

最新推荐文章于 2024-09-14 07:04:58 发布

光图强

最新推荐文章于 2024-09-14 07:04:58 发布

阅读量3.6k

点赞数 3

分类专栏：小程序微信编程

本文链接：https://blog.csdn.net/weixin_43166227/article/details/115399800

版权

微信小程序 emoji组件表情解析 vant-weapp 文本输出

关键词由CSDN通过智能技术生成

一、简介

小程序如何发送表情，微信小程序官方文档“扩展能力”为我们提供了emoji组件，即仿微信表情组件。
在这里插入图片描述

二、开发流程

（1）npm方式构建

//初始化项目，在node开发中使用npm init会生成一个pakeage.json文件，
//这个文件主要是用来记录这个项目的详细信息的，它会将我们在项目开发中所要用到的包，
//以及项目的详细信息等记录在这个项目中。
 - npm init 或 npm init -y
//安装生产环境
 - npm install --production
//安装vant，Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，
//两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。
 - npm i vant-weapp -S --production
//安装emoji
 - npm install @miniprogram-component-plus/emoji
 - 微信开发工具-->工具-->构建npm
 -  page.json引入组件：
{
   
    "usingComponents": {
   
        "mp-emoji": "@miniprogram-component-plus/emoji"
    }
}