svg动画,打勾,打叉

资源信息 :

发布:2023-09-22 09:37:46  阅读:245

转载本资源必须注明出处,欢迎加入官群【445790831】

上传用户 :

资源归属:qiang

资源状态 :

资源状态:免费下载

资源好评 :

资源下载 :

qiang的头像

资源作者:【qiang】

个性签名:请输入个性签名___________

如果不能正常使用,请重新勾选支持库。

另外,选择器是为了更好展示,加上的,如果正常使用,删除选择器,动态类名,给成功动画类名,加上“成功”类名。

经过uniapp编译之后,svg在iOS不支持,所以更新了一版伪类做的版本,需要的话移步:弹出层成功失败弹窗动画,打勾,打叉2.0-快码编程源码下载 (fofstudio.net)

效果展示

默认排序
Generic placeholder image
Generic placeholder image
大将军 Time: 2023-09-20 21:28:37

漂亮。

Generic placeholder image
1888****8888 Time: 2023-09-20 23:02:50

感谢老板 这个在调试的时候可以正常运行 到了苹果手机上 就不转圈圈 也不打勾 不知道需要怎么搞

<弹出层 ref="zhezhao" 类型="对话框" 动画="真">居中弹出 zhezhao
        <区块 类名="成功动画 成功">
            <svg viewBox="0 0 400 400">
                <circle class="成功圆" fill="none" stroke="#68E534" stroke-width="20" cx="200" cy="200" r="190" stroke-linecap="round" transform="rotate(-90,200,200)" />
                <polyline class="打勾" fill="none" stroke="#68E534" stroke-width="24" points="88,214 173,284 304,138" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
            <文本框 类名="成功文本">操作成功!</文本框>
        </区块>
    </弹出层>
Markup

我点击调试再点击弹出层就可以

 

编译到苹果手机上 口只显示操作成功  求大师指导

 

弹出层的别的类型也都试验过

 

你的项目我也直接编译到苹果上也不转圈打勾 只显示操作成功 

 

 

Generic placeholder image
qiang 回复 2楼 1888****8888 Time: 2023-09-21 15:22:09

用区块+伪类模拟了一个,可以兼容ios

成功动画2.0.zip

 

 

Generic placeholder image
1888****8888 回复 3楼 qiang Time: 2023-09-21 17:07:56

此案例完美~~~ 通过测试 可以随便修改到任何模式上面 一劳永逸!!感谢社会我强哥

Generic placeholder image
快码快问快答 Time: 2023-09-21 20:48:58

9999



svg动画,打勾,打叉