aiot-app/static/svg-icons/bg-pattern.svg

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100">
  <defs>
    <pattern id="cloud-pattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
      <!-- 云纹图案 -->
      <path fill="none" stroke="#FFE6E6" stroke-width="0.5" d="M10,20 Q15,15 20,20 T30,20" opacity="0.6"/>
      <path fill="none" stroke="#FFD1D1" stroke-width="0.5" d="M12,18 Q17,13 22,18 T32,18" opacity="0.4"/>
      <!-- 装饰点 -->
      <circle cx="10" cy="10" r="1" fill="#FFE6E6" opacity="0.5"/>
      <circle cx="30" cy="30" r="1" fill="#FFD1D1" opacity="0.6"/>
      <!-- 装饰线条 -->
      <line x1="0" y1="0" x2="5" y2="5" stroke="#FFE6E6" stroke-width="0.3" opacity="0.4"/>
      <line x1="40" y1="0" x2="35" y2="5" stroke="#FFD1D1" stroke-width="0.3" opacity="0.4"/>
    </pattern>
    <!-- 装饰角 -->
    <pattern id="corner-pattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
      <path fill="none" stroke="#FF8E8E" stroke-width="0.3" d="M0,10 Q5,5 10,10" opacity="0.2"/>
      <path fill="none" stroke="#FF8E8E" stroke-width="0.3" d="M30,0 Q35,5 30,10" opacity="0.2"/>
      <path fill="none" stroke="#FF8E8E" stroke-width="0.3" d="M0,30 Q5,35 10,30" opacity="0.2"/>
      <path fill="none" stroke="#FF8E8E" stroke-width="0.3" d="M30,40 Q35,35 30,30" opacity="0.2"/>
    </pattern>
  </defs>
  <!-- 主背景 -->
  <rect x="0" y="0" width="100" height="100" fill="white"/>
  <!-- 叠加图案 -->
  <rect x="0" y="0" width="100" height="100" fill="url(#cloud-pattern)"/>
  <rect x="0" y="0" width="100" height="100" fill="url(#corner-pattern)"/>
</svg>