feat:添加状态 样式

src/views/components/GlobalStates.vue

@@ -13,6 +13,7 @@
           <t-popconfirm
             content="确认删除该行为吗？"
             @confirm="data.triggers.splice(i, 1)"
+            :popup-props="{ placement: 'left' }"
           >
             <delete-icon class="hover" />
           </t-popconfirm>
@@ -195,7 +196,11 @@
     </t-collapse>
 
     <div class="mt-8 ml-16">
-      <a @click="onAddTrigger"> + 添加行为 </a>
+      <!-- <a @click="onAddTrigger"> + 添加行为 </a> -->
+      <t-button @click="onAddTrigger" style="width: 90%;" variant="outline">
+        <template #icon><add-icon /></template>
+        添加行为
+      </t-button>
     </div>
   </div>
 </template>
@@ -212,7 +217,7 @@ import {
   toRaw,
 } from 'vue';
 import { getPenTree, typeOptions, changeType } from '@/services/common';
-import { ArrowRightIcon, CloseIcon, DeleteIcon } from 'tdesign-icons-vue-next';
+import { ArrowRightIcon, CloseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-vue-next';
 import CodeEditor from '@/views/components/common/CodeEditor.vue';
 import Actions from './Actions.vue';
 
@@ -386,6 +391,9 @@ const onAddTrigger = () => {
 };
 </script>
 <style lang="postcss" scoped>
+.props{
+  padding-top:12px;
+}
 :deep(.t-collapse.t--border-less) {
   .t-collapse-panel__header {
     border: none;

src/views/components/PenDatas.vue

@@ -633,7 +633,11 @@
       </t-collapse>
 
       <div class="mt-8">
-        <a @click="onAddTrigger"> + 添加状态 </a>
+        <!-- <a @click="onAddTrigger"> + 添加状态 </a> -->
+        <t-button @click="onAddTrigger" style="width: 100%;" variant="outline">
+          <template #icon><add-icon /></template>
+          添加状态
+        </t-button>
       </div>
     </div>
   </t-dialog>
@@ -698,7 +702,7 @@ import Actions from './Actions.vue';
 import { useSelection } from '@/services/selections';
 import { defaultGradientColor, defaultPureColor } from '@/services/defaults';
 import { getLe5le3d, getLe5leV, getLe5le2d } from '@/services/api';
-import { EllipsisIcon, MoreIcon, LinkIcon, RelativityIcon, AddRectangleIcon, SearchIcon ,DeleteIcon, ArrowRightIcon, CloseIcon, ChevronLeftDoubleIcon } from 'tdesign-icons-vue-next';
+import { EllipsisIcon, MoreIcon, LinkIcon, RelativityIcon, AddRectangleIcon, SearchIcon ,DeleteIcon, ArrowRightIcon, CloseIcon, ChevronLeftDoubleIcon, AddIcon } from 'tdesign-icons-vue-next';
 import { s8 } from '@/services/random';
 
 const route = useRoute();
@@ -1483,7 +1487,7 @@ onUnmounted(() => {
   :deep(.t-collapse.t--border-less) {
     .t-collapse-panel__header {
       border-top: none;
-      border-bottom: 1px solid var(--td-border-level-1-color);
+      /* border-bottom: 1px solid var(--td-border-level-1-color); */
       padding: 8px 0;
 
       .t-input {