Przeglądaj źródła

feat:平滑度&箭头动画

ananzhusen 1 rok temu
rodzic
commit
5cdc7a5520

+ 1 - 0
src/views/components/PenAnimates.vue

@@ -72,6 +72,7 @@
                 <t-option :key="0" :value="0" label="水流" />
                 <t-option :key="1" :value="1" label="水珠" />
                 <t-option :key="2" :value="2" label="圆点" />
+                <t-option  v-if="['polyline','line'].includes(props.pen.lineName)" :key="3" :value="3" label="箭头" />
               </t-select>
             </div>
 

+ 16 - 16
src/views/components/PenProps.vue

@@ -376,6 +376,22 @@
                     class="ml-4"
                     style="width: 40px"
                   />
+                  <t-tooltip
+                    v-if="['polyline','line'].includes(data.pen.lineName)"
+                    content="平滑度"
+                    placement="top"
+                  >
+                    <t-input-number
+                      theme="normal"
+                      placeholder="1-3"
+                      v-model="data.pen.lineSmooth"
+                      :min="0"
+                      :decimalPlaces="0"
+                      @change="changeValue('lineSmooth')"
+                      class="ml-4"
+                      style="width: 44px"
+                    />
+                  </t-tooltip>
                   <t-tooltip content="线条渐变" placement="top">
                     <div class="flex middle ml-8">
                       <t-checkbox
@@ -399,22 +415,6 @@
                       />
                     </div>
                   </t-tooltip>
-                  <t-tooltip
-                    v-if="data.pen.strokeType"
-                    content="平滑度"
-                    placement="top"
-                  >
-                    <t-input-number
-                      theme="normal"
-                      placeholder="1-3"
-                      v-model="data.pen.gradientSmooth"
-                      :min="0"
-                      :decimalPlaces="0"
-                      @change="changeValue('gradientSmooth')"
-                      class="ml-4"
-                      style="width: 44px"
-                    />
-                  </t-tooltip>
                 </div>
                 <div class="form-item">
                   <label style="width: 52px">起点箭头 </label>