钉钉e应用iconfont的使用

最新推荐文章于 2024-08-28 21:15:58 发布

weixin_46348517

最新推荐文章于 2024-08-28 21:15:58 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/weixin_46348517/article/details/105135437

版权

1. 打开iconfont图标库，挑选合适的图标加入购物车，添加至项目

在这里插入图片描述

2.点击生成最新链接，并打开链接，复制代码

在这里插入图片描述

3.在小程序跟目录下新建iconfont.acss，将复制代码粘贴进去

在这里插入图片描述

4.在app.js中导入iconfont.acss

@import "./iconfont.acss";

5.最后就可以在页面中使用图标了

<view class="iconfont icon-zhusu"></view>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_46348517

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

钉钉 e应用 mysql_钉钉E应用入门总结

weixin_42527178的博客

01-19

325

前言：钉钉E应用是一种全新的开发模式，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、等多端部署。轻量级，容易上手，开发快捷。酷似微信小程序，限制比较多。一、框架1、文件结构与微信小程序一毛一样。E应用分为app和page两层。app用来描述整体程序，page用来描述各个页面。1.1、 app 由三个文件组成，必须放在项目的根目录。app.js 逻辑app...

钉钉小程序内使用uCharts，各种花里胡哨图表都可以

鱼遇海

11-09

1156

最近做钉钉小程序需要使用到图表展示的功能，刚开始想到antd/f2，但是放在钉钉小程序里是有各种问题的，支付宝官方网上推荐使用antd/my-f2，用了之后还是会存在一些问题，比如环形图图上的点击事件是拿不到的，点击某区域放大效果也是不生效，索性放弃了它，找到uCharts。

1 条评论您还未登录，请先登录后发表或查看评论

钉钉小程序使用iconfont

dreamy_wx的博客

03-06

582

钉钉小程序使用iconfont

钉钉中打开h5页面，iconfont不展示解决

qq_37827001的博客

10-31

859

项目中发现用网页，模拟器打开的h5页面展示iconfont都正常，但是在钉钉中打开链接，iconfont不显示。

钉钉小程序如何引入阿里图标

M_emory_的博客

04-09

478

如何在钉钉小程序引入阿里图标呢？下面是具体的步骤第一步：复制项目中的代码第二步：在钉钉开发者工具的根目录新建一个 iconfont.acss 文件，把刚刚复制的代码全部粘贴到里面第三步：在 app.acss 里面导入刚刚新创建的 iconfont.acss 文件第四步：在需要用到的地方直接使用就可以了只需要根据这四步就可以实现阿里图标的引入，需要注意的是，这里的 iconfont.acss 文件一定要引入到 app.acss 里面，不可以引入到 app.js 里面

FontIcon -- Web开发的新选择

明月清风

04-12

827

FontIcon，即字体图标，是随着CSS3被广泛应用后出现的一个新事物，我们知道之前开发Web应用，字体家族就只能是固定的那些所谓Web安全字体。浏览器支持CSS3之后，就可以通过关键字@font-face支持自定义字体了，这就衍生了一个新功能，用字体来代替图片，以往Web里的图片只能是正式的图片，图片一旦设计好，大小和配色就固定了，放大图片很容易失真。字体代替图片后带来的好处很明显：减少图片量，

移动应用开发——基于uni-app框架

m0_61839930的博客

06-17

1263

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app（详见），腾讯课堂官方为uni-app录制培训课程（详见），开发者可以放心选择。uni-app在手，做啥都不愁。即使不跨端，

uni-app【事件绑定、下拉刷新、上传图片、导航跳转、组件通讯】

December_shi的博客

06-08

1682

uni事件绑定、事件传参；uni生命周期；下拉刷新；上传图片、预览图片；uni导航跳转；创建组件；组件通讯，父子传值，兄弟组件通讯

h5+ 聊天页面录音，拍照

msy_msy的博客

09-17

550

如果h5页面是套在微信公众号中的，可以直接调用微信的sdk更加方便简单。我以下写的是应用在uniapp的程序中，当然也可以直接调用uniapp的方法，我是为了快速开发，之前因为在微信公众号中开发过h5，所以拿来直接用，只把一些微信的sdk改成h5+的就可以在android、ios中通用了。 html <audio id="myaudio" controls="controls" hid...

微信小程序开发--详情【开发一次多端覆盖】

最新发布

m0_57030122的博客

08-28

2262

微信小程序开发--详情【开发一次多端覆盖】

阿里钉钉DingUI4.0设计组件XD.sketch

10-20

阿里钉钉DingUI4.0设计组件XD.sketch阿里钉钉DingUI4.0设计组件XD.sketch阿里钉钉DingUI4.0设计组件XD.sketch

uni-app基础入门

每天都要努力学习哦~~

01-11

3581

uni-app介绍 uni-app是一个vue.js开发所有前端应用的框架,开发者编写一套代码,可以发布到IOS ,Android.H5以及各种小程序(微信/支付宝/百度/头条/qq/钉钉)等多个平台,即使不跨断,uni-app,同时也是更好的小程序开发框架 ...

使用SimplyIcon轻松创建图标

culiuman3228的博客

09-21

803

Do you enjoy using custom made icons for your computer system but want a quick and simple way to make them yourself? Now you can with SimplyIcon! 您是否喜欢在计算机系统上使用自定义图标，但想要一种快速简单的方法来自己制作图标？现在，您可以使用Simp...

钉钉微应用手机端导航栏配置

u010227042的博客

08-24

4454

一、设置导航栏颜色在url后面拼接dd_nav_bgcolor参数即可，如下：支持的格式:“AARRGGBB” http://abc.xyz?dd_nav_bgcolor=FF5E97F6 二、微应用页面支持横屏在url后面拼接dd_orientation参数即可，如下： http://abc.xyz?dd_orientation=landscape Android平台上推荐打开新页面时使用openLink JSAPI。三、隐藏导航栏右侧按钮，禁止导航栏右侧分享按钮在url后面拼接sho.

钉钉小程序实现自定义表单模板组件（一）

weixin_43930421的博客

06-14

1904

之前实现过在 web 端的自定义表单，使用 vue + elementUI，参考链接： https://blog.csdn.net/weixin_43930421/article/details/125041581现在随着移动端完善，需要在钉钉小程序上也实现类似自定义表单。首先引入 colorUI，参考： https://blog.csdn.net/weixin_43930421/article/details/124748879在 components 文件目录下新建 custForm组件custFor

钉钉小程序遇到的一些问题

lllwsy的博客

02-21

1558

钉钉小程序开发过程中遇到的问题

钉钉e应用使用阿里字体图标方法

qq_43119205的博客

12-20

2591

1.复制代码并且下载至本地 2.打开下载的压缩包中的iconfont.css文件，复制代码 3.e应用中新建iconfont.accs文件，将代码复制到文件内 4.在app.acss中引入iconfont.acss文件 @import "./iconfont.acss"; ...

修复钉钉小程序 iconfont在android客户端无法正常显示

CloudJay的博客

10-18

3898

文章目录问题原因解决方案1.使用base64内联字体文件2.使用https路径的字体文件问题之前发过一篇教程:如何在钉钉小程序使用iconfont 在项目开发完成后,测试时,发现在android上iconfont不会生效原因在请教了钉钉的大佬后,得出原因,低版本android他不支持woff2格式的字体,必须要使用woff格式字体,由于从默认iconfont网站上下载来的字体,woff2排...

小程序使用阿里字体图标

qq_37291064的博客

02-20

452

核心是将css文件的@font-face src转成base64。具体操作为： 1、将阿里图标下载。 2、在小程序里建相应的文件，比如新建lib文件夹，将阿里下载的iconfont.css copy到该文件夹下，并改后缀为.wxss，即iconfont.wxss。 3、@font-face src转成base64，进入https://transfonter.org/链接，将阿里下载的iconfo...