<iui-mask v-model="visible"></iui-mask>

<script setup>
  import { ref } from "vue";

  const visible = ref(false);
  const onClick = () => {
    visible.value = true;
  };
</script>

<iui-mask v-model="visible"></iui-mask>

<script setup>
  import { ref } from "vue";

  const visible = ref(false);
  const onClick = () => {
    visible.value = true;
  };
</script>

<iui-mask ref="mask">
  <view :style="{ width: '200px', height: '160px' }">
    <iui-image src="example.png"></iui-image>
  </view>
</iui-mask>

<script setup>
  import { ref } from "vue";

  const mask = ref(null);

  onMounted(() => {
    mask.value.show();
  });
</script>

<iui-mask ref="mask">
  <view :style="{ width: '200px', height: '160px' }">
    <iui-image src="example.png"></iui-image>
  </view>
</iui-mask>

<script setup>
  import { ref } from "vue";

  const mask = ref(null);

  onMounted(() => {
    mask.value.show();
  });
</script>