前言
一、uniapp 实现点击复制某段文本
二、MySQL 数据库存储 emoji 表情
三、Layui 的富文本编辑器
四、谷歌 Java 二维码生成
- (1) 引入 MAVEN 依赖
五、微信体验版提交之后没有效果
六、uniapp 引入自定义图标（通过阿里图标库）
3、确定后进入项目。点击项目设置，对图标库进行一些设置。
4、项目名称和项目描述根据自己需求填写， fontClass 是图标的前缀，需要传入组件type属性，fontFamily 是图标集名称，需要传入组件custom-prefix 属性，字体格式可以只勾选 ttf
5、点击第 4 步的 save（确定）按钮后进入下图页面，在下图页面中点击【download code】把图片库下载到本地
6、将 iconfont.ttf、iconfont.css 放到项目根目录 static 下
7、打开 iconfont.css 文件，修改 @font-face 的 src 属性的值为刚刚添加的 ttf 文件的路径
8、使用自定义图标库的字体图标

前言

公司提供了新项目，下面罗列该项目的一些功能，和部分实现方法。

一、uniapp 实现点击复制某段文本

https://uniapp.dcloud.net.cn/api/system/clipboard.html#setclipboarddata
上面是官方文档。

uni.setClipboardData(OBJECT)
设置系统剪贴板内容。

uni.setClipboardData({data: 'hello',success: function () {console.log('success');}
});

uni.getClipboardData(OBJECT)
获取系统剪贴板内容。

uni.getClipboardData({success: function (res) {console.log(res.data);}
});

二、MySQL 数据库存储 emoji 表情

三、Layui 的富文本编辑器

四、谷歌 Java 二维码生成

(1) 引入 MAVEN 依赖

        <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.3.0</version></dependency><dependency><groupId>com.google.zxing</groupId><artifactId>javase</artifactId><version>3.3.0</version></dependency>

https://www.cnblogs.com/vettel0329/p/11090666.html

五、微信体验版提交之后没有效果

做公司的项目，给微信小程序体验版添加了新的页面，提交测试的时候没有任何效果。上网搜索了解后，知道：若 pages.json 文件发生了变化，尤其是首页路径发生了变化。代码上传成功后，需要在后台手动设置一下首页路径，或者取消体验版，重新生成体验版二维码。
① 进入下图页面

六、uniapp 引入自定义图标（通过阿里图标库）

https://www.iconfont.cn/
https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html#api

1、访问阿里图标库，选择喜欢的图标，并加入购物车。
2、点击页面右上角【购物车】图标后会有弹框，在弹框中点击【添加至项目】

3、确定后进入项目。点击项目设置，对图标库进行一些设置。

4、项目名称和项目描述根据自己需求填写， fontClass 是图标的前缀，需要传入组件type属性，fontFamily 是图标集名称，需要传入组件custom-prefix 属性，字体格式可以只勾选 ttf

5、点击第 4 步的 save（确定）按钮后进入下图页面，在下图页面中点击【download code】把图片库下载到本地

6、将 iconfont.ttf、iconfont.css 放到项目根目录 static 下

7、打开 iconfont.css 文件，修改 @font-face 的 src 属性的值为刚刚添加的 ttf 文件的路径

@font-face {font-family: "iconfont"; /* Project id 3505657 */src: url('/static/iconfont.ttf') format('truetype');
}.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}.icon-security-fill:before {content: "\e78b";
}

通过上述操作，现在就获得一个可以自定义的图标库。

8、使用自定义图标库的字体图标

① 在项目根目录的 App.vue 文件中引入我们自己添加的 iconfont.css 文件。注意文件的存放路径。通过 @import 引入的外部样式需要写在 style 标签有效内容中的最前面。

<style>/* 引入自定义字体图标库 */@import url("@/static/iconfont.css");   </style>

② 使用 custom-prefix 和 type 属性自定义图标

<template><view class="content"><view class="wechat-security"> <uni-icons custom-prefix="iconfont" type="icon-security-fill" size="18"></uni-icons> 此内容已通过微信安全认证</view></view>
</template>

③ 如果报错说：unknown custom element（具体报错忘记了）需要按照一下 uni-icons 组件

【笔记11】uniapp点击复制；mysql数据库存储emoji表情；Java 二维码生成；uniapp引入自定义图标相关推荐

Mysql数据库存储emoji表情
一.起源我想让我的新闻评论内容能更加丰富~话不多说. (1)改变Navicat中的字段的字符集然后发现还是没办法存进去正确的emoji表情嘞.(失败了) (2)找到mysql数据库配置文件 ...
uni-app二维码生成，点击按钮弹框展示二维码
uni-app二维码生成,点击按钮展示二维码文章 uni-app二维码生成,点击按钮展示二维码前言一.首先我用的是HBuilderX,新建uni-app项目二.使用步骤 1.先下载插件uQRC ...
mysql设置可以存表情_Mysql实例使MySQL能够存储emoji表情字符的设置教程
<MysqL实例使MysqL能够存储emoji表情字符的设置教程>要点: 本文介绍了MysqL实例使MysqL能够存储emoji表情字符的设置教程,希望对您有用.如果有疑问,可以联系我们. ...
【Mysql】存储emoji表情报错（Incorrect string value: ‘\xF0\x9F\x98\x82\xF0\x9F...‘）的解决方案
[Mysql]存储emoji表情报错(Incorrect string value: '\xF0\x9F\x98\x82\xF0\x9F...')的解决方案参考文章: (1)[Mysql]存储emo ...
uniapp最好用的二维码生成
uni-app 二维码生成器在uni-app开发过程中,这个是我感觉最实用的二维码生成器源码.使用说明传送带git 使用心得调用_makeCode()生成二维码时,常常碰到生成失败,方法不存在的错 ...
前端vue uni-app基于uQRCode封装简单快速实用全端二维码生成插件
快速实现基于uQRCode封装简单快速实用全端二维码生成插件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12677 效果图 ...
mysql数据库支持emoji表情的详解
mysql存储emoji表情的时候,就会报错,如下: Error updating database. Cause: java.sql.SQLException: Incorrect string v ...
uniapp小程序扫二维码登录uniapp h5
uniapp扫码登录功能一.测试环境:uniapp小程序 uniapp h5 二.实现思路三.实现步骤一.测试环境:uniapp小程序 uniapp h5 二.实现思路 1.手机登录uniapp ...
uni-app微信小程序生成自定义参数二维码，跳转小程序指定页面，获取参数；uni-app微信小程序获取二维码自定义参数；微信小程序生成动态参数二维码；uni-app微信小程序获取动态参数二维码；
一.场景需求: 在小程序个人名片页面A页面,生成用户的个人名片二维码(该二维码携带用户的唯一标识id):微信扫一扫或长按图片识别这个二维码,可以跳转到小程序的B页面,并且在B页面拿到二维码上的唯一标识 ...

【笔记11】uniapp点击复制；mysql数据库存储emoji表情；Java 二维码生成；uniapp引入自定义图标

目录

前言

一、uniapp 实现点击复制某段文本

二、MySQL 数据库存储 emoji 表情

三、Layui 的富文本编辑器

四、谷歌 Java 二维码生成

(1) 引入 MAVEN 依赖

五、微信体验版提交之后没有效果

六、uniapp 引入自定义图标（通过阿里图标库）

3、确定后进入项目。点击项目设置，对图标库进行一些设置。

4、项目名称和项目描述根据自己需求填写， fontClass 是图标的前缀，需要传入组件type属性，fontFamily 是图标集名称，需要传入组件custom-prefix 属性，字体格式可以只勾选 ttf

5、点击第 4 步的 save（确定）按钮后进入下图页面，在下图页面中点击【download code】把图片库下载到本地

6、将 iconfont.ttf、iconfont.css 放到项目根目录 static 下

7、打开 iconfont.css 文件，修改 @font-face 的 src 属性的值为刚刚添加的 ttf 文件的路径

8、使用自定义图标库的字体图标

【笔记11】uniapp点击复制；mysql数据库存储emoji表情；Java 二维码生成；uniapp引入自定义图标相关推荐

最新文章

热门文章

【笔记11】uniapp点击复制；mysql数据库存储emoji表情；Java 二维码生成；uniapp引入自定义图标

目录

前言

一、uniapp 实现点击复制某段文本

二、MySQL 数据库存储 emoji 表情

三、Layui 的富文本编辑器

四、谷歌 Java 二维码生成

(1) 引入 MAVEN 依赖

五、微信体验版提交之后没有效果

六、uniapp 引入自定义图标（通过阿里图标库）

3、确定后进入项目。点击项目设置 ，对图标库进行一些设置。

4、项目名称和项目描述根据自己需求填写， fontClass 是图标的前缀 ，需要传入组件type属性，fontFamily 是图标集名称，需要传入组件custom-prefix 属性，字体格式可以只勾选 ttf

5、点击第 4 步的 save（确定）按钮后进入下图页面，在下图页面中点击【download code】把图片库下载到本地

6、将 iconfont.ttf、iconfont.css 放到项目根目录 static 下

7、打开 iconfont.css 文件，修改 @font-face 的 src 属性的值为刚刚添加的 ttf 文件的路径

8、使用自定义图标库的字体图标

【笔记11】uniapp点击复制；mysql数据库存储emoji表情；Java 二维码生成；uniapp引入自定义图标相关推荐

最新文章

热门文章

3、确定后进入项目。点击项目设置，对图标库进行一些设置。

4、项目名称和项目描述根据自己需求填写， fontClass 是图标的前缀，需要传入组件type属性，fontFamily 是图标集名称，需要传入组件custom-prefix 属性，字体格式可以只勾选 ttf