feat:外观-description

src/views/components/PenProps.vue

@@ -14,15 +14,15 @@
           </div>
           <div class="form-item px-12" style="margin-top: -12px">
             <label style="width: 50px">{{$t('名称')}}</label>
-            <!-- <t-input
+            <t-input
+              v-if="data.input"
               class="w-full"
-              placeholder="名称"
-              disabled
-              v-model.number="data.pen.name"
-              @change="changeValue('name')"
-            /> -->
-            <div style="padding-left: 8px; line-height: 30px">
-              {{ data.pen.name }}
+              v-model.number="data.pen.description"
+              @change="changeValue('description')"
+              @blur="data.input = false"
+            />
+            <div v-else @click="data.input = true" style="padding-left: 8px; line-height: 30px">
+              {{data.pen.description || data.pen.name }}
             </div>
           </div>
           <div class="form-item px-12" style="margin-top: -12px">