- 【前端】vue 报错:The template root requires exactly one element
程序员-张师傅
前端前端vue.jsjavascript
【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中,当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时,这通常意味着你的Vue组件的模板(template)根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况:模板中有多个并行
- Vue报错
计算衎
Vue编程vue.jsjavascript前端
报错:errorin./src/App.vue?vue&type=script&lang=jsModulenotfound:Error:[CaseSensitivePathsPlugin]`E:\VueProject\myluckmy\src\pages\Login.vue`doesnotmatchthecorrespondingpathondisk`login.vue`.ERRORin./src
- vue报错undefined is not iterable (cannot read property Symbol(Symbol.iterator))
小朱爱开发
开发经验vue.jsjavascript
经过审查,发现是这段代码出了问题this.net1=this.chartData.net1;//net1,net2,net都是从接口离拿得数据this.net2=this.chartData.net2;this.net=this.chartData.net;constnetTotal=[...this.net1,...this.net2,...this.net];//数组合并letdataYTpl
- Vue报错,xxx is defined #变量未定义
Oneforlove_twoforjob
vue.js前端javascript
vue.js:5129[Vuewarn]:Errorinv-onhandler:"ReferenceError:countisnotdefined"浏览器将这个变量当做全局变量了,事实上它只是实例中的变量加上this指定,是vue实例中的变量
- Vue 报错error:0308010C:digital envelope routines::unsupported
杨 戬
Flowable流程引擎vue.js前端javascript
错误Vue报错error:0308010C:digitalenveloperoutines::unsupported原因这个错误与OpenSSL的版本兼容性问题有关,可能是Vue.js项目中使用的某个依赖或库需要使用OpenSSL的特定版本或功能,但你的系统上安装的OpenSSL版本不兼容。要解决这个问题,你可以尝试以下几个步骤:升级OpenSSL:尝试升级系统上的OpenSSL版本,确保它与项目
- vue报错
牛氓不榴芒
写项目的时候发现以下报错:微信截图_20200911112843.png查询百度报错如下:Propertyormethod“xxx”isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents
- Webstorm安装了vue脚手架后终端输入vue报错解决方法
熹小雨Marain
webstormvue.jside
当我们初学Vue的时候,刚安装完Vue脚手架之后,输入vue报错,是因为webstorm终端受限制了。vue:无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上`禁止运行脚本`。解决方案如下:通过powershell去解除Execution_Policies(运行策略)的限制。第1步:第2步:输入get-Executio
- vue报错:[vuex] unknown action type: user/doLogin
煸橙干儿~~
VUE实战vue.js前端javascript
vue项目中,使用vuex进行状态管理,出现一下错误的原因是:store/modules的命名空间(namespaced)有误解决办法:1、查看是否有设置namespaced:true2、查看namespaced拼写是否错误
- vue报错之Duplicate keys detected: ‘0‘. This may cause an update error.
Star航仔
vue.jsjavascript前端
运行vue项目的时候,出现了[Vuewarn]:Duplicatekeysdetected:'0'.Thismaycauseanupdateerror(错误,检测到重复的key值:”0“,这可能会导致更新错误)错误原因:我们在使用v-for的时候,都要必须加上一个唯一的key值,但是这里写了两个for循环,尽管都加上了key值,然而又将key的值写成一样的了。所以就导致了警告。解决办法:可以将其中
- Vue报错:[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives.
Tara___
vue.js
编译工具:VSCode编译错误如图**解决办法:文件→选择首选项→设置→在搜索框中输入:vetur.validation.template将Vetur›Validation:Template下的插件关掉如图:**
- Vue报错: [vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives.
skyStreetDog
▶前端#【Vue】vuevetur前端报错
问题VUE报错:[vue/require-v-for-key]Elementsiniterationexpecttohave‘v-bind:key’directives.eslint-plugin-vuePeekProblem(Alt+F8)Noquickfixesavailable解决1:文件—首选项—设置—搜索:vetur.validation.template—将对钩去掉2:问题解决
- vue报错——[vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key‘ directives.
要加油哦~
编程中的错误总结vue.jsjavascript前端
[vue/require-v-for-key]Elementsiniterationexpecttohave'v-bind:key'directives.[vue/require-v-for-key]迭代中的元素期望具有“v-bind:key”指令。在v-for循环中,会报错解决方法:在v-for循环后加上:key=""。Vue2.2.0+的版本里,当在组件中使用v-for时,key是必须的参考:
- vue报错 NavigationDuplicated: Avoided redundant navigation to current location:
yasuo56
vue.jsjavascript前端
在项目中点击关于本页面的路由时会报这个错误这个错误的意思是NavigationDuplicated:避免了对当前位置的冗余导航简单点来说就是你这小子已经在我这里了怎么还在叫老子如何解决这个问题?你可以在router的配置文件index中写入以下代码importVueRouterfrom'vue-router';constoriginalPush=VueRouter.prototype.pushVu
- 记录 | vue报错:Module not found: Error: Can‘t resolve ‘vue-cookies’ in ‘XXX’
taotu_tao
在bug中前行Vuevue.js前端javascript
CSDN话题挑战赛第2期参赛话题:学习笔记在vue项目中引入cookies的时候发现终端报了错ERRORin./src/router/index.js4:0-34Modulenotfound:Error:Can'tresolve'vue-cookies'in'xxx'报错原因:通过查看packgae.json文件发现vue-cookies安装错了(应该是安装的时候使用npmicookise命令)解
- Vue报错SyntaxError: Unexpected token ‘>‘ 终极解决办法
快乐学习。
前端vue.js前端javascript
是否有被“SyntaxError:Unexpectedtoken'>'”折磨的恐惧?代码反反复复查了好几遍就是找不出问题不妨看看下面代码request.post(url,res).then(result=>{仔细看下“=”跟“>”中间有没有空格!一个折磨我两个小时的问题终于解决了!
- 解决:Component name “index“ should always be multi-word
小超^_^
javascript前端vue.js
一、背景vue报错:Componentname"Index"shouldalwaysbemulti-word二、原因要求组件名称以驼峰格式命名,自定义组件名称应该由多单纯组成,防止和html标签冲突,所以Index.vue会报错三、解决方案1、按照规则,将组件名称改为驼峰格式,如:firstIndex.vue2、若有.eslintrc.js文件,并在规则中(rules)关闭命名规则:'vue/mu
- vue报错 ‘超出最大堆栈大小‘
贰零壹玖.
vue.js前端javascript
当Vue应用程序报错"超出最大堆栈大小"时,通常是由于递归调用导致的无限循环或过深的函数调用堆栈。要解决这个问题,你可以尝试以下几种方法:检查是否存在无限递归:检查你的代码中是否存在无限递归调用。递归调用是指一个函数反复调用自身,直到达到某个条件退出。如果没有正确的退出条件,就会导致无限循环,最终达到浏览器设置的最大堆栈大小。优化函数调用堆栈:如果你的代码中存在过深的函数调用堆栈,可以考虑优化它们
- vue2+webpack升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘)
中二少年学编程
vue3实战专栏vue.js前端vue
同学们可以私信我加入学习群!正文开始前言问题分析解决总结前言系列文章:vue2+webpack升级vue3+vite,修改插件兼容性bug前面的文章主要是介绍,在升级初始阶段遇到的一些显而易见的兼容性问题和bug。随着项目迭代的不断深入,一些不容易暴露的问题也渐渐呈现。本文主要记录一些开发重构过程中的bug问题vue报错Cannotreadpropertiesofnull(reading‘isCE
- 【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令,也不是...”的解决办法 ----
GitHub质检员
优质好文分享vue.js前端javascript
问题描述项目执行npmrunserve后报错-产生原因(最大概率原因)由于在该代码中含有node_module依赖包,再拷贝到其他计算机时,项目路径发生变化,导致找不到vue-cli-service于是报错(其他出错情况,见下文扩展)因为该问题是出现在其他计算机上的,我本机上一直没有问题没有复现出bug,所以出错原因只是分析得出。而出现这个报错的情况也不止这一种,具体写在下文扩展中。解决办法删除n
- Vue报错 Cannot find module ‘../../modules/es6.symbol‘解决办法
洛洛31
vue.jses6前端
在进行webpack打包的时候,会出现Cannotfindmodule'XXX’的错误,找不到某个模块的错误,今天给出解决方法:直接进行npminstall重新打包;如果npminstall重新打包之后,仍然出现这个问题,可以进行删除node_modules文件夹,同时清除缓存,如下命令:rm-rfnode_modulesnpmcacheclean--forcenpminstall如果以上方法依然
- vue报错 Object(...)is not a funtion
南玖i
vuejavascriptvue.js
Object(...)isnotafunction表示的就是这个对象不是一个函数的意思,这时候我们就要好好检查一下如下细节:1、函数命名是否是错误的2、当前界面调用别的引用文件的时候大小写是不是写错了3.先去看你用的这个方法是不是一个promise对象,不是promise的话不能.then!!http.post或者http.get都是promise对象重点:如果不知道如何看的话,直接console
- vue报错:Missing space before function parentheses
蓝不蓝编程
问题描述Missingspacebeforefunctionparentheses解决方案修改项目根目录下.eslintrc.js文件,在rules节点下增加"space-before-function-paren":0,再次运行:npmrundev即可。附录参考资料:https://www.jianshu.com/p/2f5cded8a2d3
- vue报错 TypeError Object(...) is not a function
屲亣猿猿
JavaScriptvue.js前端javascript
因为项目的原因,最近一直在写前端,从一个小白接触前端,随手记录总结了一点东西,大佬勿喷。相信大家在做vue项目的时候会遇到很多报错,这对刚入门的小白特别不友好,因为前端不像后端调试错误那么方便,许多小伙伴也是很头疼。错误描述:TypeError:Object(...)isnotafunction这种问题常见的原因如下:data中的数据和methods中的方法重名,解决办法:将名字修改即可。在这里我
- 1. Mac安装vue报错
颓废的四哥
日常报错整理vue.jsnpm
error:permissiondenied,access‘/usr/local/lib/node_modules’解决方案:用户没有权限,命令前面加sodosudonpminstall-g@vue/cli
- Error: error:0308010C:digital envelope routines::unsupported
走在学java的路上
vscodevuevue.jsjava前端
Vue报错error:0308010C:digitalenveloperoutines::unsupported出现这个错误是因为node.jsV18版本中最近发布的OpenSSL3.0,而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响.就是版本太高方法1package.json-->>scripts//添加如下setNODE_OPTIONS=--opens
- Vue报错合集
前端小卡拉米
vue.js前端javascript
1.[Vuewarn]:Pluginhasalreadybeenappliedtotargetapp.原因:插件重复注册。检查使用插件的代码2.[Vuewarn]:Invalidprop:typecheckfailedforprop"data".ExpectedArray,gotObjectat...原因:在组件的属性中,期望的类型是数组(Array),但实际传入的是对象(Object)。检查数据
- VUE报错You are using the runtime-only build of Vue where the template compiler is not available
Miku九岁
https://zhengkai.blog.csdn.net/article/details/107182655
- el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法
百思不得小李
vue2JS实战记录vue.jselementui前端
今天用到饿了么的级联选择器时出现了这个报错Errorincallbackforwatcher“options“:“TypeError:Cannotreadpropertie‘level‘ofnull,因为需求是在不同类型el-cascader多选的时候默认是可以勾选所有级的选项的,如下图:包含级联cascader的options、select的option出现此报错的原因:在cascader、se
- Vue-报错No “exports“ main defined in xx
@年年
前端前端vue.jsjavascript
vue报错:No"exports"maindefinedinF:\wjh\vue#Practice\EasyQuestionnaire-web-master\EasyQuestionnaire-web-master\node_modules\@babel\helper-compilation-targets\package.json1.在文件中找到该路径的package.json文件,2.按照提示
- Vue报错 Argument of type ‘any‘ is not assignable to parameter of type ‘never‘.
lina_lee1
javamybatis开发语言
项目导入时出现该报错报错内容:Argumentoftype'any'isnotassignabletoparameteroftype'never'.ts(2345)constuserInfo:{userIcon:string;realname:string;sex:string;}尝试以下解决但role这边仍有报错,错误内容:Property'role'doesnotexistontype'{us
- 如何用ruby来写hadoop的mapreduce并生成jar包
wudixiaotie
mapreduce
ruby来写hadoop的mapreduce,我用的方法是rubydoop。怎么配置环境呢:
1.安装rvm:
不说了 网上有
2.安装ruby:
由于我以前是做ruby的,所以习惯性的先安装了ruby,起码调试起来比jruby快多了。
3.安装jruby:
rvm install jruby然后等待安
- java编程思想 -- 访问控制权限
百合不是茶
java访问控制权限单例模式
访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问
一:包访问权限;
自定义包:
package com.wj.control;
//包
public class Demo {
//定义一个无参的方法
public void DemoPackage(){
System.out.println("调用
- [生物与医学]请审慎食用小龙虾
comsci
生物
现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....
所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质
- org.apache.jasper.JasperException: Unable to compile class for JSP:
商人shang
maven2.2jdk1.8
环境: jdk1.8 maven tomcat7-maven-plugin 2.0
原因: tomcat7-maven-plugin 2.0 不知吃 jdk 1.8,换成 tomcat7-maven-plugin 2.2就行,即
<plugin>
- 你的垃圾你处理掉了吗?GC
oloz
GC
前序:本人菜鸟,此文研究学习来自网络,各位牛牛多指教
1.垃圾收集算法的核心思想
Java语言建立了垃圾收集机制,用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险:因内存垃圾过多而引发的内存耗尽,以及不恰当的内存释放所造成的内存非法引用。
垃圾收集算法的核心思想是:对虚拟机可用内存空间,即堆空间中的对象进行识别
- shiro 和 SESSSION
杨白白
shiro
shiro 在web项目里默认使用的是web容器提供的session,也就是说shiro使用的session是web容器产生的,并不是自己产生的,在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起,这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID,当关闭浏览器,此
- 移动互联网终端 淘宝客如何实现盈利
小桔子
移動客戶端淘客淘寶App
2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元,同比增长100%。而来自移动端的分成达1亿元,其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出,虽然目前阶段PC端对于淘客而言仍旧是盈利的大头,但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机,平板)的加速普及而更加迅猛
- wordpress小工具制作
aichenglong
wordpress小工具
wordpress 使用侧边栏的小工具,很方便调整页面结构
小工具的制作过程
1 在自己的主题文件中新建一个文件夹(如widget),在文件夹中创建一个php(AWP_posts-category.php)
小工具是一个类,想侧边栏一样,还得使用代码注册,他才可以再后台使用,基本的代码一层不变
<?php
class AWP_Post_Category extends WP_Wi
- JS微信分享
AILIKES
js
// 所有功能必须包含在 WeixinApi.ready 中进行
WeixinApi.ready(function(Api) {
// 微信分享的数据
var wxData = {
&nb
- 封装探讨
百合不是茶
JAVA面向对象 封装
//封装 属性 方法 将某些东西包装在一起,通过创建对象或使用静态的方法来调用,称为封装;封装其实就是有选择性地公开或隐藏某些信息,它解决了数据的安全性问题,增加代码的可读性和可维护性
在 Aname类中申明三个属性,将其封装在一个类中:通过对象来调用
例如 1:
//属性 将其设为私有
姓名 name 可以公开
- jquery radio/checkbox change事件不能触发的问题
bijian1013
JavaScriptjquery
我想让radio来控制当前我选择的是机动车还是特种车,如下所示:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
- AngularJS中安全性措施
bijian1013
JavaScriptAngularJS安全性XSRFJSON漏洞
在使用web应用中,安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制,用来防护来自两个常见攻击方向的网络攻击。
一.JSON漏洞
当使用一个GET请求获取JSON数组信息的时候(尤其是当这一信息非常敏感,
- [Maven学习笔记九]Maven发布web项目
bit1129
maven
基于Maven的web项目的标准项目结构
user-project
user-core
user-service
user-web
src
- 【Hive七】Hive用户自定义聚合函数(UDAF)
bit1129
hive
用户自定义聚合函数,用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。
问题:UDF也可以提供输入多个参数然后输出一个结果的运算,比如加法运算add(3,5),add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么?
Double evaluate(Double a, Double b)
- 通过 nginx-lua 给 Nginx 增加 OAuth 支持
ronin47
前言:我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算,阅读下面的文档,实现自动化并获得收益。SeatGeek 在过去几年中取得了发展,我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块,比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中,我们使用了几个不同的接口来认证:
&n
- 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法
bsr1983
session
在利用tomcat-redis-session-manager做session同步时,遇到了在session保存一个自定义对象时,修改该对象中的某个属性,session未进行序列化,属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明: Session Change Tracking
As noted in the &qu
- 《代码大全》表驱动法-Table Driven Approach-1
bylijinnan
java算法
关于Table Driven Approach的一篇非常好的文章:
http://www.codeproject.com/Articles/42732/Table-driven-Approach
package com.ljn.base;
import java.util.Random;
public class TableDriven {
public
- Sybase封锁原理
chicony
Sybase
昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定,不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据,因此立马着手解决该表的解锁问题。 无奈此前没有接触过Sybase IQ12.7这套数据库产品,加之当时已属于下班时间无法求助于支持人员支持,因此只有借助搜索引擎强大的
- java异常处理机制
CrazyMizzz
java
java异常关键字有以下几个,分别为 try catch final throw throws
他们的定义分别为
try: Opening exception-handling statement.
catch: Captures the exception.
finally: Runs its code before terminating
- hive 数据插入DML语法汇总
daizj
hiveDML数据插入
Hive的数据插入DML语法汇总1、Loading files into tables语法:1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释:1)、上面命令执行环境为hive客户端环境下: hive>l
- 工厂设计模式
dcj3sjt126com
设计模式
使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式
工厂模式(Factory)允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。
Example #1 调用工厂方法(带参数)
<?phpclass Example{
- mysql字符串查找函数
dcj3sjt126com
mysql
FIND_IN_SET(str,strlist)
假如字符串str 在由N 子链组成的字符串列表strlist 中,则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串,而第二个是type SET列,则 FIND_IN_SET() 函数被优化,使用比特计算。如果str不在strlist 或st
- jvm内存管理
easterfly
jvm
一、JVM堆内存的划分
分为年轻代和年老代。年轻代又分为三部分:一个eden,两个survivor。
工作过程是这样的:e区空间满了后,执行minor gc,存活下来的对象放入s0, 对s0仍会进行minor gc,存活下来的的对象放入s1中,对s1同样执行minor gc,依旧存活的对象就放入年老代中;
年老代满了之后会执行major gc,这个是stop the word模式,执行
- CentOS-6.3安装配置JDK-8
gengzg
centos
JAVA_HOME=/usr/java/jdk1.8.0_45
JRE_HOME=/usr/java/jdk1.8.0_45/jre
PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
export JAVA_HOME
- 【转】关于web路径的获取方法
huangyc1210
Web路径
假定你的web application 名称为news,你在浏览器中输入请求路径: http://localhost:8080/news/main/list.jsp 则执行下面向行代码后打印出如下结果: 1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
- php里获取第一个中文首字母并排序
远去的渡口
数据结构PHP
很久没来更新博客了,还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算,需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的:
Array
(
[0] => Array
(
[sid] => 2885842
[recetcstoredpay] =&g
- java内部类
hm4123660
java内部类匿名内部类成员内部类方法内部类
在Java中,可以将一个类定义在另一个类里面或者一个方法里面,这样的类称为内部类。内部类仍然是一个独立的类,在编译之后内部类会被编译成独立的.class文件,但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类,外部类继承一个类,实现多继承。
&nb
- Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten
zhb8015
maven pom.xml关于hibernate的配置和异常信息如下,查了好多资料,问题还是没有解决。只知道是包冲突,就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。
maven pom:
<dependency>
<groupId>org.hibernate</groupId>
<ar
- Spark 性能相关参数配置详解-任务调度篇
Stark_Summer
sparkcachecpu任务调度yarn
随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。
由于篇幅较长,所以在这里分篇组织,如果要看最新完整的网页版内容,可以戳这里:http://spark-config.readthedocs.org/,主要是便
- css3滤镜
wangkeheng
htmlcss
经常看到一些网站的底部有一些灰色的图标,鼠标移入的时候会变亮,开始以为是js操作src或者bg呢,搜索了一下,发现了一个更好的方法:通过css3的滤镜方法。
html代码:
<a href='' class='icon'><img src='utv.jpg' /></a>
css代码:
.icon{-webkit-filter: graysc