更新记录

1.0.5（2025-08-11） 下载此版本

1. 修复设置颜色无效的问题

1.0.4（2025-07-25） 下载此版本

1. 限时免费开源

1.0.3（2025-07-24） 下载此版本

1. 适配鸿蒙

平台兼容性

uni-app x(4.66)

UxFrame SVG组件 1.0.5

特别说明

如果您已经购买了UxFrame 低代码高性能UI框架, 则无需再次购买本插件，请点击上方进入交流群联系我免费获取离线版插件！

使用方式

<template>
    <view class="img">
        <ux-svg style="flex: 1;" :src="path1" color="#00a900"></ux-svg>
    </view>
    <view class="img">
        <ux-svg style="flex: 1;" :src="path2" color="#00a900"></ux-svg>
    </view>
</template>

<script setup>
    const path1 = "/static/VAR.svg"
    const path2 = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path d="M6.31 4.32001L25.69 4.32001C27.5154 4.32001 29 5.80466 29 7.63001L29 20.85C29 22.6754 27.5154 24.15 25.69 24.15L16.66 24.15L16.66 26.35L22.17 26.35C22.5351 26.35 22.83 26.6449 22.83 27.01C22.83 27.3751 22.5351 27.68 22.17 27.68L9.83 27.68C9.46493 27.68 9.17 27.3751 9.17 27.01C9.17 26.6449 9.46493 26.35 9.83 26.35L15.34 26.35L15.34 24.15L6.31 24.15C4.48465 24.15 3 22.6754 3 20.85L3 7.63001C3 5.80466 4.48465 4.32001 6.31 4.32001ZM7.69411 10.7451L6.1817 10.7451L8.57634 18.605L10.0544 18.605L12.449 10.7451L11.0168 10.7451L9.38984 16.3708L9.34401 16.3708L7.69411 10.7451ZM16.6883 10.7451L14.9812 10.7451L12.449 18.605L13.8698 18.605L14.3395 17.0583L17.2383 17.0583L17.7195 18.605L19.2205 18.605L16.6883 10.7451ZM23.2077 10.7451L19.9194 10.7451L19.9194 18.605L21.386 18.605L21.386 15.3282L22.9098 15.3282L24.216 18.605L25.8086 18.605L24.2962 15.0073C24.2962 15.0073 24.9149 14.7553 25.2644 14.2282C25.2644 14.2282 25.6138 13.7012 25.6138 12.9908C25.6138 12.9908 25.6138 11.9825 24.9894 11.3638C24.9894 11.3638 24.365 10.7451 23.2077 10.7451ZM23.7749 13.7642C23.7749 13.7642 23.5171 14.0334 23.0015 14.0334L21.386 14.0334L21.386 12.0513L23.0588 12.0513C23.0588 12.0513 23.5515 12.0513 23.7921 12.2976C23.7921 12.2976 24.0327 12.544 24.0327 12.9908C24.0327 12.9908 24.0327 13.4949 23.7749 13.7642ZM16.0467 13.1283L16.8373 15.7521L14.7405 15.7521L15.5426 13.1283C15.5426 13.1283 15.6572 12.7846 15.7717 12.0627L15.8176 12.0627C15.8176 12.0627 15.9321 12.7387 16.0467 13.1283Z" fill-rule="evenodd"  fill="#15273C" >
</path>
</svg>`
</script>

<style>
    .img {
        height: 150px;
        width: 150px;
        margin: 50px auto 25px auto;
        border: 1px solid red;
    }
</style>

文档教程 ⬇️

https://www.uxframe.cn