• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序使用wxs在页面中调用js函数,颜色值格式转换rgb和十六进制的转换 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
<wxs module="filter">
var filter = {
  numberToFix: function (hex) {
      // 16进制颜色值的正则
        // var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
        var reg = getRegExp('^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$','g');
        console.log(reg);
        console.log('结束');
        // 把颜色值变成小写
        var color = hex.toLowerCase();
        if (reg.test(color)) {
            // 如果只有三位的值,需变成六位,如:#fff => #ffffff
            if (color.length === 4) {
                var colorNew = "#";
                for (var i = 1; i < 4; i += 1) {
                    colorNew += color.slice(i, i + 1).concat(color.slice(i, i + 1));
                }
                color = colorNew;
            }
            // 处理六位的颜色值,转为RGB
            var colorChange = [];
            for (var i = 1; i < 7; i += 2) {
                colorChange.push(parseInt("0x" + color.slice(i, i + 2)));
            }
            console.log('ygy1');
            return "RGB(" + colorChange.join(",") + ")";
        } else {
            console.log('ygy2');
            return color;
        }
  },
  
}
module.exports = {
  numberToFix: filter.numberToFix
}

</wxs>

<view class="recharge-list is-active" style="
background-color:
 

参考:

1、https://blog.csdn.net/weixin_34049948/article/details/93310218

2、https://developers.weixin.qq.com/community/develop/doc/000cc054f101c0ebbb399ca2751000?highLine=wxs%2520%25E4%25B8%25AD%25E6%2594%25AF%25E6%258C%2581%25E6%25AD%25A3%25E5%2588%2599%25E8%25A1%25A8%25E8%25BE%25BE%25E5%25BC%258F

3、https://www.liaoxuefeng.com/wiki/1022910821149312/1023021582119488

4、https://blog.csdn.net/mossbaoo/article/details/93484635


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
个微信小程序云开发云函数发布时间:2022-07-18
下一篇:
小程序与后台数据交互时出现乱码时发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap