微信小程序中引入iconfont阿里矢量图库



微信小程序中引入iconfont阿里矢量图库

阿里矢量图标库:http://www.iconfont.cn/

https://www.jianshu.com/p/738d4dda662d

第四篇、微信小程序-icon组件 – 久冬不雨 – 博客园

https://www.cnblogs.com/HJQ2016/p/5988637.html

登录iconfont,我使用的事Github账号进行登录。

阿里矢量图标库

登录完成后搜索自己喜欢的图标 – 收藏入库

收藏
入库

点击图[......]

Read more

微信小程序之toast等弹框提示



人分类: 微信小程序
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hedong_77/article/details/54948537

微信小程序中toast消息提示框只有两种显示的效果,就是成功和加载,使用wx.showToast(OBJECT)。
看下有关参数说明:
这里写图片描述
代码很简单:

 wx.showToast({
            title: '成功',
            icon: 'succes',
            duration: 1000,[......]

Read more

微信小程序-中处理json数据 (从json数据中提取想要的值 将变量json字符串转成json对象)

微信小程序-中处理json数据 (从json数据中提取想要的值 将变量json字符串转成json对象)

1、添加依赖

使用 阿里云仓库  http://maven.aliyun.com/nexus/#welcome

maven 配置阿里云仓库: http://blog.csdn.net/only_wan/article/details/52975698

<dependency>

<groupId>net.sf.json-lib</groupId>

<artifactId>json-lib</artifactI[......]

Read more

微信小程序中的变量和作用域

微信小程序中的变量和作用域

一,全局变量
在app.js里的变量和方法是全局的。

//app.js
App({
onLaunch: function () {
// 展示本地存储能力
var logs = wx.getStorageSync(‘logs’) || []
logs.unshift(Date.now())
wx.setStorageSync(‘logs’, logs)

// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
}[......]

Read more

小程序 data变量用法 全局变量

小程序 data变量用法 全局变量

data:

// 界面调用
<view>{{userName}}</view>
<view>{{info.userName}}</view>
// data存储
data: {
userName:’张三’,
}
// js 调用
var user = this.data.userName ;
// js 赋值
this.setData({
userName: ‘李四’;
})
全局变量:

// app.js 设置全局变量
globalData:{
userInfo:n[......]

Read more

微信小程序多层嵌套循环,二级数组遍历【key】

微信小程序多层嵌套循环,二级数组遍历

小程序中的遍历循环类似于angularJS的遍历。

二级数组遍历有一个坑。二级遍历wx:for循环的时候,需要注意。(代码如下)

 

JS代码:
data: {
groups: [
[
{
title: '狼图腾',
cover: '../../img/mineBG.png'
},
{
title: '狼图腾',
cover: '../../img/mineBG.png'
},
],
[
{
title: '狼图腾',
cover: '../../img/mineBG.png'
},

][......]

Read more

FastJson处理Map List 对象

FastJson处理Map List 对象

 Fastjson是一个Java语言编写的高性能功能完善的JSON库。

 

Fastjson是一个Java语言编写的JSON处理器,由阿里巴巴公司开发。

1、遵循http://json.org标准,为其官方网站收录的参考实现之一。

2、功能强大,支持JDK的各种类型,包括基本的JavaBean、Collection、Map、Date、Enum、泛型。

3、无依赖,不需要例外额外的jar,能够直接跑在JDK上。

4、开源,使用Apache License 2.0协议开源。http://code.aliba[......]

Read more

微信小程序—-icon组件

微信小程序—-icon组件

当前效果体验二维码
如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢!
效果图
原生的icon组件的属性
WXML
<view class=”icon-group”>
<icon wx:for=”{{typeList}}” type=”{{item}}” size=”40″></icon>
</view>
1
2
3
JS
Page({
data: {
typeList: ['success', 'success_no_circle', 'info',[......]

Read more