textsettings.vue

<template>
	<view>
		<view style="position: fixed;width: 100%" :style="{bottom: inputBottom+'px'}">
			<view v-if="show && text != 'typeface'"
				style="width: 100%; height: 95upx; display: flex; flex-direction: row; ">
				<view
					style="width: 280upx; height: 100%; background: #292933; border-top-right-radius: 60upx;display: flex; flex-direction: row; ">
					<image v-if="bg_text_color"
						style="width: 47upx; height: 47upx; display: block;margin-top: 45upx; margin-left:45upx;"
						src="../../../static/img/icon_qiehuan_on.png" mode="aspectFill" @click="bgtextcolor"></image>
					<image v-else
						style="width: 47upx; height: 47upx; display: block;margin-top: 45upx; margin-left:45upx;"
						src="../../../static/img/icon_qiehuan.png" mode="aspectFill" @click="bgtextcolor"></image>
					<view style="width: 80upx; margin-top: 50upx;margin-left: 50upx;" @click="typefaceshow('share')">
						<text style="font-size: 34upx; color: #FFFFFF;">字体</text>
					</view>
				</view>
			</view>

			<view style="width: 100% ;background: #292933;">
				<!-- 字体 -->
				<view v-if="show && text != 'typeface'" style="display: flex;align-items: center; justify-items: center; border-bottom: 2upx solid #000000;
			height: 98upx; ">
					<view
						style="width: 601upx; height: 57upx; background: rgb(255,255,255,0.1); margin: 21upx 41upx 21upx 21upx; border-radius: 10upx;">
						<input :fixed="true" :auto-height="true" :show-confirm-bar="false" :cursor-spacing="73"
							:adjust-position="false" type="text" maxlength="24" @input="textInput"
							 @focus="focusTextarea" @blur="blurTextarea"
							v-model="data.currentText" placeholder="请输入文字内容..."
							style="font-size: 34upx; font-weight: 400; height: 57upx; line-height: 57upx; padding: 0upx 0 0upx 20upx; color: #FFFFFF;" />
					</view>
					<view style="width: 1px; height: 28upx; background: #FFFFFF;"></view>
					<image style="width: 43upx; height: 30upx; display: block;margin: auto;"
						src="../../../static/icon/icon_determine.png" mode="aspectFill" @click="cancel('share')">
					</image>
				</view>
				<view v-if="text == 'typeface'" style="border-bottom: 2upx solid #000000;">
					<scroll-view style="width: calc(100% - 40upx); margin: auto; height:598upx; overflow: hidden;"
						scroll-y scroll-with-animation>
						<view v-for="(item, index) in typefacedata"
							:style="{'font-family':item.textlong == true ? item.key : item.key + 'ttf','color': data.itemList[data.cidx].font_dict_id == item.id ? '#F56364 !important' : 'none'}"
							@click="typefaceClick(item, index)" :key="index"
							style="font-size: 36upx; color: #FFFFFF; padding:22upx 0 21upx; text-align: center;">
							<!-- 色彩公园 {{item.title}} color: item.textlong == true ? '#ffffff' : '#BEBEBE'-->
							<text style="font-size: 20upx;">
								<text style="font-size: 32upx;"
									:style="{'color': data.itemList[data.cidx].font_dict_id == item.id ? '#F56364 !important' : '#ffffff'}">
									{{replaceText(item.title)}}
								</text>
								<text v-if="item.remark != ''">
									{{item.long == true ? '' : '(点击加载)'}}
								</text>
								<text v-if="item.remark != ''" style="color: #F56364;">
									{{item.textlong == false ? '(下载失败,点击重新下载)' : ''}}
								</text>
							</text>
						</view>
					</scroll-view>
				</view>

				<view v-if="show && text != 'typeface'"
					style="display: flex; height: 100upx; padding: 38upx 0 41upx; align-items: center;">
					<!-- 颜色 开始-->
					<scroll-view style="box-sizing: border-box; white-space: nowrap; 
				  margin-left: 35upx; margin-right: 35upx;margin-bottom: 30upx; margin-top: 40upx; width: calc(100% - 70upx);"
						scroll-x scroll-with-animation>
						<view style="text-align: center; display: inline-block; padding-left: 20upx;"
							v-for="(item,index) in colorList" :key="index" @click.stop="workcolor(item.color)">
							<view v-if="data.itemList[data.cidx]">
								<view v-if="data.itemList[data.cidx].font_color == item.color && !bg_text_color"
									style="width: 68upx; height: 68upx; background: #000000; border: 4upx solid #854AC2; border-radius: 50%;"
									:style="{background:item.color}"></view>
								<view v-else-if="data.itemList[data.cidx].under_color == item.color && bg_text_color"
									style="width: 68upx; height: 68upx; background: #000000; border: 4upx solid #854AC2; border-radius: 50%;"
									:style="{background:item.color}"></view>
								<view v-else
									style="width: 68upx; height: 68upx; background: #000000; border: 4upx solid #ffffff; border-radius: 50%;"
									:style="{background:item.color}"></view>
							</view>
							<view v-else
								style="width: 68upx; height: 68upx; background: #000000; border: 4upx solid #ffffff; border-radius: 50%;"
								:style="{background:item.color}"></view>
						</view>
					</scroll-view>
			
				</view>
				<view v-if="!show" style="position: absolute; bottom: 100upx; width: 100%; background: #292933;">
					<!-- 修改 -->
					<view v-if="text == 'modify'" style="display: flex;align-items: center; justify-items: center; border-bottom: 1upx solid #000000;
				height: 99upx;">
						<view
							style="width: 710upx; height: 57upx; background: rgb(255,255,255,0.1); margin: 20upx 40upx 20upx 20upx; border-radius: 10upx;">
							<input :fixed="true" :auto-height="true" :show-confirm-bar="false" :cursor-spacing="73"
								:adjust-position="false" type="text" maxlength="32" @input="textInput"
								@focus="focusTextarea" @blur="blurTextarea" v-model="data.currentText"
								placeholder="请输入文字内容..."
								style="font-size: 34upx; font-weight: 400; height: 57upx; line-height: 57upx; padding: 0upx 0 0upx 20upx; color: #FFFFFF;" />
						</view>
					</view>
					<!-- 字体 -->
					<view v-if="text == 'typeface'" style="border-bottom: 1upx solid #000000;">
						<scroll-view style="width: calc(100% - 40upx); margin: auto; height:300upx; overflow: hidden;"
							scroll-y scroll-with-animation>
							<view v-for="(item, index) in textlist"
								:style="{'font-family': item.fontname,'color': data.itemList[data.cidx].font_family == item.fontname ? '#F56364' : 'none'}"
								@click="typefaceClick(item,index)" :key="index"
								style="font-size: 40upx; color: #FFFFFF; margin: 10upx;">
								{{item.text}}
								<text
									style="font-size: 20upx; color: #F56364;">{{item.textlong ? '' : '(该字体加载失败)'}}</text>
							</view>
						</scroll-view>
					</view>
					<!-- 颜色 -->
					<view v-if="text == 'color'"
						style="display: flex; height: 68upx; padding: 38upx 0 41upx;border-bottom: 1upx solid #000000;">
						<!-- 背景 -->
						<view style="width: calc(100% / 7);" @click="bgtextcolor">
							<image style="width: 69upx; height: 69upx; display: block;margin: auto;"
								:src="bg_text_color ? '../../../static/icon/icon_qiehuan_one.png' : '../../../static/icon/icon_qiehuan.png'"
								mode="aspectFill"></image>
						</view>
						<!-- 颜色 -->
						<view style="width: calc(100% / 7);" @click.stop="workcolor('#000000')">
							<view v-if="data.itemList[data.cidx].font_color == '#000000' && !bg_text_color"
								style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else-if="data.itemList[data.cidx].under_color == '#000000' && bg_text_color"
								style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else style="width: 68upx; height: 68upx; background: #000000; border-radius: 50%;">
							</view>
						</view>
						<view style="width: calc(100% / 7);" @click.stop="workcolor('#FFFFFF')">
							<view v-if="data.itemList[data.cidx].font_color == '#FFFFFF' && !bg_text_color"
								style="width: 60upx; height: 60upx; background: #FFFFFF; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else-if="data.itemList[data.cidx].under_color == '#FFFFFF' && bg_text_color"
								style="width: 60upx; height: 60upx; background: #FFFFFF; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else style="width: 68upx; height: 68upx; background: #FFFFFF; border-radius: 50%;">
							</view>
						</view>
						<view style="width: calc(100% / 7);" @click.stop="workcolor('#E60012')">
							<view v-if="data.itemList[data.cidx].font_color == '#E60012' && !bg_text_color"
								style="width: 60upx; height: 60upx; background: #E60012; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else-if="data.itemList[data.cidx].under_color == '#E60012' && bg_text_color"
								style="width: 60upx; height: 60upx; background: #E60012; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else style="width: 68upx; height: 68upx; background: #E60012; border-radius: 50%;">
							</view>
						</view>
						<view style="width: calc(100% / 7);" @click.stop="workcolor('#060CDE')">
							<view v-if="data.itemList[data.cidx].font_color == '#060CDE' && !bg_text_color"
								style="width: 60upx; height: 60upx; background: #060CDE; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else-if="data.itemList[data.cidx].under_color == '#060CDE' && bg_text_color"
								style="width: 60upx; height: 60upx; background: #060CDE; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else style="width: 68upx; height: 68upx; background: #060CDE; border-radius: 50%;">
							</view>
						</view>
						<view style="width: calc(100% / 7);" @click.stop="workcolor('#E65C00')">
							<view v-if="data.itemList[data.cidx].font_color == '#E65C00' && !bg_text_color"
								style="width: 60upx; height: 60upx; background: #E65C00; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else-if="data.itemList[data.cidx].under_color == '#E65C00' && bg_text_color"
								style="width: 60upx; height: 60upx; background: #E65C00; border: 4upx solid #EF6262; border-radius: 50%;">
							</view>
							<view v-else style="width: 68upx; height: 68upx; background: #E65C00; border-radius: 50%;">
							</view>
						</view>
						<!-- 加粗 -->
						<view style="width: calc(100% / 7);" @click.stop='workweight'>
							<view v-if="data.itemList[data.cidx].font_style != 'bold'"
								style="width: 68upx; height: 68upx; text-align: center; background: #282A32; border-radius: 5px;">
								<text
									style="font-size: 34upx; font-weight: 800; color: #666666; line-height: 68upx;">B</text>
							</view>
							<view v-else
								style="width: 68upx; height: 68upx; text-align: center; background: #F56364;  border-radius: 5px;">
								<text
									style="font-size: 34upx; font-weight: 800; color: #fff; line-height: 68upx;">B</text>
							</view>
						</view>
					</view>
				</view>
				<!-- 切换 -->
				<view v-if="!show" class="tooltextone">
					<view style="width: calc(100% - 125upx);display: flex; justify-content: center;">
						<view class="tooltext_li" @click="modify('modify')">
							<image style="width: 50upx; height: 50upx; display: block;margin: auto;"
								src="../../../static/icon/diy_icon_editor_default.png" mode=""></image>
							<view class="tooltext_li_text">修改</view>
						</view>
						<view class="tooltext_li" @click="color('color')">
							<image style="width: 50upx; height: 50upx; display: block;margin: auto;"
								src="../../../static/icon/replace.png" mode=""></image>
							<view class="tooltext_li_text">颜色</view>
						</view>
						<view class="tooltext_li" @click="keyboard">
							<image style="width: 50upx; height: 50upx; display: block;margin: auto;"
								src="../../../static/icon/diy_icon_on_default.png" mode=""></image>
							<view class="tooltext_li_text">键盘</view>
						</view>
					</view>
					<view style="width: 125upx;" @click="cancel('share')">
						<view style="display: flex; padding:36upx 0;">
							<view style="width: 1px; height: 28upx; background: #FFFFFF;"></view>
							<image style="width: 43upx; height: 30upx; display: block;margin: auto;"
								src="../../../static/icon/icon_determine.png" mode="aspectFill"></image>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import loadFont from '@/util/loadFont.js'
	import homeservice from '@/service/homeservice.js';

	var app = getApp(); // 当前APP实例

	export default {
		props: {

		},
		components: {

		},
		data() {
			return {
				show: true,
				data: null,
				bg_text_color: null,
				inputBottom: 0,
				text: 'modify',
				textlist: [{
						text: '仓耳小丸子',
						url: 'url("https://tprint.refinecolor.com/text/CangErXiaoWanZi.ttf")',
						fontname: '仓耳小丸子',
						lineheight: 1.26,
						long: false,
						textlong: null
					},
					{
						text: '千图小兔体',
						url: 'url("https://tprint.refinecolor.com/text/Qiantu_rabbit.ttf")',
						fontname: '千图小兔体',
						lineheight: 1.2,
						long: false,
						textlong: null
					},
					{
						text: '站酷酷黑',
						url: 'url("https://tprint.refinecolor.com/text/Stand_cool_black.ttf")',
						fontname: '站酷酷黑',
						lineheight: 1.14,
						long: false,
						textlong: null
					},
					{
						text: '站酷快乐体',
						url: 'url("https://tprint.refinecolor.com/text/Standing_cool_happy_body.ttf")',
						fontname: '站酷快乐体',
						lineheight: 1.14,
						long: false,
						textlong: null
					},
					{
						text: '站酷庆科黄油体',
						url: 'url("https://tprint.refinecolor.com/text/ZhankuQingkeButterBody.ttf")',
						fontname: '站酷庆科黄油体',
						lineheight: 1.18,
						long: false,
						textlong: null
					},
					{
						text: '字体视界法棍体',
						url: 'url("https://tprint.refinecolor.com/text/Font_horizon_method_stick_body.ttf")',
						fontname: '字体视界法棍体',
						lineheight: 1.14,
						long: false,
						textlong: null
					},
				],
				typefacedata: null,
				colorList: [{
						color: '#000000',
						index: '01'
					},
					{
						color: '#FFFFFF',
						index: '01'
					},
					{
						color: '#7f2a3f',
						index: '01'
					}, {
						color: '#e24187',
						index: '03'
					}, {
						color: '#f5305d',
						index: '04'
					}, {
						color: '#de4156',
						index: '05'
					}, {
						color: '#fe42cd',
						index: '06'
					}, {
						color: '#f48b9a',
						index: '07'
					}, {
						color: '#ec8191',
						index: '08'
					}, {
						color: '#f9aeb5',
						index: '09'
					}, {
						color: '#f21d5f',
						index: '10'
					}, {
						color: '#cc3739',
						index: '11'
					}, {
						color: '#dd5047',
						index: '12'
					}, {
						color: '#e24187',
						index: '13'
					}, {
						color: '#fa6449',
						index: '14'
					}, {
						color: '#e8495b',
						index: '15'
					}, {
						color: '#fb7162',
						index: '16'
					}, {
						color: '#f6afd1',
						index: '17'
					}, {
						color: '#fbb6b9',
						index: '18'
					}, {
						color: '#db6f27',
						index: '21'
					}, {
						color: '#ed702e',
						index: '22'
					}, {
						color: '#f99627',
						index: '23'
					}, {
						color: '#eb8926',
						index: '24'
					}, {
						color: '#edc3aa',
						index: '25'
					}, {
						color: '#e1d8cf',
						index: '26'
					}, {
						color: '#deebc5',
						index: '27'
					}, {
						color: '#fccdc7',
						index: '28'
					}, {
						color: '#dbbdd2',
						index: '29'
					}, {
						color: '#e8a321',
						index: '31'
					}, {
						color: '#db6f27',
						index: '32'
					}, {
						color: '#edb74b',
						index: '33'
					}, {
						color: '#e8b741',
						index: '34'
					}, {
						color: '#fef052',
						index: '35'
					}, {
						color: '#ffd684',
						index: '36'
					}, {
						color: '#e2d958',
						index: '37'
					}, {
						color: '#e2e5d0',
						index: '38'
					}, {
						color: '#ba9431',
						index: '41'
					}, {
						color: '#797f5d',
						index: '42'
					}, {
						color: '#536d50',
						index: '43'
					}, {
						color: '#d8b53f',
						index: '44'
					}, {
						color: '#d4c172',
						index: '45'
					}, {
						color: '#32b75c',
						index: '46'
					}, {
						color: '#90D15B',
						index: '47'
					}, {
						color: '#c5d52a',
						index: '48'
					}, {
						color: '#e8e098',
						index: '49'
					}, {
						color: '#1b6661',
						index: '50'
					}, {
						color: '#3b4f4d',
						index: '51'
					}, {
						color: '#336559',
						index: '52'
					}, {
						color: '#01776e',
						index: '53'
					}, {
						color: '#2e7662',
						index: '54'
					}, {
						color: '#439877',
						index: '55'
					}, {
						color: '#0ba066',
						index: '56'
					}, {
						color: '#318488',
						index: '57'
					}, {
						color: '#6fd3c9',
						index: '58'
					}, {
						color: '#b9d3ac',
						index: '59'
					}, {
						color: '#0e898e',
						index: '61'
					}, {
						color: '#317194',
						index: '62'
					}, {
						color: '#029bc7',
						index: '63'
					}, {
						color: '#2a8ec9',
						index: '64'
					}, {
						color: '#57c9d3',
						index: '65'
					}, {
						color: '#65b3df',
						index: '67'
					}, {
						color: '#8bd0d7',
						index: '68'
					}, {
						color: '#4B4881',
						index: '69'
					}, {
						color: '#77A1CB',
						index: '70'
					}, {
						color: '#3051BB',
						index: '71'
					}, {
						color: '#2E41A7',
						index: '72'
					}, {
						color: '#704CAE',
						index: '73'
					}, {
						color: '#385BD1',
						index: '74'
					}, {
						color: '#E0DFED',
						index: '75'
					}, {
						color: '#A6BDE9',
						index: '76'
					}, {
						color: '#B3B9DD',
						index: '77'
					}, {
						color: '#7942A8',
						index: '81'
					}, {
						color: '#8F52BA',
						index: '82'
					}, {
						color: '#9680C0',
						index: '83'
					}, {
						color: '#CD82BB',
						index: '84'
					}, {
						color: '#8E2A80',
						index: '85'
					}, {
						color: '#E24CB0',
						index: '86'
					}, {
						color: '#CC2A75',
						index: '87'
					}, {
						color: '#ED89D2',
						index: '88'
					}, {
						color: '#F562B6',
						index: '89'
					}, {
						color: '#8B3B32',
						index: '91'
					}, {
						color: '#593A35',
						index: '92'
					}, {
						color: '#7A3C2D',
						index: '93'
					}, {
						color: '#7D2E21',
						index: '94'
					}, {
						color: '#935A47',
						index: '95'
					}, {
						color: '#A05047',
						index: '96'
					}, {
						color: '#E39476',
						index: '97'
					}, {
						color: '#4E3F3C',
						index: '98'
					}, {
						color: '#5A4939',
						index: '99'
					}, {
						color: '#EDE8EC',
						index: '100'
					}, {
						color: '#C0813A',
						index: '101'
					}, {
						color: '#77432E',
						index: '102'
					}, {
						color: '#C17748',
						index: '103'
					}, {
						color: '#C7AC39',
						index: '104'
					}, {
						color: '#DBA179',
						index: '107'
					}, {
						color: '#D8D3D0',
						index: '109'
					}, {
						color: '#091A22',
						index: '120'
					}, {
						color: '#CA3A32',
						index: '121'
					}, {
						color: '#FAAB60',
						index: '122'
					}, {
						color: '#CADEAD',
						index: '123'
					}, {
						color: '#C7D858',
						index: '124'
					}, {
						color: '#F264D0',
						index: '125'
					}, {
						color: '#F77ADC',
						index: '126'
					}, {
						color: '#FAE7D9',
						index: '131'
					}, {
						color: '#E6D9D1',
						index: '132'
					}, {
						color: '#EBCDB1',
						index: '133'
					}, {
						color: '#E2DCCC',
						index: '134'
					}, {
						color: '#FAD9D2',
						index: '135'
					}, {
						color: '#E1C2BD',
						index: '136'
					}, {
						color: '#E5BBCF',
						index: '137'
					}, {
						color: '#F7BACC',
						index: '138'
					}, {
						color: '#E9CBC1',
						index: '139'
					}, {
						color: '#EBB89F',
						index: '140'
					}, {
						color: '#E6D09E',
						index: '141'
					}, {
						color: '#E2B78D',
						index: '142'
					}, {
						color: '#D1E4EB',
						index: '143'
					}, {
						color: '#B9D9EE',
						index: '144'
					}, {
						color: '#CFD0E2',
						index: '145'
					}, {
						color: '#CECFF0',
						index: '146'
					}, {
						color: '#D6C3E3',
						index: '147'
					}, {
						color: '#E3F0C5',
						index: '163'
					}, {
						color: '#DAD792',
						index: '164'
					}, {
						color: '#D4D4BC',
						index: '166'
					}, {
						color: '#C0D0AB',
						index: '167'
					}, {
						color: '#D7C6A8',
						index: '169'
					}, {
						color: '#D9E9E8',
						index: '171'
					}, {
						color: '#B4E0C7',
						index: '172'
					}, {
						color: '#D6E2BA',
						index: '173'
					}, {
						color: '#E3E5D0',
						index: '174'
					}, {
						color: '#C1D39A',
						index: '175'
					}, {
						color: '#AFE4E6',
						index: '178'
					}, {
						color: '#92DDE2',
						index: '179'
					}, {
						color: '#DBE0E6',
						index: '182'
					}, {
						color: '#8FBFF0',
						index: '183'
					}, {
						color: '#9DCDE1',
						index: '185'
					}, {
						color: '#BBC4BF',
						index: '196'
					}, {
						color: '#E484A9',
						index: '198'
					}, {
						color: '#BBC4BF',
						index: 'GG3'
					}, {
						color: '#494A4C',
						index: 'CG9'
					}, {
						color: '#C2CEDA',
						index: 'BG1'
					}, {
						color: '#C1C3D3',
						index: 'BG3'
					}, {
						color: '#8696A3',
						index: 'BG5'
					}, {
						color: '#646A76',
						index: 'BG7'
					}, {
						color: '#415361',
						index: 'BG9'
					}, {
						color: '#DFDEE3',
						index: 'WG.5'
					}, {
						color: '#CBC6CC',
						index: 'WG1'
					}, {
						color: '#B6B0B2',
						index: 'WG2'
					}, {
						color: '#C5BBBA',
						index: 'WG3'
					}, {
						color: '#958A92',
						index: 'WG4'
					}, {
						color: '#837477',
						index: 'WG5'
					}, {
						color: '#8A7E7E',
						index: 'WG6'
					}, {
						color: '#4D4342',
						index: 'WG9'
					}
				],
			};
		},
		onShow() {

		},
		onLoad() {

		},
		mounted() {

		},
		/**
		 * 组件的公有方法列表
		 */
		methods: {


		  //替换文字
			replaceText(textStr){
				if(textStr.includes("-Regular")){
					textStr = textStr.replace("-Regular","")
				}
				return textStr;
			},

			//过滤字符串
			filterTextInput(textStr) {
				let content = textStr.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.\,\?\<\>\。\，\-\——\=\;\@\！\!\+\$\%\*\(\)\#\&\*]/g, '');
				let that = this;
				setTimeout(function() {
					that.data.currentText = content;
					that.$emit('textInput', content)
				}, 0);
			},

			typefaceshow(e) {
				this.$emit('typefaceshow', e)
			},

			keyboard(e) {
				this.inputBottom = 0
			},

			typeface(e) {
				this.text = e
				this.inputBottom = 0
			},
			
			typefaceClick(e, index) {
				if ((index + 1) == this.typefacedata.length) {
					if (e.textlong == true) {
						this.$emit('typefaceClick', e)
					} else {
						if (e.remark != '') {
							this.loadFont(e)
						} else {
							this.$emit('typefaceClick', e)
						}
					}
				} else {
					this.$emit('typefaceClick', e)
				}
				// if(e.textlong == true){
				// 	this.$emit('typefaceClick', e)
				// }else{
				// 	if(e.remark != ''){
				// 		this.loadFont(e)
				// 	}else{
				// 		this.$emit('typefaceClick', e)
				// 	 }
				//}
			},
			loadFont(textlist) {
				let that = this;
				uni.showLoading({
					title: '字体下载中...',
					mask: true,
				});
				wx.loadFontFace({
					global: true,
					family: textlist.key,
					source: 'url(' + textlist.remark + ')',
					desc: {
						weight: 100
					},
					success: function(message) {
						textlist.textlong = true
					},
					fail: function(message) {
						textlist.textlong = false
					},
					complete(res) {
						uni.hideLoading();
						//wx.showToast({title: '字体下载完成',icon: 'success',duration: 2000});
						textlist.long = true
						that.setData({
							typefacedata: that.typefacedata
						});
						that.$emit('typefaceClick', textlist)
					}
				})
			},
			setData(obj) {
				let that = this;
				let keys = [];
				let val, data;
				Object.keys(obj).forEach(function(key) {
					keys = key.split('.');
					val = obj[key];
					data = that.$data;
					keys.forEach(function(key2, index) {
						if (index + 1 == keys.length) {
							that.$set(data, key2, val);
						} else {
							if (!data[key2]) {
								that.$set(data, key2, {});
							}
						}
						data = data[key2];
					})
				});
			},
			color(e) {
				this.text = e
				this.inputBottom = 0
			},
			modify(e) {
				this.text = e
				this.inputBottom = 0
			},
			focusTextarea(e) {
				this.inputBottom = e.detail.height;
			},
			blurTextarea(e) {
				this.inputBottom = 0;
			},
			textInput(e) {
				this.filterTextInput(e.detail.value);
				//let content = this.data.currentText.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.\,\?\<\>\。\，\-\——\=\;\@\！\!\+\$\%\*\(\)\#\&\*]/g, '');
				//this.$emit('textInput', content)
			},
			cancel(e) {
				this.$emit('cancel', e)
			},
			workcolor(e) {
				this.$emit('workcolor', e)
			},
			workweight(e) {
				this.$emit('workweight', e)
			},
			bgtextcolor(e) {
				this.$emit('bgtextcolor', e)
			},
			open(data) {
				this.data = data.data
				this.bg_text_color = data.bg_text_color
				this.text = data.text
				if (this.text == 'typeface') {
					this.typeface('typeface')
					this.inputBottom = 'none'
				}
				if (this.$base.typefacedata.length > 0) {
					this.typefacedata = this.$base.typefacedata
					//console.log(this.$base.typefacedata)
				}
			}
		}
	}
</script>

<style lang="scss">
	.tooltextone {
		position: absolute;
		bottom: 0;
		z-index: 1000;
		width: 100%;
		display: flex;
		align-items: center;
		height: 100upx;
		background: #292933;

		.tooltext_li {
			width: 25%;

			.tooltext_li_top {
				border-radius: 50%;
				text-align: center;
				width: 41upx;
				height: 41upx;
				border: 1upx solid #FFFFFF;
				display: block;
				padding: 2upx;
				margin: 2upx auto;

				.tooltext_li_top_icon {
					color: #FFFFFF;
					font-size: 26upx;
					line-height: 41upx;
					text-align: center;
				}
			}

			.tooltext_li_text {
				text-align: center;
				color: #FFFFFF;
				font-size: 22upx;
			}
		}
	}

	@font-face {
		font-family: 'Stand_cool_blackttf';
		src: url('data:font/truetype;charset=utf-8;base64,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') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'CangErXiaoWanZittf';
		src: url('data:font/truetype;charset=utf-8;base64,AAEAAAAOAIAAAwBgRkZUTYxgdxUAAAyYAAAAHEdERUYAKQANAAAMeAAAAB5PUy8ypWh5tAAAAWgAAABgY21hcAIIjDUAAAHgAAABWmN2dCAAIQJ5AAADPAAAAARnYXNw//8AAwAADHAAAAAIZ2x5Znpt8q4AAANQAAACPGhlYWQZqZPqAAAA7AAAADZoaGVhB4cC4AAAASQAAAAkaG10eAxuALkAAAHIAAAAFmxvY2EBcAICAAADQAAAABBtYXhwAA8AYQAAAUgAAAAgbmFtZXh/J3gAAAWMAAAGlHBvc3T3xaShAAAMIAAAAFAAAQAAAAEAALFcJkBfDzz1AAsD6AAAAADa24hUAAAAANvgx7gAIf+pA60DUAAAAAgAAgAAAAAAAAABAAAD2P7zAAAD6AAAAAADrQABAAAAAAAAAAAAAAAAAAAABAABAAAABwAxAAcAAAAAAAIAAAAAAAAAAAAAAC4AAAAAAAQD6AGQAAUAAAKKAlgAAABLAooCWAAAAV4AMgFBAAACAgQAAAAAAAAAgAAAAxAAAAAAAAASAAAAAFRTQU4AQFFsgnIDcP+IAAAD2AENAAQAAQAAAAACFwLJAAAAIAABA+gAIQAAAAAD6AAAA+gARwBgAFEAVgAAAAAAAwAAAAMAAAAcAAEAAAAAAFQAAwABAAAAHAAEADgAAAAKAAgAAgACUWxW7V9pgnL//wAAUWxW7V9pgnL//66XqRegnH2UAAEAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACECeQAAACoAKgAqAF4AkADoAR4AAgAhAAABKgKaAAMABwAusQEALzyyBwQA7TKxBgXcPLIDAgDtMgCxAwAvPLIFBADtMrIHBgH8PLIBAgDtMjMRIREnMxEjIQEJ6MfHApr9ZiECWAAAAwBH/6kDrQNDAAMAEQAYAAATJxMXARMHJwUnNzYTFwIHJScDFhcGByYDm1TNXAEthVgo/dsHJGNoqmNrAUAsJ7HOLz+yeQFwKgGoIP3H/uwsYTVdA9MBPSr+/9gYawJ+4HVGJJgBHQAEAGD/7gOKAwgAAwASABYAGgAAASE1IQUjNSEVIxUzNxUhESMDIwEhESEXIREhAkr+tAFM/rNTAf1lMFL+8yI0mgIM/coCNrf81gMqAkM/v0BA8lR3ARX+2wIj/XxPAxoAAAAABwBR/7wDoAM/AAMADAAQABQAKAAsADAAAAETFwsBFwcnNwcnNxcnFwcnNyclFwMXBycVIxEHJxMjNTM1MxUzFSMVBScTFxMBJwEB9XaigulvSGkGUSRHM6tMSj0DNAEjUySWPW5yfUekrs5yo6MBBT/WSin+8TkBAwGyASMy/tABGRvRJBQVjBN8QYIhiBmElnz+QY4+evYBAcIwAQQ/Pz8/QBIvATQn/u/+xzgBLwAEAFb/zQONA1AAAwAHAAsAHAAAAQcFNxcjFTMhMzUjARUhESclFwchNxcHMxEhESEBNHoBL3Mmnp7+om9vAmn83RQA/zscASUnPqbP/f0BwgLMcwF0sbCw/mKwAnUd8S0aJzmf/tb+yQAAAAAAABwBVgABAAAAAAAAACQAVAABAAAAAAABAAkAjwABAAAAAAACAAcAqQABAAAAAAADAB0A7QABAAAAAAAEAAkBIQABAAAAAAAFADsBowABAAAAAAAGAAoB9QABAAAAAAAHAEsCmAABAAAAAAAIABQDFgABAAAAAAAJABQDXQABAAAAAAAKABwDrAABAAAAAAALABYD9wABAAAAAAAMABYEPAABAAAAAAANAEQE+QADAAEECQAAAFIAAAADAAEECQABABQAeQADAAEECQACAA4AmQADAAEECQADADoAsQADAAEECQAEABQBCwADAAEECQAFAHYBKwADAAEECQAGABQB3wADAAEECQAHAJYCAAADAAEECQAIADAC5AADAAEECQAJADADKwADAAEECQAKADgDcgADAAEECQALACwDyQADAAEECQAMACwEDgADAAEECQANAKQEUwCpAFMAFwBOAKwATgDTAIAAMwBlAIcAWwBXAGIAgABnAC8AZwAJAJYAUABRAGwAUwD4ADAAAgBPAN0AdQBZAGIAQABnAAkAZwBDAFIAKQAwAAIAAKlTF07CTu4zZVtXYmcvZwlQUWxTvzACT3VZYkBnCWdDUikwAgAATgDTAIAAMwBcAA8ATgA4AFsAUAAATu4zXA9OOFtQAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAAAxAC4AMAAwADAAOwBUAFMAQQBOADsAVABzAGEAbgBnAGUAcgBYAFcAWgA7AFQAUwBBAE4ARwBFAFIAADEuMDAwO1RTQU47VHNhbmdlclhXWjtUU0FOR0VSAABOANMAgAAzAFwADwBOADgAWwBQAABO7jNcD044W1AAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAwADAAOwBQAFMAIAAxAC4AMAAwADEAOwBoAG8AdABjAG8AbgB2ACAAMQAuADAALgA4ADgAOwBtAGEAawBlAG8AdABmAC4AbABpAGIAMgAuADUALgA2ADQANwA4ADAAMAAAVmVyc2lvbiAxLjAwMDtQUyAxLjAwMTtob3Rjb252IDEuMC44ODttYWtlb3RmLmxpYjIuNS42NDc4MDAAAFQAcwBhAG4AZwBlAHIAWABXAFoAAFRzYW5nZXJYV1oAAFQAcwBhAG4AZwBlAHIAWABXAFoAIABpAHMAIABhACAAdAByAGEAZABlAG0AYQByAGsAIABvAGYAIABCAGUAaQBqAGkAbgBnACAAVABzAGEAbgBnAGUAcgAgAEMAaABhAHIAYQBjAHQAZQByACAAVABlAGMAaABuAG8AbABvAGcAeQAgAEMAbwAuACwAIABMAHQAZAAuAABUc2FuZ2VyWFdaIGlzIGEgdHJhZGVtYXJrIG9mIEJlaWppbmcgVHNhbmdlciBDaGFyYWN0ZXIgVGVjaG5vbG9neSBDby4sIEx0ZC4AAFMAFwBOAKwATgDTAIAAMwBlAIcAWwBXAGIAgABnAC8AZwAJAJYAUABRAGwAUwD4AABTF07CTu4zZVtXYmcvZwlQUWxTvwAAUwAXAE4ArABOANMAgAAzAGUAhwBbAFcAYgCAAGcALwBnAAkAlgBQAFEAbABTAPgAAFMXTsJO7jNlW1diZy9nCVBRbFO/AABDAGgAaQBuAGUAcwBlACAAZgBvAG4AdAAgAGYAbwByACAAYQBuAHkAIABzAHkAcwB0AGUAbQAuAABDaGluZXNlIGZvbnQgZm9yIGFueSBzeXN0ZW0uAAByAG8AZABnAGUAcgAuAGwAaQB1AEAAbwB1AHQAbABvAG8AawAuAGMAbwBtAAByb2RnZXIubGl1QG91dGxvb2suY29tAAByAG8AZABnAGUAcgAuAGwAaQB1AEAAbwB1AHQAbABvAG8AawAuAGMAbwBtAAByb2RnZXIubGl1QG91dGxvb2suY29tAABlAOAAiwC6AGAAqABOAOUATwBVAHkAzQBlALkAXwAPAE8AfwB1ACgAiwDlAFsAVwBPAFMA/wAMAGAAqABfAMUAmAB7AE4AiwBRAEgAgwC3AF8AlwBTABcATgCsAE4A0wCAADMAZQCHAFsAVwBiAIAAZwAvAGcACQCWAFAAUQBsAFMA+AB2AIQAawBjAF8ADwBOAGYAlwBiAIsAuABTAO8AMAACAABliLxgrE6MT1V56mVfD09/dSiMW1dPU9gMYKxfgXtOUUjhX1MXTsJO7jNlW1diZy9nCVBRbFO/dmtjXw9OZmL8U5UwAgAAAgAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQACAQIBAwEEAQUHdW5pNTE2Qwd1bmk1NkVEB3VuaTVGNjkHdW5pODI3MgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAYAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA2tuIVAAAAADb4Me4') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'horizon_method_stick_bodyttf';
		src: url('data:font/truetype;charset=utf-8;base64,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') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Qiantu_rabbitttf';
		src: url('data:font/truetype;charset=utf-8;base64,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') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Standing_cool_happy_bodyttf';
		src: url('data:font/truetype;charset=utf-8;base64,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') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}
</style>