feat:添加字体&消息添加消息名

src/assets/fonts/fonts.css

@@ -0,0 +1,21 @@
+/* 字体文件 */
+@font-face {
+  font-family: '斗鱼追光体';
+  src: url('./斗鱼追光体.ttf');
+}
+
+@font-face {
+  font-family: '庞门正道标题体';
+  src: url('./庞门正道标题体.ttf');
+}
+
+/* 数字字体 */
+@font-face {
+  font-family: 'ALIBABA Regular';
+  src: url('./TG-TYPE-Regular.otf');
+}
+
+@font-face {
+  font-family: 'ALIBABA Bold';
+  src: url('./TG-TYPE-Bold.otf');
+}

src/services/common.ts

@@ -441,6 +441,10 @@ export const fonts = [
   '微软雅黑',
   '黑体',
   '楷体',
+  '斗鱼追光体',
+  '庞门正道标题体',
+  'ALIBABA Regular',
+  'ALIBABA Bold',
   '-apple-system',
   'BlinkMacSystemFont',
   'PingFang SC',

src/styles/index.css

@@ -1,4 +1,5 @@
 @import 'tdesign-vue-next/es/style/index.css';
+@import '../assets/fonts/fonts.css';
 
 @import './var.css';
 @import './tdesign.css';

src/views/components/PenEvents.vue

@@ -9,8 +9,19 @@
       >
         <t-collapse-panel v-for="(item, i) in props.pen.events" :value="i">
           <template #header>
-            <div @click.stop class="head">
-              <t-select v-model="item.name" :options="options" autoWidth />
+            <div @click.stop class="head flex">
+              <t-select
+                v-model="item.name"
+                style="width: 40%"
+                :options="options"
+                autoWidth
+              />
+              <t-input
+                v-if="item.name === 'message'"
+                style="width: 40%"
+                v-model="item.message"
+                placeholder="消息名"
+              />
             </div>
           </template>
           <template #headerRightContent>