微信图标

1.1、进入阿里图标网站 http://www.iconfont.cn/ 1.2、在购物车里添加自己需要的字体图标 1.3、下载代码 1.4、解压过后，找到iconfont.css，放在你的项目里，需要时引入。 1.5、使用时给标签添加俩个对应类名即可，第一个固定iconfont，第二个demo文件里有， <i class="iconfont icon-all" style="color:green;font-size: 100px;"></i> 效果： 2.1、如果需要在微信小程序中使用，先进入转换网站，https://transfonter.org/ 2.2添加ttf文件 2.3、设置成下面这样 2.4、点转变 2.5、完成后，下载 2.6、项目中引入css，使用方法和上面一样。 来源： https://www.cnblogs.com/xlj-code/p/9177549.html

使用阿里巴巴iconfont矢量图标素材 直接上图 准备步骤 使用 扩展 直接上图 准备步骤 1、打开 iconfont官网 去选择图标并 添加入库 2、添加入库后，将库里图标 添加至项目 （没有项目可新建） 3、添加至项目后，点击 下载至本地 4、下载至本地后，解压zip包，并将iconfont.css修改为iconfont.wxss(也可在项目中新建iconfont.wxss，并将iconfont.css内容拷贝进去) 5、iconfont.wxss准备完成后，在app.wxss中添加 代码 。 //本例是将iconfont.wxss放至项目images目录下，其他可相应修改 @ import 'images/iconfont.wxss' 6、此时就可使用矢量图标了，若要新添加图标，需要重新执行上述准备步骤。 使用 在view中使用如下，详细可看代码片段中 注释 //iconfont:指iconfont.wxss //xxxxxxx:指iconfont.wxss中.xxxxxx:before(如下图) //font-size:可调节大小 //color:可调节颜色 < view class = "iconfont xxxxxxx" style = "font-size:80rpx;color:red" > < / view > .icon-tupian:before {

在app.json处设置“tabBar”，例子如下： { "pages": [ "pages/index/index", "pages/pages1/pages1", "pages/pages2/pages2" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#ffffff", "navigationBarTitleText": "小程序名称", "navigationBarTextStyle": "black", "backgroundColor": "#EA0000" }, "sitemapLocation": "sitemap.json", "tabBar": { "color": "#666666", "selectedColor": "#f10b2e", "list": [ { "pagePath": "pages/pages1/pages1", "text": "页面1", "iconPath": "*****",//未选中时的图标 "selectedIconPath": "*****"//选中后的图标 }, { "pagePath": "pages/pages2/pages2", "text": "页面2", "iconPath": "*****",/

小程序与平常web开发中引入字体图标的方式不一样，必须先转为base64再引入，以阿里巴巴字体图标 http://iconfont.cn 为例： 一、去官网 http://iconfont.cn 下载想要的图标 1.将想要的图标添加入库： 2.进入购物车 3.下载代码 4.下载成功后，将得到一个名为 "download.zip" 的文件，然后解压得到这么一堆文件： 二、转换 ttf 文件为 base64 推荐去 https://transfonter.org 转换 1.配置选项，将配置改为如下红色框所示，并打开 Base64 encode 选项： 2.配置完选项，下一步就可以添加ttf文件开始转换了： 3.选择刚刚从阿里巴巴 http://iconfont.cn 下载后解压出来一堆文件中的 ttf 文件： 4.转换并下载： 5.下载成功后，得到一个名为 "transfonter.org" 开头的压缩包，解压后得到三个文件，然后我们打开 "stylesheet.css" 文件: 三、在小程序中使用 1.新建一个小程序项目，成功后可以自己建一个 resource 文件夹用来放字体图标等资源，并在resource目录下新建一个 "style.wxss" 的空白文件，这个wxss就是我们的字体图标文件： 2.打开新建的 style.wxss 空白文件，将转换完成后下载下来的三个文件中

写在前边 最近新装了一个 centos7 GNOME 系统，用了很久了 win，突然转换 linux 桌面版，觉得焕然一新，给搬砖生活增添了一份新意 ~ 先看一下效果图： 怎么弄呢？ 下载最新版本 tar.gz 压缩包 wget https://github.com/geeeeeeeeek/electronic-wechat/releases/download/V2.0/linux-x64.tar.gz 把安装包放在 /usr/local/src 目录下（因人而异哈，我平时喜欢放在这个目录下），然后解压 sudo tar -zxvf linux-x64.tar.gz 　　 # electronic-wechat 到这一步就已经弄好了 在桌面上弄一个快速启动图标 1. 创建桌面图标文件 在 /usr/share/applications 目录下创建一个图标文件即可，命令是： vim /usr/share/applications/wechat.desktop 输入以下内容： !/usr/bin/env xdg-open [Desktop Entry] Encoding=UTF-8 Name=WeChat Comment=wechat-2.0 Exec=/usr/local/src/electronic-wechat-linux-x64/electronic-wechat #

nav-dynamic 微信小程序自定义nav头部组件；适配全面屏设计；满足页面滚动时，动态渲染组件样式； 实现功能 当初始进入页面时，展示初始状态下的nav样式；当页面滚动时，监听页面滚动事件，展示滚动状态下的nav样式； 根据配置字段值、页面栈数量，展示“返回”图标 根据配置字段值、页面栈数量，展示“首页”图标 方法说明 getNavHeight() 获取导航栏高度；单位px; setOptions(options) 设置组件参数； options Object 参数名称 类型 默认值 说明 备注 navBackgroundInit String '#ffffff' 导航栏背景颜色（初始值） 当nav要设置透明时，可设置成'transparent' navBackgroundRoll String '#000000' 导航栏背景颜色（滚动值） 当nav要设置透明时，可设置成'transparent' titleColorInit String '#ffffff' 文本颜色（初始值） 只能设置成16进制，不可简写 titleColorRoll String '#000000' 文本颜色（滚动值） 只能设置成16进制，不可简写 titleTextInit String '' 标题文本（初始值） 无 titleTextRoll String '' 标题文本（滚动值） 无

移动端（微信为例）： 分享至微信好友或朋友圈。 点击分享，是否弹出分享平台图标；点击取消时，是否隐藏分享平台图标。 点击好友或朋友圈图标，是否跳转至微信应用（注意没有安装微信的用户，应提示用户先安装微信）。 当微信未登录时，登录之后是否直接生成分享链接待分享。 分享数为零时，不显示计数；大于零时，才显示计数。 当分享数过大时，达到千或万（有时百），需考虑简化分享数，如1k或1w（跟手机屏幕也有关系）。 取消分享时，不记录分享数。 分享成功之后，需要进入分享出去给好友或朋友圈的链接是否邮箱。 后台管理系统： 展示每人分享的总数。 展示该文章或视频获得分享的总数。 PS：待修改 来源： https://www.cnblogs.com/zhaoquanmo/p/11764626.html

在app.json处设置“tabBar”，例子如下： { "pages": [ "pages/index/index", "pages/pages1/pages1", "pages/pages2/pages2" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#ffffff", "navigationBarTitleText": "小程序名称", "navigationBarTextStyle": "black", "backgroundColor": "#EA0000" }, "sitemapLocation": "sitemap.json", "tabBar": { "color": "#666666", "selectedColor": "#f10b2e", "list": [ { "pagePath": "pages/pages1/pages1", "text": "页面1", "iconPath": "*****",//未选中时的图标 "selectedIconPath": "*****"//选中后的图标 }, { "pagePath": "pages/pages2/pages2", "text": "页面2", "iconPath": "*****",/

微信中将网页设置成悬浮窗，要想显示图标的话，条件是要在该页面使用微信的 JSSDK ，不限制使用的功能，只要有使用就行 注意：该图标是获取公众号的头像，目前无法进行自定义 事例：下图中我使用了 JSSDK 获取用户地理位置接口，将页面缩小到悬浮窗时显示了公众号的头像 来源： https://www.cnblogs.com/zhengchunlin/p/11398875.html