uniapp switch开关功能

最近公司电商app确认订单页面种配送方式由默认的快递改为了快递+自提的可选择配送方式。

这个功能是需要用到switch开关功能。

为了实现能够展示文字的这种方式，通过Uniapp插件市场可以找到如下的插件：

switch开关插件的链接https://ext.dcloud.net.cn/plugin?id=2269

switch开关插件使用方法

1. 页面引用插件

	import yjySwitch from "@/components/yjy-switch/yjy-switch.vue"

2. 注册插件

components: {
	yjySwitch
},

3. 使用插件

data(){
	return{
	switchDefaultValue: 0,
	switchListText: [{
	        title: '快递',
	        value: 0
	    },
	    {
	        title: '自提',
	        value: 1
	    }
	]}
},
methods:{
	switchChangeFun(e) {
       console.log('触发 switchChangeFun');
       console.log(e);
       //重新赋值，改变该值用于设置switch默认值
       this.switchDefaultValue = e.swithcSelectItem.value;
	},
}

<yjy-switch
	style="width: 160upx;float:right;"
    @switchFunction="switchChangeFun"
    :switchType="'text'"
    :defaultColor="'#FF4B4B'"
    :highColor="'#FFFFFF'"
    :defaultValue="switchDefaultValue"
    :switchList="switchListText"
    :itemIndex="0"></yjy-switch>

4. 插件样式有些许改动，为了能够保证长圆形背景颜色及边框一致。
   插件内容如下：

<template>
	<view class="yjy-switch-container" :style="{ 'border-color': '' + defaultColor,background:defaultColor }" >
		<view
			v-for="(item, index) in switchArr"
			:key="index"
			class="yjy-switch-item"
			:class="{
				'yjy-switch-selected': defaultValue == item.value ? true : false
			}"
			@click="itemClick(item)"
			:style="{
				color: (defaultValue == item.value ? true : false) ? defaultColor:highColor,
				background: (defaultValue == item.value ? true : false) ? highColor : ''
			}"
			
		>
			<i v-if="switchType == 'icon'" class="uni-icon " :class="item.title"></i>
			<view v-if="switchType == 'text'">{{ item.title }}</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'YJYSwitch',
	props: {
		//默认选中的值，int类型
		defaultValue: {
			type: Number,
			default: 0
		},
		//当前循环里的索引
		itemIndex: {
			type: Number,
			default: 0
		},
		//选中的高亮颜色
		highColor: {
			type: String,
			default: '#FFFFFF'
		},
		//组件边框和选中的背景颜色
		defaultColor: {
			type: String,
			default: '#30C58D'
		},
		//类型，text：文本，icon：字体图标
		switchType: {
			type: String,
			default: 'text'
		},
		//可用于切换的数组
		switchList: {
			type: Array,
			default: [
				{
					title: '是',
					value: 1
				},
				{
					title: '否',
					value: 0
				}
			]
		}
	},
	data() {
		return {
			//定义个组件内的数组
			switchArr: []
		};
	},
	methods: {
		itemClick(swithcSelectItem) {
			if (this.defaultValue != swithcSelectItem.value) {
				this.$emit('switchFunction', { swithcSelectItem, ...{ index: this.itemIndex } });
			}
		}
	},
	created() {
		//初始化可选择的数据
		if (this.switchList.length > 0) {
			for (let i = 0; i < this.switchList.length; i++) {
				let arrItem = {
					title: this.switchList[i].title,
					value: this.switchList[i].value
				};
				this.switchArr.push(arrItem);
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.yjy-switch-container {
	display: flex;
	flex-direction: row;
	border-radius: 100upx;
	border: 4upx solid $uni-color-primary;
	padding: 2upx;
	.yjy-switch-selected {
		color: #ffffff;
		border-radius: 40upx;
		background: $uni-color-primary;
	}
	.yjy-switch-item {
		color: $uni-color-primary;
		font-size: 22upx;
		width: 100upx;
		height: 50upx;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.4s ease-in-out;
		i {
			font-size: $uni-font-size-lg;
		}
	}
}
</style>

6月29日-30日，第七届GDMS全球数字营销峰会在上海举行，本届峰会以“私营定制”为主题，数百位跨行业品牌精英及营销意见领袖参会，快手磁力引擎销售副总裁胡嫣受邀主会场并发表“新快手，内容营销新磁场”的主题演讲，向与会嘉宾分享快手磁力引擎的商业价值，以及品牌如何借力内容让营销提效，为国民打造新消费社区的同时，也助力品牌营销实现全域闭环，共建温暖商业生态。

据了解，此次大会共设有一个主会场和三个分会场，从订制化服务、大数据驱动、私域流量、社交电商、新零售营销等不同维度，直击当下品牌营销痛点，解析以“Z世代”为主体的市场新变化，破解新锐品牌弯道超车的秘籍。

值得一提的是，本次峰会特设快手分会场，快手磁力引擎副总裁毛海峰，秒针营销科学院院长、明略集团副总裁谭北平，快手磁力引擎全国策划负责人孙汇沣，快手磁力引擎品牌商业运营负责人霍桑，以及快手短剧运营负责人于轲出席并发表主题演讲；快手磁力引擎商业产品副总裁杜铮、快手磁力引擎销售行业总经理张梦北、知萌CEO肖明超、雨润互联网集团品牌中心总经理张枫连、群邑集团OTV/OTT媒介购买及内容营销总经理汤晓博等嘉宾参与圆桌论坛，和与会的行业精英们共同探讨快手如何以内容营销驱动商业增长。

新快手打造内容营销新磁场，以“信任提效”激活品牌

当前，短视频商业全面提速，“短而精致，简而生动，小而美好”的内容营销，已成为不少品牌的出圈“利器”。快手作为国民级短视频平台，随着用户的深层次拓展和产品的快速更新迭代，平台内容也变得愈加多元，由此激发了用户的新消费需求。

在29日主会场的演讲中，胡嫣表示，疫情之后，市场呈现出两个明显的趋势，即品牌线上投放力度持续上升、国民消费自信时代来临。伴随后疫情时代市场的新趋势，人群结构、技术、短视频、直播电商等各个领域均有长足发展和变化，用户消费习惯及心智被逐步重构，内容消费行为已经全面崛起。

从人群结构上看，年轻及新线市场的人群对消费增长贡献明显，消费新生代正在崛起；从渠道来说，传统渠道不断被线上渠道所替代，直播电商逐渐在货架电商中分流出一条新路。此外，KOL/KOC催生了以信任为核心的交易方式，新锐国货品牌也得以弯道超车，在新渠道、新生态下快速成长。

勃勃的生机和超强的消费潜力，源自于快手持续推动产品的创新和突破。在胡嫣看来，快手单双列信息流融合的产品设计形态，能够兼顾人群聚集与内容供给，打通平台公私域流量，建立了内容生态与用户社交关系。而“短视频+直播”的形式，进一步推动快手向生活基础设施和商业基础设施演进，打造出“生活-娱乐-消费”等领域的内容生态闭环，成为备受国人信任的在线社区，形成独特的信任内容场。

胡嫣表示，“经过十年积累，快手正在通过越来越高质量的内容生产力，为品牌打造生意新主场，通过‘物皆可货’的平台能力+‘认人又认货’的信任粘性，快速激活用户对品牌从兴趣到认可，从消费到信任关系的通路，释放更大的商业想象力。”

突破圈层做有温度的营销，快手以全域营销构筑品牌营销新阵地

事实上，短视频已成为2021年最重要的流量渠道。 秒针营销科学院院长、明略集团副总裁谭北平在快手专场的演讲中提出，“近两年，短视频广告流量持续高速增长，客户结构覆盖了所有主要行业。作为2021年广告主投放增长最多的营销渠道，短视频的火爆成为了长期趋势。”

随着短视频成为增长新引擎，如何应用好短视频媒体进行营销，成为了全行业关注的焦点。作为头部短视频平台，快手内容生态突破了多元圈层，充分释放了品牌增长动力。在快手专场中，快手磁力引擎副总裁、内容商业化中心负责人毛海峰从诸多维度介绍快手平台内容营销的机会点。同时，详细解读借助磁力引擎的营销模型，快手是如何打通前链路的流量提效和后链路的经营沉淀，而形成极致信任下的用户磁场。

而极致信任的背后，是快手坚持以人为核心，构建品牌心引力的营销理念。在快手磁力引擎副总裁、内容商业化中心负责人毛海峰看来，为‘人’而生的内容营销，才更有温度。

在毛海峰以“全景内容触发营销新引力”为主题的演讲中，他介绍了快手2021内容营销的三个关键词——精品化、娱乐化和电商化。

快手通过打造多场顶级内容盛宴，并推出多元垂类精品内容，以平台及行业精品塑造影响力，激发行业联合力。同时，快手丰富的娱乐内容满足了用户的内容需求，“内容+娱乐”实现粉圈突围，充分释放平台娱乐影响力。

此外，毛海峰还重点分享了快手下半年的主要招商合作项目。他介绍道：“近日，快手与中央广播电视总台在北京举办联合发布会，宣布双方达成2020年东京奥运会及2022年北京冬奥会赛事转播短视频战略合作，快手正式成为2020年东京奥运会及2022年北京冬奥会持权转播商。这对于很多品牌客户而言，也是一个很好的入场机会。”

快手磁力引擎全国策划负责人孙汇沣在以“拥抱全域时代的内容营销”为主题的分享中表示：“快手正在创造商业增长新可能。” 在孙汇沣看来，面对逐渐融合的内容边界和正在重构的流量格局，快手推出的以创意服务、广告体系和服务工具为基础的全域营销体系，正加速流量变现与品牌增值，高效助力品牌实现品销合一。

集精品化和娱乐化于一体的快手短剧便是快手内容营销的标志性项目。自2019年8月以来，快手短剧逐渐引领了全民追短剧热潮，也开启了短剧内容营销新起点。据了解，快手短剧作者数量高达6.2万+，日活跃消费用户超2.1亿且具有超强粘性，单部二三十集的播放量破亿的热门短剧层出不穷。

快手短剧运营负责人于轲分享了快手短剧的爆款营销玩法，“快手充分发挥短剧剧情灵活、制作周期短、内容可控性强的特点，将品牌与剧情深度结合，多维度诠释品牌亮点。同时，短剧的爆火流量也带动了达人直播带货GMV的显著提。基于当下短剧生态，快手将在内容、合作和商业变现上进一步升级，更好地赋能内容营销。”

作为品牌商业化的重要抓手，快手电商营销正成为品牌营销新阵地。快手磁力引擎品牌商业运营负责人霍桑和与会嘉宾分享了“品牌快手阵地的塑造与运营”，介绍了快手直播电商的运营策略，从快手小店建设到非自播运营再到2021营销新赛道——品牌自播，快手整合了平台电商营销能力帮助品牌实现转化变现，赋能消费提升。

在他看来，品牌在快手电商营销生态中，可以通过优质内容话术布局，造就账号超强吸引力，配合各阶段运营的关键措施，让账号稳定健康生长，再通过内容与互动全面经营，缔造品牌自有粉丝圈，最终实现转化变现，整合电商能力赋能消费提升；而快手也正以品牌号为核心，通过完善的品牌传播路径，建立超级磁力矩阵。

在圆桌论坛上，知萌CEO肖明超、雨润互联网集团品牌中心总经理张枫连、群邑集团OTV/OTT媒介购买及内容营销总经理汤晓博等嘉宾分享了各自对内容营销赋能商业增长的看法和理解。肖明超总结道：“今天进入到一个内容营销的新时代——短视频的时代，这个时代不管你是前浪还是后浪，我认为它就是个巨浪，每个品牌都应该抓住巨浪。”

业内认识分析，以平台庞大且优质的流量为依托，经过十年的积淀，快手已成长为可以为客户带来包括品牌曝光、内容转化、资产沉淀等更多元价值的媒体平台，成为品牌营销的热门阵地。

未来，快手将继续完善内容生态，激发多元内容商业潜力，打造更为丰富的营销场景，以更加成熟的全域营销理念助力品牌加速实现“品销合一”。

【说明】

游戏中经常需要用到各种字体，但是网上下载的TTF字体文件最小也有好几兆，要是游戏中需要用到几种字体，那简直不能忍。

通常情况下，我们会用BMFont代替TTF字体，BMFont也有着很多的优势，但是缺点也很明显，每次修改都要美工的配合，而且不支持字号改变（不考虑缩放）。

那么有没有办法能把TTF字体文件变小点呢？答案是肯定的，除了用FontCreator那种累死人不偿命的东西之外，这里介绍一个简单实用的工具。

【介绍】

sfnttool 是谷歌开源项目 sfntly 内置的工具，他的作用是从一个字体文件中提取指定的文字，导出的字体中将只包含你需要的文字。

【下载】

http://download.csdn.net/detail/ldpjay/8822587

【使用】
确保你的电脑已经安装了Java环境（能运行Java命令），这是必须的。

命令行进入到sfnttool所在目录下。（一个小技巧，在当前文件夹里按住Shift再右键，里面有个“在此处打开命令行”。）

输入下面的命令即可：

java -jar sfnttool.jar  -s '这是一段测试文字' msyh.ttf msyh_simplify.ttf  

java -jar sfnttool.jar -h  
subset [-?|-h|-help] [-b] [-s string] fontfile outfile  
prototype font subsetter  
        -?,-help        print this help information  
        -s,-string       string to subset  
        -b,-bench        benchmark (run 10000 iterations)  
        -h,-hints        strip hints  
        -w,-woff         output woff format  
        -e,-eot  output eot format  
        -x,-mtx  enable microtype express compression for eot format 

输出字体在同目录下。

附2500个常用字：

一乙二十丁厂七卜人入八九几儿了力乃刀又三于干亏士工土才寸下大丈与万上小口巾山千乞川亿个勺久凡及夕丸么广亡门义之尸弓己已子卫也女飞刃习叉马乡丰王井开夫天无元专云扎艺木五支厅不太犬区历尤友匹车巨牙屯比互切瓦止少日中冈贝内水见午牛手毛气升长仁什片仆化仇币仍仅斤爪反介父从今凶分乏公仓月氏勿欠风丹匀乌凤勾文六方火为斗忆订计户认心尺引丑巴孔队办以允予劝双书幻玉刊示末未击打巧正扑扒功扔去甘世古节本术可丙左厉右石布龙平灭轧东卡北占业旧帅归且旦目叶甲申叮电号田由史只央兄叼叫另叨叹四生失禾丘付仗代仙们仪白仔他斥瓜乎丛令用甩印乐句匆册犯外处冬鸟务包饥主市立闪兰半汁汇头汉宁穴它讨写让礼训必议讯记永司尼民出辽奶奴加召皮边发孕圣对台矛纠母幼丝式刑动扛寺吉扣考托老执巩圾扩扫地扬场耳共芒亚芝朽朴机权过臣再协西压厌在有百存而页匠夸夺灰达列死成夹轨邪划迈毕至此贞师尘尖劣光当早吐吓虫曲团同吊吃因吸吗屿帆岁回岂刚则肉网年朱先丢舌竹迁乔伟传乒乓休伍伏优伐延件任伤价份华仰仿伙伪自血向似后行舟全会杀合兆企众爷伞创肌朵杂危旬旨负各名多争色壮冲冰庄庆亦刘齐交次衣产决充妄闭问闯羊并关米灯州汗污江池汤忙兴宇守宅字安讲军许论农讽设访寻那迅尽导异孙阵阳收阶阴防奸如妇好她妈戏羽观欢买红纤级约纪驰巡寿弄麦形进戒吞远违运扶抚坛技坏扰拒找批扯址走抄坝贡攻赤折抓扮抢孝均抛投坟抗坑坊抖护壳志扭块声把报却劫芽花芹芬苍芳严芦劳克苏杆杠杜材村杏极李杨求更束豆两丽医辰励否还歼来连步坚旱盯呈时吴助县里呆园旷围呀吨足邮男困吵串员听吩吹呜吧吼别岗帐财针钉告我乱利秃秀私每兵估体何但伸作伯伶佣低你住位伴身皂佛近彻役返余希坐谷妥含邻岔肝肚肠龟免狂犹角删条卵岛迎饭饮系言冻状亩况床库疗应冷这序辛弃冶忘闲间闷判灶灿弟汪沙汽沃泛沟没沈沉怀忧快完宋宏牢究穷灾良证启评补初社识诉诊词译君灵即层尿尾迟局改张忌际陆阿陈阻附妙妖妨努忍劲鸡驱纯纱纳纲驳纵纷纸纹纺驴纽奉玩环武青责现表规抹拢拔拣担坦押抽拐拖拍者顶拆拥抵拘势抱垃拉拦拌幸招坡披拨择抬其取苦若茂苹苗英范直茄茎茅林枝杯柜析板松枪构杰述枕丧或画卧事刺枣雨卖矿码厕奔奇奋态欧垄妻轰顷转斩轮软到非叔肯齿些虎虏肾贤尚旺具果味昆国昌畅明易昂典固忠咐呼鸣咏呢岸岩帖罗帜岭凯败贩购图钓制知垂牧物乖刮秆和季委佳侍供使例版侄侦侧凭侨佩货依的迫质欣征往爬彼径所舍金命斧爸采受乳贪念贫肤肺肢肿胀朋股肥服胁周昏鱼兔狐忽狗备饰饱饲变京享店夜庙府底剂郊废净盲放刻育闸闹郑券卷单炒炊炕炎炉沫浅法泄河沾泪油泊沿泡注泻泳泥沸波泼泽治怖性怕怜怪学宝宗定宜审宙官空帘实试郎诗肩房诚衬衫视话诞询该详建肃录隶居届刷屈弦承孟孤陕降限妹姑姐姓始驾参艰线练组细驶织终驻驼绍经贯奏春帮珍玻毒型挂封持项垮挎城挠政赴赵挡挺括拴拾挑指垫挣挤拼挖按挥挪某甚革荐巷带草茧茶荒茫荡荣故胡南药标枯柄栋相查柏柳柱柿栏树要咸威歪研砖厘厚砌砍面耐耍牵残殃轻鸦皆背战点临览竖省削尝是盼眨哄显哑冒映星昨畏趴胃贵界虹虾蚁思蚂虽品咽骂哗咱响哈咬咳哪炭峡罚贱贴骨钞钟钢钥钩卸缸拜看矩怎牲选适秒香种秋科重复竿段便俩贷顺修保促侮俭俗俘信皇泉鬼侵追俊盾待律很须叙剑逃食盆胆胜胞胖脉勉狭狮独狡狱狠贸怨急饶蚀饺饼弯将奖哀亭亮度迹庭疮疯疫疤姿亲音帝施闻阀阁差养美姜叛送类迷前首逆总炼炸炮烂剃洁洪洒浇浊洞测洗活派洽染济洋洲浑浓津恒恢恰恼恨举觉宣室宫宪突穿窃客冠语扁袄祖神祝误诱说诵垦退既屋昼费陡眉孩除险院娃姥姨姻娇怒架贺盈勇怠柔垒绑绒结绕骄绘给络骆绝绞统耕耗艳泰珠班素蚕顽盏匪捞栽捕振载赶起盐捎捏埋捉捆捐损都哲逝捡换挽热恐壶挨耻耽恭莲莫荷获晋恶真框桂档桐株桥桃格校核样根索哥速逗栗配翅辱唇夏础破原套逐烈殊顾轿较顿毙致柴桌虑监紧党晒眠晓鸭晃晌晕蚊哨哭恩唤啊唉罢峰圆贼贿钱钳钻铁铃铅缺氧特牺造乘敌秤租积秧秩称秘透笔笑笋债借值倚倾倒倘俱倡候俯倍倦健臭射躬息徒徐舰舱般航途拿爹爱颂翁脆脂胸胳脏胶脑狸狼逢留皱饿恋桨浆衰高席准座脊症病疾疼疲效离唐资凉站剖竞部旁旅畜阅羞瓶拳粉料益兼烤烘烦烧烛烟递涛浙涝酒涉消浩海涂浴浮流润浪浸涨烫涌悟悄悔悦害宽家宵宴宾窄容宰案请朗诸读扇袜袖袍被祥课谁调冤谅谈谊剥恳展剧屑弱陵陶陷陪娱娘通能难预桑绢绣验继球理捧堵描域掩捷排掉堆推掀授教掏掠培接控探据掘职基著勒黄萌萝菌菜萄菊萍菠营械梦梢梅检梳梯桶救副票戚爽聋袭盛雪辅辆虚雀堂常匙晨睁眯眼悬野啦晚啄距跃略蛇累唱患唯崖崭崇圈铜铲银甜梨犁移笨笼笛符第敏做袋悠偿偶偷您售停偏假得衔盘船斜盒鸽悉欲彩领脚脖脸脱象够猜猪猎猫猛馅馆凑减毫麻痒痕廊康庸鹿盗章竟商族旋望率着盖粘粗粒断剪兽清添淋淹渠渐混渔淘液淡深婆梁渗情惜惭悼惧惕惊惨惯寇寄宿窑密谋谎祸谜逮敢屠弹随蛋隆隐婚婶颈绩绪续骑绳维绵绸绿琴斑替款堪搭塔越趁趋超提堤博揭喜插揪搜煮援裁搁搂搅握揉斯期欺联散惹葬葛董葡敬葱落朝辜葵棒棋植森椅椒棵棍棉棚棕惠惑逼厨厦硬确雁殖裂雄暂雅辈悲紫辉敞赏掌晴暑最量喷晶喇遇喊景践跌跑遗蛙蛛蜓喝喂喘喉幅帽赌赔黑铸铺链销锁锄锅锈锋锐短智毯鹅剩稍程稀税筐等筑策筛筒答筋筝傲傅牌堡集焦傍储奥街惩御循艇舒番释禽腊脾腔鲁猾猴然馋装蛮就痛童阔善羡普粪尊道曾焰港湖渣湿温渴滑湾渡游滋溉愤慌惰愧愉慨割寒富窜窝窗遍裕裤裙谢谣谦属屡强粥疏隔隙絮嫂登缎缓编骗缘瑞魂肆摄摸填搏塌鼓摆携搬摇搞塘摊蒜勤鹊蓝墓幕蓬蓄蒙蒸献禁楚想槐榆楼概赖酬感碍碑碎碰碗碌雷零雾雹输督龄鉴睛睡睬鄙愚暖盟歇暗照跨跳跪路跟遣蛾蜂嗓置罪罩错锡锣锤锦键锯矮辞稠愁筹签简毁舅鼠催傻像躲微愈遥腰腥腹腾腿触解酱痰廉新韵意粮数煎塑慈煤煌满漠源滤滥滔溪溜滚滨粱滩慎誉塞谨福群殿辟障嫌嫁叠缝缠静碧璃墙撇嘉摧截誓境摘摔聚蔽慕暮蔑模榴榜榨歌遭酷酿酸磁愿需弊裳颗嗽蜻蜡蝇蜘赚锹锻舞稳算箩管僚鼻魄貌膜膊膀鲜疑馒裹敲豪膏遮腐瘦辣竭端旗精歉熄熔漆漂漫滴演漏慢寨赛察蜜谱嫩翠熊凳骡缩慧撕撒趣趟撑播撞撤增聪鞋蕉蔬横槽樱橡飘醋醉震霉瞒题暴瞎影踢踏踩踪蝶蝴嘱墨镇靠稻黎稿稼箱箭篇僵躺僻德艘膝膛熟摩颜毅糊遵潜潮懂额慰劈操燕薯薪薄颠橘整融醒餐嘴蹄器赠默镜赞篮邀衡膨雕磨凝辨辩糖糕燃澡激懒壁避缴戴擦鞠藏霜霞瞧蹈螺穗繁辫赢糟糠燥臂翼骤鞭覆蹦镰翻鹰警攀蹲颤瓣爆疆壤耀躁嚼嚷籍魔灌蠢霸露囊罐翎qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM1234567890《》？！，。妩媚曳鎏怡廓沧

字体推荐：
苹果PingHei三款
腾祥嘉丽细圆简
苹方字体
微软雅黑light
汉仪旗黑H2312F45

推荐链接：

http://www.zhaozi.cn/html/fonts/china/riben/2010-11-18/21992.html
https://www.zhihu.com/question/20727176
http://daily.zhihu.com/story/3630127
http://www.epinv.com/post/5740.html
https://sanwen8.cn/p/3a5dO2X.html
https://www.zhihu.com/question/20922638
http://www.fontke.com/font/10552118/
https://www.zhihu.com/question/24878730
http://blog.sina.com.cn/s/blog_62c692fd0100fjtn.html