适配鸿蒙

pages/demo/other/sign.uvue

@@ -1,6 +1,6 @@
 <template>
 	<cl-page>
-		<cl-sign ref="signRef" :height="height" :enable-brush="isBrush"></cl-sign>
+		<cl-sign ref="signRef" :height="height" :width="width" :enable-brush="isBrush"></cl-sign>
 
 		<view class="p-3">
 			<cl-list>
@@ -10,7 +10,7 @@
 				</cl-list-item>
 
 				<cl-list-item label="大屏">
-					<cl-switch v-model="isFullscreen"></cl-switch>
+					<cl-switch v-model="isFullscreen" @change="onFullscreenChange"></cl-switch>
 				</cl-list-item>
 
 				<cl-list-item label="毛笔效果">
@@ -22,11 +22,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { ref } from "vue";
 
-const height = computed(() => {
-	return isFullscreen.value ? uni.getWindowInfo().windowHeight - 200 : 200;
-});
+const height = ref(0);
+const width = ref(0);
 
 const isFullscreen = ref(false);
 const isBrush = ref(true);
@@ -43,4 +42,15 @@ function preview() {
 		});
 	});
 }
+
+function onFullscreenChange() {
+	height.value = isFullscreen.value ? uni.getWindowInfo().windowHeight - 200 : 200;
+}
+
+onReady(() => {
+	const { windowWidth } = uni.getWindowInfo();
+
+	height.value = 200;
+	width.value = windowWidth;
+});
 </script>