"tabBar": { "selectedColor": "#4da9ff", //颜色 "list": [{ "pagePath": "homepage/homepage/homepage", "text": "首页", "iconPath": "images/homepage_off.png", &quo

项目中常常需要使用到字体图标,微信小程序中使用字体图标与在平常的web前端中类似但是又有区别.下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标. 第一步:下载需要的字体图标 进入阿里图标官网http://iconfont.cn/搜索自己想要的图标,如这里需要一个购物车的图标,流程为: 搜索“购物车”图标--->点击“添加入库”-->点击购物车进入购物车-->点击下载代码按钮. 点击下载代码,将得到名为download.zip的压缩包,解压将看到以下内容: 第二步:转换ttf文件

第一步:在阿里巴巴矢量图标库下载需要的图标 地址:https://www.iconfont.cn/ 添加至项目 第二步:打开在线代码 将在线代码复制 第三步:点击下载至本地下载图标 将下载的download文件解压打开iconfont.css,将文件中的@font-face替换为在线链接(即刚刚复制的代码). 第四步:将iconfont.css文件中的代码复制到微信小程序使用字体图标的的wxss文件中. 使用实例: <icon class='iconfont icon-icon_fabu'/>

微信小程序 canvas 自动适配 自动换行,保存图片分享到朋友圈  https://github.com/richard1015/News 微信IDE演示代码https://developers.weixin.qq.com/s/WCkpsTm97M7p function findBreakPoint(text, width, context) { var min = 0; var max = text.length - 1; while (min <= max) { var middle =

微信小程序,无论是字体图标还是图标,都差不多,只不过是为了以后字体图标修改方便,或者加效果方便而使用它而已! 1. 下载font-awesome http://fontawesome.dashgame.com/assets/font-awesome-4.7.0.zip 2.解压后,找到fontawesome-webfont.ttf 3.然后进入以下网站进行格式转换 https://transfonter.org/ 4.下载到本地 5.把css文件提出来 6.新建一个wxss文件,然后把 font

自定义图标及自定义字体,一直是很多小程序开发者的心病,其实本站是很多解决方案的,为了集中起来,方便直接跳过此坑,我特别做了这次针对字体及字体图标的跳坑: 相关文章:微信小程序添加并使用外部字体(成功添加到维吾尔语了...新手跳坑指南<六十七>字体文件无法找到报404错误在微信小程序中使用字体图标/自定义字体/外部字体 相关插件:微信小程序实用组件:使用font-awesome字体,真机可用微信小程序demo:bootstrap字体样式使用 相关帖子:小程序里面能用阿里字体图标吗微信小程序中怎么

小程序和网页差不多,前台用wxml把内容摆好,然后用css调整样式.所以和web一样,必须要能够精确控制每一个元素的大小.在Web中,通过CSS基本达到了像素级的控制.但在小程序中,情况有所不同.下面是我通过微信提供的事件分析,把近7天访问的终端的分辨率的情况汇总了一下: 有些看起来很小,其实并不是老机子,而是手机和电脑在分辨率上有所差别.除了px,还有dp.vw.rem等一系列尺寸标准. http://blog.csdn.net/zhoudailiang/article/details/505

1.点击事件无刷新修改 原理:onload事件中是把这个分类和品牌的列表全部拿出来,拼接成数组的格式,在小程序中遍历的时候就要把小标(index)给绑定到左侧的品牌上,然后js中获取index的值,就可以动态的修改数组中的下标,右侧的品牌就可以动态的修改了 下面还有另一个方法,到时候会分享

实现 阿里图库:https://www.iconfont.cn/ CSS3:[attribute*=value] 选择器 步骤 1. 加入购物车 2. 下载代码解压,复制iconfont.css app.wxss(注意!!! 小程序不支持组件内某些选择器) [class*="icon-"] { font-family: "iconfont" !important; font-size: inherit; font-style: normal; } index.wxs

WXML <view class="page" style="background-color:{{pageBackgroundColor}}" > <button bindtap="changeColor" hover-class="none">点击修改背景颜色</button> </view> WXSS: .page { display: block; min-height:

一.先到阿里巴巴矢量图标库(http://iconfont.cn/),用微博帐号登录,搜索你想要的图标,然后添加入库 从项目里下载下来并解压,找到ttf格式文件 二.到这个平台https://transfonter.org/,把刚才下载的ttf字体文件转化成base64格式 原文:http://www.soswen.com/article/10 三.下载下来之后解压找到stylesheet.css ,打开文件,复制这些内容到wxss里: 四.打开之前在阿里巴巴下载的压缩包,找到iconfont.

阿里字体图标:http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 1.单个/ 多个选择字体图标 2. 导入字体库 可以参考:https://blog.csdn.net/qq_28988969/article/details/76633921

不BB,直接正题 一. 将公共方法绑定到Page上 单个绑定 const oldPage = Page Page = function(app) { // 注意公共函数的名字不要重复,否则覆盖 app.util = function() {} return oldPage(app) } 多个绑定,文件绑定 const util = require('./util.js'); // 需要绑定的函数由util文件exports出来 const oldPage = Page Page = functi

tab图标个数是最少2个,最多5个 主题默认是默认的浅灰色线条 修改后(只有black和white两种样式修改) 在app.json中

wx.setNavigationBarTitle({title: '当前页面'})

在微信小程序中使用阿里字体图标 ,不通过转换成base64的方式实现. 为了美化微信小程序,可以适当的使用一些小图标,这样体验也更友好些,于是决定使用常用的字体图标. 下载图标 首先在阿里字体图标查找你所需要的图标,然后"添加入库"(类似加入购物车那种)添加至项目(没有项目选择新建项目) 选择unicode,点击"查看在线链接"复制里面的代码 点击"下载至本地",解压压缩包编辑iconfont.css,将下面标注的内容替换为刚才复制的代码 微信小

微信小程序是可以动态修改页面标题的. 首先我们来看看静态是怎么实现的 在对应页面的json文件里面加入下面代码就可以实现了 { "navigationBarTitleText": "素材图库" } 效果图如下: 其他动态的也是十分简单,毕竟是提供好了的接口,我们调用一下就行了.接口嘛,那就要操作对应的js文件咯.参考地址 quwei: function () { wx.setNavigationBarTitle({ title: '趣味表情' }) } 点击的时候触

前言:微信小程序中的rpx尺寸单位用起来很方便.他是怎么实现计算的呢?(这里要注意的是,常规浏览器解析css代码的时候会把font-size小于12px的字体转成12px,不会让他小于12px的,而微信小程序的字体是可以小于12px的). 一.rpx的应用. .testDiv { width:300rpx; height:200rpx; line-height:200rpx; background:#ccc; font-size:36rpx; text-align:center; <view c

有了微信小程序,对你到底意味着什么? 对于用户来说,再也不用担心手机的内存不够用了!一个小程序只有1M,随便卸载一个App,就能安装很多小程序! 对于老板来说,你不再需要花费数十万来去请外包公司帮你去开发一个App来,而且还不能做多机型的适配! 对于开发者来说,你有了一个新的做私活的机会!微信小程序的模式让你轻轻松松一个人完成所有任务! 接入微信小程序,我们究竟有哪些问题? 微信小程序,是一个新生事物,和我们的传统的Web业务并不相同,而其基于JS的语法,也让很多前端开发工程师涌入其中.那么微信

1.bug 2.原因解析 微信小程序本身字体问题 3.解决方案 设置字体 font-family: Microsoft YaHei; .

目录 SayLove 表白墙微信小程序 程序结构 说明 程序效果图 配置过程 结语 云开发 quickstart 参考文档 SayLove 表白墙微信小程序 项目地址:https://github.com/lx164/SayLove 程序结构 |--App 小程序代码目录 |--|-- cloudfunctions 云函数 |--|--|--|-- DeleteMessage |--|--|--|-- DeleteMyLike |--|--|--|-- Deletes |--|--|--|--