支持按次收费的 OpenAI 实时语音通话功能

web/src/assets/css/admin/form.styl

@@ -1,14 +1,74 @@
-.el-form-item__content {
-  .tip-input {
-    display flex
-    width 100%
+.form {
+  .el-form-item__label {
+    .label-title {
+      display flex
+      align-items center
 
-    .el-input,.el-select,.el-switch {
-      margin-right 10px
-    }
-
-    .info {
-      margin-top 2px
+      .el-icon {
+        margin-left 5px
+        cursor pointer
+      }
     }
   }
-}
+
+  .el-form-item__content {
+    width 100%
+
+    .uploader-icon {
+      font-size 24px
+      position relative
+      top 3px
+    }
+
+    .tip-input-line {
+      .tip {
+        margin-top 10px
+        color #c1c1c1
+        font-size 12px;
+        line-height 1.5;
+      }
+    }
+  }
+
+  .el-input {
+    width 100%
+  }
+
+
+  .text {
+    font-size 14px
+  }
+
+  .active-info {
+    line-height 1.5
+    padding 10px 0 30px 0
+  }
+
+  .el-descriptions {
+    margin-bottom 20px
+
+    .el-icon {
+      font-size 18px
+    }
+
+    .selected {
+      color #0bc15f
+    }
+
+    .closed {
+      color #da0d54
+    }
+
+    .text {
+      margin-left 10px
+      font-size 12px
+      color #999999
+      position: relative;
+      top -5px
+    }
+  }
+
+  .el-alert {
+    margin-bottom 15px;
+  }
+}

web/src/assets/css/chat-plus.styl

@@ -345,13 +345,14 @@
                     justify-content: flex-end;
                     align-items: center;
                     gap: 8px;
-                    .tool-item-btn{
-
-                      .iconfont{
+                    
+                    .iconfont{
                         font-size: 19px;
-                       
+                        cursor pointer
+                        background-color: var(--chat-content-bg);
+                        padding: 5px;
+                        border-radius: 6px;
                       }
-                    }
                   }
 
                   .add-new{

web/src/assets/css/main.styl

@@ -172,6 +172,58 @@ body {
   }
 }
 
+.w-100 {
+  width 100%
+}
+.mr-1 {
+  margin-right 0.5rem
+}
+
+.mr-2 {
+  margin-right 1rem
+}
+
+.ml-1 {
+  margin-left 0.5rem
+}
+
+.ml-2 {
+  margin-left 1rem
+}
+
+.d-flex {
+  display flex !important
+}
+
+.justify-center {
+  justify-content center
+}
+.justify-between {
+  justify-content space-between
+}
+
+.justify-end {
+  justify-content flex-end
+}
+
+.align-center {
+  align-items center
+}
 
 
 
+.p-1 {
+  padding 0.5rem
+}
+
+.p-2 {
+  padding 1rem
+}
+
+.m-1 {
+  margin 0.5rem
+}
+
+.m-2 {
+  margin 1rem
+}