
项目中常会用到心型图标表示收藏,一般是灰线框无填色表示未收藏状态,填充的带颜色为已收藏状态。 以往做法通常是用到两个svg图标,用css的display控制相应图标。这样其实有点傻的感觉。当然用iconfont, 雪碧图结合类名可实现仅用类…
共17项
项目中常会用到心型图标表示收藏,一般是灰线框无填色表示未收藏状态,填充的带颜色为已收藏状态。 以往做法通常是用到两个svg图标,用css的display控制相应图标。这样其实有点傻的感觉。当然用iconfont, 雪碧图结合类名可实现仅用类…
小程序自定义tabbar动态更新购物车数量,用常规的组件间传值方法似是不可行。实践分两步可行: 每一步,加入购物车成功时定义缓存Storage值,如 let _num = wx.setStorageSync(‘CART_COUNT’, nu…
中文版产品转换支持多语言处理方案: Php里用 _e(), __()等方法且中文写描述文字相关;js用到的文案用wp_localize_script() 方法统一在php设定对应变量; 对应__e,__()里的中文补充英文译文;…
一开始在sass这样写的,gulp给我过滤掉了-webkit-sticky… 然后Chromre有效,但Safari失效。 .sticky{ top:0; position: -webkit-sticky; position: …
原本用data:img/svg+xml;utf-8,<svg …. 这种写法,将svg作为css引入的背景图,既矢量,又能比base64更小,本来是不错的方案。但升级到最新Chrome (72.0.3626.109) 发觉…
JQuery (版本3.0以下) 不能直接用addClass()或removeClass()或toggleClass()来控制SVG。但.attr() 方法支持SVG的类名控制: // 代替 .addClass(“newclass”) $(…
如图示,这种卡券的锯齿效果,可用css radial-gradient 的 circle属性来实现。 [codepen_embed height=”265″ theme_id=”0″ slug…
svg图标处理时,个人会习惯使用如下工具,且都是在线的(正常点的,或者说正版前端应该会用gulp之类吧?) https://jakearchibald.github.io/svgomg/ 爱死这个在线工具了,你可以直接将sketch或ps里…