兼容鸿蒙

This commit is contained in:
icssoa
2025-08-03 13:57:29 +08:00
parent da82729cee
commit 01ea7b3e89

View File

@@ -85,12 +85,12 @@
<!-- 底部按钮组 --> <!-- 底部按钮组 -->
<view class="cl-cropper__op" :class="[pt.op?.className]" :style="opStyle" @touchmove.stop> <view class="cl-cropper__op" :class="[pt.op?.className]" :style="opStyle" @touchmove.stop>
<!-- 关闭 --> <!-- 关闭 -->
<view class="cl-cropper__op-item"> <view class="cl-cropper__op-item" :class="[pt.opItem?.className]">
<cl-icon name="close-line" color="white" :size="50" @tap="close"></cl-icon> <cl-icon name="close-line" color="white" :size="50" @tap="close"></cl-icon>
</view> </view>
<!-- 旋转 --> <!-- 旋转 -->
<view class="cl-cropper__op-item"> <view class="cl-cropper__op-item" :class="[pt.opItem?.className]">
<cl-icon <cl-icon
name="anticlockwise-line" name="anticlockwise-line"
color="white" color="white"
@@ -100,17 +100,17 @@
</view> </view>
<!-- 重置 --> <!-- 重置 -->
<view class="cl-cropper__op-item"> <view class="cl-cropper__op-item" :class="[pt.opItem?.className]">
<cl-icon name="reset-right-line" color="white" :size="40" @tap="reset"></cl-icon> <cl-icon name="reset-right-line" color="white" :size="40" @tap="reset"></cl-icon>
</view> </view>
<!-- 重新选择 --> <!-- 重新选择 -->
<view class="cl-cropper__op-item"> <view class="cl-cropper__op-item" :class="[pt.opItem?.className]">
<cl-icon name="image-line" color="white" :size="40" @tap="chooseImage"></cl-icon> <cl-icon name="image-line" color="white" :size="40" @tap="chooseImage"></cl-icon>
</view> </view>
<!-- 确定 --> <!-- 确定 -->
<view class="cl-cropper__op-item"> <view class="cl-cropper__op-item" :class="[pt.opItem?.className]">
<cl-icon name="check-line" color="white" :size="50" @tap="toPng"></cl-icon> <cl-icon name="check-line" color="white" :size="50" @tap="toPng"></cl-icon>
</view> </view>
</view> </view>
@@ -244,9 +244,9 @@ type PassThrough = {
className?: string; // 组件根元素类名 className?: string; // 组件根元素类名
image?: PassThroughProps; // 图片元素透传属性 image?: PassThroughProps; // 图片元素透传属性
op?: PassThroughProps; // 底部按钮组透传属性 op?: PassThroughProps; // 底部按钮组透传属性
opItem?: PassThroughProps; // 按钮透传属性
mask?: PassThroughProps; // 遮罩层透传属性 mask?: PassThroughProps; // 遮罩层透传属性
cropBox?: PassThroughProps; // 裁剪框透传属性 cropBox?: PassThroughProps; // 裁剪框透传属性
button?: PassThroughProps; // 按钮透传属性
}; };
// 解析透传样式配置 // 解析透传样式配置