u

code/g3soft-libs/docs/examples/drawer/basic.vue

@@ -10,9 +10,6 @@ const open = ref(false)
   <div>
     <G3Button @click="open = true">打开抽屉</G3Button>
 
-    <G3Drawer v-model:open="open" title="筛选条件" @cancel="G3Message.info('已关闭')">
-      <p style="margin: 0">抽屉内容区域可滚动，适合承载较长的表单或列表。</p>
-      <p style="margin: 8px 0 0; color: #6b7280">拖动左边缘可以调整宽度。</p>
-    </G3Drawer>
+    <G3Drawer v-model:open="open" title="筛选条件" @cancel="G3Message.info('已关闭')" />
   </div>
 </template>

code/g3soft-libs/docs/examples/drawer/placement.vue

@@ -18,8 +18,6 @@ function show(value: 'right' | 'left' | 'top' | 'bottom') {
       {{ item }}
     </G3Button>
 
-    <G3Drawer v-model:open="open" :title="`从 ${placement} 滑出`" :placement="placement" :width="360" :height="280">
-      左右方向用 width，上下方向用 height 控制尺寸。
-    </G3Drawer>
+    <G3Drawer v-model:open="open" title="抽屉" :placement="placement" :width="360" :height="280" />
   </G3Space>
 </template>

code/g3soft-libs/docs/examples/drawer/size.vue

@@ -14,17 +14,11 @@ const resizable = ref(true)
       <G3Button size="small" type="outline" @click="width = 360">窄（360px）</G3Button>
       <G3Button size="small" type="outline" @click="width = 640">宽（640px）</G3Button>
       <G3Button size="small" type="outline" @click="width = '60%'">百分比（60%）</G3Button>
-      <G3Button size="small" type="ghost" @click="resizable = !resizable">
-        拖拽：{{ resizable ? '开' : '关' }}
-      </G3Button>
+      <G3Button size="small" type="ghost" @click="resizable = !resizable">拖拽</G3Button>
     </G3Space>
 
-    <div>
-      <G3Button @click="open = true">打开（宽 {{ width }}）</G3Button>
-    </div>
+    <G3Button @click="open = true">打开</G3Button>
 
-    <G3Drawer v-model:open="open" title="尺寸可配置" :width="width" :resizable="resizable">
-      当前宽度：{{ width }}。拖拽左边缘时只会改变宽度，不会影响高度。
-    </G3Drawer>
+    <G3Drawer v-model:open="open" title="尺寸可配置" :width="width" :resizable="resizable" />
   </G3Space>
 </template>