feat:image输入

src/views/components/PenProps.vue

@@ -1082,9 +1082,15 @@
                     置底
                   </t-checkbox>
                 </div>
-                <div class="flex">
+                <div class="form-item">
                   <label style="width: 30px; color: var(--color)">Url：</label>
-                  {{ data.pen.image }}
+                  <!-- {{ data.pen.image }} -->
+                  <t-input
+                    class="w-full"
+                    placeholder="图片地址"
+                    v-model.number="data.pen.image"
+                    @change="changeValue('image')"
+                  />
                 </div>
               </t-space>
             </t-collapse-panel>
@@ -1596,6 +1602,13 @@ const changeValue = (prop: string) => {
   if (prop === 'iframe') {
     getThumbImg();
   }
+  if(prop === 'image'){
+    data.images = [
+      {
+        url: data.pen.image,
+      },
+    ];
+  }
 };
 
 const getThumbImg = async () => {