精华内容
下载资源
问答
  • 通过银行卡号获取银行名称和银行图标的ICON
    千次阅读
    2020-02-21 16:15:13

    通过银行卡号获取银行名称和银行图标的ICON


    1、构建一个结果类

    import java.io.Serializable;
    import java.util.List;
    
    /**
     * @author Created by 谭健 on 2020/2/20. 星期四. 16:23.
     * © All Rights Reserved.
     * <p>
    更多相关内容
  • 阿里用的银行icon包含大图和小图,以及下载地址、和json数据。
  • 根据银行卡号获取所属银行,卡类型 及银行icon图标,代码可直接复用,粘贴进项目直接调用即可,极大方便了前端开发者对银行卡的校验,仅供互相学习使用
  • 银行logo大全--bank icon

    2019-04-28 18:23:10
    银行logo图标大全,中国全套银行icon图标资源,拿出来分享
  • 全国所有银行logo

    2019-02-16 10:47:20
    该资源整合了现在市场上最全的银行logo图片,试用于h5、App、IOS
  • 61家银行icon

    2013-11-27 22:12:01
    61家银行icon,自己收集的,方便大家在开发中使用,如果好得请给个好评。
  • 最近在做银行项目 收集了100多个银行图标 都是高清 最近更新
  • 1、599家银行logo的icon图标。文件名对应银行名称,全部png图标; 2、如需设计需要psd原图,可私信我。
  • bank-icon-cn 这是 官方使用的银行图标库。 这里有大多数的中国的银行标识(PNG,SVG,Sketch...),当然,你也可以向我提供现在这里没有的。 另外,推荐一个相关的字体项目:
  • 银行图标logo

    2016-08-19 13:43:24
    22个银行的图标,用户开发选择银行logo用。
  • 关于css图标icon的六种实现方法

    万次阅读 2019-03-21 00:08:41
    关于icon,可以有6种方法来实现icon img 法 background 法 css sprites 法 font 法 SVG 法 CSS法 1、img 法 顾名思义用img标签插入图片。 缺点:图片过多时,增加服务器请求,当然你可以使用cdn。 2、...

    关于icon,可以有6种方法来实现icon

    • img 法
    • background 法
    • css sprites 法
    • font 法
    • SVG 法
    • CSS法

     

    1、img 法

    顾名思义用img标签插入图片。

    缺点:图片过多时,增加服务器请求,当然你可以使用cdn。

     

    2、background 法

    把图片放在css背景标签中,background属性能够控制图片居中,平铺,横向或者纵向自适应剪裁,在做复杂的图片处理时用background属性比img标签要好。

     

    3、css sprites 法

    国内一般叫雪碧图或者精灵图,思路就是将多张图片拼成一张背景图,然后选择性展示背景图某一部分来达到展示不同icon的目的。

    优点:减少请求。

    可以用网上的css sprites生成器生成,然后将每张icon的位置代码复制粘贴即可。

    https://spritegen.website-performance.org/

     

    4、font 法

    简单的说就是用字体做icon,有些设计师将一些常用的icon集合做成了一套字体,通过字体选择将icon打出来,跟搜狗输入法的特殊符号有点像,不过大小不太好调整,得用font-size。

     

    5、SVG 法

    目前比较流行的方法,用svg矢量图做成icon图标。比如阿里巴巴矢量图图标库,比如搜索iphone,会有很多设计师设计的svg图片供你使用,选好图片后创建项目,生成js代码,按照教程将网站上生成的icon图标代码拷贝至你的代码中即可。

    优点:无论放多大都不存在图片锯齿。

    https://www.iconfont.cn/

     

    6、css 法

    很简单、用你学到的css知识写出来

    有个哥们在github上弄了一个项目,纯css写icon。目前已经写了几十个icon,有兴趣的可以去了解并尝试,该方法比较考验css技巧。

    https://cssicon.space/#/

    展开全文
  • ** 1.由于Flutter中的图标太多,并且无法直观地进行预览,因为把所有的图标截图下来展示,以便可以快速找到你想要的图标! **

    **

    1.由于Flutter中的图标太多,并且无法直观地进行预览,因为把所有的图标截图下来展示,以便可以快速找到你想要的图标!

    **
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • uniapp银行卡卡片

    2021-09-27 09:24:39
    组件bank-item.vue <template> <view class="bank-item" :...canvas v-if="showCanvas" class="bank-icon" :id="uuid" :canvas-id="uuid" /> <!-- #endif --> <!-- #ifdef MP-WEIXIN --&

    1.组件bank-item.vue

    <template>
    	<view class="bank-item" :style="bankThem">
    		<!-- #ifndef MP-WEIXIN -->
    		<canvas v-if="showCanvas" class="bank-icon" :id="uuid" :canvas-id="uuid" />
    		<!-- #endif -->
    		<!-- #ifdef MP-WEIXIN -->
    		<canvas v-if="showCanvas" class="bank-icon" id="bankIcon" canvas-id="bankIcon" />
    		<!-- #endif -->
    		<view class="bank-head">
    			<image :src="image"></image>
    			<view class="bank-info">
    				<text class="bank-name">{{bankName}}</text>
    				<text class="card-type">{{cardType}}</text>
    			</view>
    		</view>
    		<view class="card-code">
    			<text class="omit">****</text>
    			<text class="omit">****</text>
    			<text class="omit">****</text>
    			<text>{{endNumber}}</text>
    		</view>
    		<view class="bank-watermark" :style="waterMark" />
    	</view>
    </template>
    
    <script>
    	export default {
    		name: 'bankItem',
    		props: {
    			bankCode: { type: String, required: true},
    			bankName: { type: String, required: true},
    			cardType: { type: String, default: '储蓄卡' },
    			cardCode: { type: String, required: true}
    		},
    		computed: {
    			waterMark() {
    				return `background-image: url(${this.image});`
    			},
    			endNumber() {
    				let length = this.cardCode.length;
    				return this.cardCode.substr(length - 4, length);
    			}
    		},
    		data() {
    			// #ifndef MP-WEIXIN
    			const buildUuid = () => {
    				return 'bank_' + parseInt(Math.random() * 100000000);
    			};
    			// #endif
    			return {
    				bankThem: '',
    				image: '',
    				showCanvas: true,
    				// #ifdef MP-WEIXIN
    				uuid: 'bankIcon',
    				// #endif
    				// #ifndef MP-WEIXIN
    				uuid: buildUuid()
    				// #endif
    			};
    		},
    		methods: {
    			async buildItem() {
    				this.bankThem = uni.getStorageSync(`BANK_${this.bankCode}`);
    				this.image = await this.getBankLogo();
    				await this.getThemColor();
    				this.showCanvas = false;
    			},
    			async getThemColor() {
    				if(this.bankThem != null && this.bankThem != '') return;
    				let bgSize = uni.upx2px(100);
    				let iconSize = uni.upx2px(72);
    				this.iconContext = uni.createCanvasContext(this.uuid, this);
    				this.iconContext.width = bgSize;
    				this.iconContext.height = bgSize;
    				this.iconContext.fillStyle = '#FFFFFF';
    				this.iconContext.beginPath();
    				let bgRadio = bgSize / 2;
    				this.iconContext.arc(bgRadio, bgRadio, bgRadio - 1 , 0, 2 * Math.PI, 0, true);
    				this.iconContext.closePath();
    				this.iconContext.fill();
    				let iconRadio =  bgSize / 2 - iconSize / 2;
    				this.iconContext.drawImage(this.image, iconRadio, iconRadio, iconSize, iconSize);
    				await this.draw(this.iconContext);
    				let imageData = await this.getImageData(iconRadio, iconSize);
    				this.parsingImageData(imageData);
    			},
    			parsingImageData(imageData) {
    				let statistics = {};
    				for (let i = 0, length = imageData.length; i < length; i += 4) {
    					let r = imageData[i];
    					let g = imageData[i + 1];
    					let b = imageData[i + 2];
    					if((r + g + b) < 400) {
    						let rgb = [r, g, b];
    						let key = rgb.join(', ');
    						statistics[key] = statistics[key] == null ? 1 : statistics[key] + 1;
    					}	
    				}
    				let maxKey = '';
    				Object.keys(statistics).forEach(key => {
    					if (maxKey === '') {
    						maxKey = key;
    					} else {
    						maxKey = statistics[maxKey] > statistics[key] ? maxKey : key;
    					}
    				});
    				let beginColor =  maxKey.split(', ').map((item, index) => {
    					item = parseInt(item);
    					if(index > 1) return item;
    					let newColor = item + 50;
    					return newColor > 255 ? 255 : newColor;
    				}).join(', ');
    				this.bankThem = `background-image: linear-gradient(45deg, rgba(${beginColor}, 1), rgba(${maxKey}, 1));`;
    				uni.setStorageSync(`BANK_${this.bankCode}`, this.bankThem);
    			},
    			getImageData(radio, size) {
    				return new Promise((resolve, reject) => {
    					uni.canvasGetImageData({
    							canvasId: this.uuid,
    							x: radio,
    							y: radio,
    							width: size,
    							height: size,
    							success(res) {
    								resolve(res.data);
    							},
    							fail(err) {
    								console.log(err);
    								reject();
    							}
    						},
    						this
    					);
    				});
    			},
    			getBankLogo() {
    				return new Promise((resolve, reject) => {
    					uni.downloadFile({
    						url: `https://banklogo.yfb.now.sh/resource/logo/${this.bankCode}.png`,
    						success(res) {
    							resolve(res.tempFilePath);
    						},
    						fail(err) {
    							console.log(err);
    							reject();
    						}
    					});
    				});
    			},
    			draw(context, reserve = false) {
    				return new Promise((resolve) => {
    					context.draw(reserve, () => {
    						resolve();
    					});
    				});
    			}
    		},
    		created() {
    			this.$nextTick(() => {
    				this.buildItem();
    			});
    		}
    	};
    </script>
    
    <style>
    	.omit {
    		font-size: 48rpx;
    		margin-right: 30rpx;
    	}
    	.card-code {
    		margin-top: 15rpx;
    		display: flex;
    		justify-content: flex-end;
    		color: #FFFFFF;
    		font-size: 38rpx;
    	}
    	.flex-1 {
    		flex: 1;
    	}
    	.card-type {
    		font-size: 24rpx;
    		color: #F1F1F1;
    	}
    	.bank-name {
    		font-size: 32rpx;
    		color: #FFFFFF;
    	}
    	.bank-info {
    		display: flex;
    		flex-direction: column;
    		margin-left: 30rpx;
    	}
    	.bank-head {
    		display: flex;
    		flex: 1;
    		align-items: center;
    	}
    	.bank-head image {
    		width: 100rpx;
    		height: 100rpx;
    		padding: 15rpx;
    		background-color: #FFFFFF;
    		border-radius: 50%;
    		overflow: hidden;
    	}
    	.bank-icon {
    		position: absolute;
    		top: 20rpx;
    		left: 20rpx;
    		width: 100rpx;
    		height: 100rpx;
    	}
    	.bank-watermark {
    		position: absolute;
    		right: -184rpx;
    		bottom: 0rpx;
    		width: 144rpx;
    		height: 90rpx;
    		background-repeat: no-repeat;
    		filter: drop-shadow(-204rpx 0rpx 0rpx #fff);
    		opacity: 0.1;
    	}
    	.bank-item {
    		position: relative;
    		flex: 1;
    		height: 280rpx;
    		margin-top: 20rpx;
    		position: relative;
    		border-radius: 20rpx;
    		padding: 20rpx;
    	}
    	.bank-item:after {
    		content: "";
    		display: block;
    		background: inherit;
    		filter: blur(10rpx);
    		position: absolute;
    		width: 100%;
    		height: 100%;
    		top: 10rpx;
    		left: 10rpx;
    		z-index: -1;
    		opacity: 0.4;
    		transform-origin: 0 0;
    		border-radius: inherit;
    		transform: scale(1, 1);
    	}
    </style>
    

    2.调用

    <template>
    	<view>
    		<view class="content">
    			<bank-item bankCode="ABC" bankName="中国农业银行" cardCode="5106365987639"/>
    			<bank-item bankCode="ICBC"  bankName="中国工商银行" cardCode="5106365986893"/>
    			<bank-item bankCode="CCB"  bankName="中国建设银行" cardCode="5106365982687"/>
    			<bank-item bankCode="ZZBANK"  bankName="郑州银行" cardCode="5106365983698"/>
    		</view>
    	</view>
    </template>
    
    展开全文
  • 各大银行的图标(ico)

    热门讨论 2009-12-07 14:13:07
    各大银行的图标,呵呵,个人爱好收集,仅参考。
  • 部分常见银行的名称和图标对应表

    千次阅读 2020-10-09 10:44:45
    ([Id], [BankName], [Logo], [BackgroundImg]) VALUES (1, N’其它银行’, N’http://img.hmeshop.cn/RLS/BankLogo/BankImage/bank_0_1.png’, N’http://img.hmeshop.cn/RLS/BankLogo/BankImage/bank_0.png’) ...
  • "SRCB": "深圳农村商业银行", "BGB": "广西北部湾银行", "SHRCB": "上海农村商业银行", "BJBANK": "北京银行", "WHCCB": "威海市商业银行", "BOZK": "周口银行", "KORLABANK": "库尔勒市商业银行", ...
  • 各大银行logo集合

    2019-04-15 11:02:32
    收集目前比较火的几大银行logo,icon,用于页面开发与展示
  • 银行logo.rar

    2019-12-16 15:37:55
    部分银行ICON图片,头部的截取部分,不搭中文英文,纯头部ICON。 部分JPG,部分PNG,都是网络收集,相对不叫全了。
  • 前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的class样式。...
  • 几百个个银行图标 你要的都在这里 打包下载 高清几百个个银行图标 你要的都在这里 打包下载 高清几百个个银行图标 你要的都在这里 打包下载 高清几百个个银行图标 你要的都在这里 打包下载 高清几百个个银行图标 你...
  • 中国各大银行logo.zip

    2021-07-12 15:57:17
    中国各大银行LOGO icon,适用APP开发
  • 根据银行卡号码获取银行卡归属地信息接口地址: https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?_input_charset=utf-8&cardNo=银行卡卡号&cardBinCheck=true 就是普通的get请求,然后把银行...
  • 之前做商城的时候遇到过根据银行卡号码获取银行归属地信息以及银行logo的需求,当初参考的是网上的一篇博客 android根据银行卡卡号判断银行 后来觉得数据不够权威或者数据信息不全,最近又发现了一个新的api接口,...
  • 12个Icon图标资源网站

    2014-08-28 22:28:00
    1.除了Icon以外,还有很多不错的UI设计素材。 地址:http://worldui.com/2.除了免费Icon资源下载以外,还提供Icon定制的付费服务。地址:http://dryicons.com/3.很喜欢这个icon资源站的展示方式。地址:...
  • 2.html和js,这里输入银行卡号,获取用户名称;采用失去焦点,调用cardInput方法 html: <view class="cardnum"> <input type="number" v-model="cardNum" @blur="cardInput" class="fs28" placeholde
  • 全国银行列表json格式

    千次阅读 2019-10-07 16:19:51
    var list=[ { value:'CDB', text:'国家开发银行' }, { value:'ICBC', text:'中国工商银行' }, { value:'ABC', text:'中国农业银行' }, ...
  • 请看连接:...登入网上银行  2.选择跨行现金管理-----管理中行账户 -----被动查询开关-------开通在线认证--------取消在线认证

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,534
精华内容 1,413
关键字:

银行icon