签名横屏

pages/signature/signature.vue

@@ -6,12 +6,15 @@
       :penColor="penColor"
       :penSize="penSize"
       disableScroll
+      landscape
     ></l-signature>
   </view>
-  <view style="width: 100vw; height: 20vh; background-color: #ffffff">
-    <button @click="onClick('clear')">清空</button>
-    <button @click="onClick('undo')">撤消</button>
-    <button @click="onClick('save')">提交</button>
+  <view class="btn-container">
+    <view style="width: 150rpx; background-color: #ffffff; transform: rotate(90deg); gap: 20rpx">
+      <button @click="onClick('clear')">清空</button>
+      <button @click="onClick('undo')">撤消</button>
+      <button @click="onClick('save')">提交</button>
+    </view>
   </view>
 </template>
 
@@ -63,4 +66,10 @@ export default {
   },
 }
 </script>
-<style lang="scss"></style>
+<style lang="scss">
+.btn-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>