部分优化

src/component/HomePage/createSlogan.vue

@@ -57,9 +57,23 @@
 					</div>
 					<div class="clearSlogan_center_btn_item">
 						<div>{{ $t('createSlogan.FontFamily') }}</div>
-						<select v-model="fontFamily" :style="{'font-family':fontFamily}">
-							<option v-for="item in textFontFamilyList" :style="{'font-family':item.value}" :value="item.value">{{item.name}}</option>
-						</select>
+						<generalMenu :dataList="textFontFamilyList" 
+							:style="{
+								'font-weight': '600',
+								'padding': '0 1rem',
+								'height': '4rem',
+							}" 
+							selectWidth="12rem"
+							selectSize="1.2rem"
+							:isFontType="true"
+							@setprintModel="(item)=>{fontFamily = item.value;}" :item="textFontFamilyList.filter((item)=>item.value === fontFamily)[0]"></generalMenu>
+
+						<!-- <select v-model="fontFamily" :style="{'font-family':fontFamily}">
+							<option v-for="item in textFontFamilyList" :value="item.value">
+								<div :style="{'font-family':item.value}">{{item.name}}</div>
+								{{item.name}}
+							</option>
+						</select> -->
 					</div>
 				</div>
 				<div class="clearSlogan_center_btn clearSlogan_center_item">
@@ -93,11 +107,13 @@ import allOrder from "@/component/Pay/allOrder.vue";
 import creditsDetail from "@/component/Pay/creditsDetail.vue";
 import { JSSetRemoveImage } from "@/tool/canvasDrawing";
 import { useI18n } from "vue-i18n";
+import generalMenu from "@/component/HomePage/generalMenu.vue";
 
 export default defineComponent({
     components: {
 		creditsDetail,
 		allOrder,
+		generalMenu,
     },
 	emits: ['setSloganData'],
     setup(props,{emit}) {