79 lines
4.1 KiB
XML
79 lines
4.1 KiB
XML
<svg width="1200" height="800" viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<style>
|
|
.title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 36px; font-weight: bold; fill: #c0392b; }
|
|
.section-title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 24px; font-weight: bold; fill: #2c3e50; }
|
|
.desc { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; fill: #333; }
|
|
.solution { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #27ae60; font-weight: bold; }
|
|
.box { fill: #fff; stroke: #e74c3c; stroke-width: 3; rx: 15; }
|
|
.icon-bg { fill: #fdeaea; }
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="1200" height="800" fill="#f9f9f9"/>
|
|
|
|
<!-- Title -->
|
|
<text x="600" y="60" text-anchor="middle" class="title">我踩过的4个大坑(有人因此放弃)</text>
|
|
|
|
<!-- Four boxes arranged in 2x2 grid -->
|
|
<!-- Box 1: 过度浇水 -->
|
|
<g transform="translate(80, 120)">
|
|
<rect x="0" y="0" width="500" height="240" class="box"/>
|
|
<rect x="20" y="20" width="100" height="100" class="icon-bg" rx="10"/>
|
|
<!-- Water drop icon -->
|
|
<path d="M 70,60 Q 50,100 70,140 Q 90,100 70,60 Z" fill="#3498db"/>
|
|
<text x="20" y="150" class="section-title">坑1:过度浇水</text>
|
|
<text x="20" y="185" class="desc">"贴心"每天浇水,结果2棵番茄苗烂根死亡。</text>
|
|
<text x="20" y="220" class="solution">✓ 教训:见干见湿(手指插入土壤2cm,干了再浇)</text>
|
|
</g>
|
|
|
|
<!-- Box 2: 红蜘蛛爆发 -->
|
|
<g transform="translate(640, 120)">
|
|
<rect x="0" y="0" width="500" height="240" class="box"/>
|
|
<rect x="20" y="20" width="100" height="100" class="icon-bg" rx="10"/>
|
|
<!-- Spider icon simple -->
|
|
<circle cx="70" cy="70" r="15" fill="#e74c3c"/>
|
|
<path d="M 70,85 L 60,100 M 70,85 L 80,100 M 70,85 L 55,95 M 70,85 L 85,95 M 70,85 L 60,75 M 70,85 L 80,75" stroke="#e74c3c" stroke-width="3"/>
|
|
<text x="20" y="150" class="section-title">坑2:红蜘蛛爆发</text>
|
|
<text x="20" y="185" class="desc">夏季干燥,红蜘蛛大爆发,损失一半辣椒。</text>
|
|
<text x="20" y="220" class="solution">✓ 解决:增加湿度、喷雾、生物防治(捕食螨)</text>
|
|
</g>
|
|
|
|
<!-- Box 3: 光照不足 -->
|
|
<g transform="translate(80, 420)">
|
|
<rect x="0" y="0" width="500" height="240" class="box"/>
|
|
<rect x="20" y="20" width="100" height="100" class="icon-bg" rx="10"/>
|
|
<!-- Sun with clouds? Simple sun -->
|
|
<circle cx="70" cy="70" r="25" fill="#f1c40f"/>
|
|
<g stroke="#f39c12" stroke-width="4">
|
|
<line x1="70" y1="30" x2="70" y2="45"/>
|
|
<line x1="70" y1="95" x2="70" y2="110"/>
|
|
<line x1="30" y1="70" x2="45" y2="70"/>
|
|
<line x1="95" y1="70" x2="110" y2="70"/>
|
|
<line x1="42" y1="42" x2="53" y2="53"/>
|
|
<line x1="87" y1="87" x2="98" y2="98"/>
|
|
<line x1="42" y1="98" x2="53" y2="87"/>
|
|
<line x1="87" y1="43" x2="98" y2="32"/>
|
|
</g>
|
|
<text x="20" y="150" class="section-title">坑3:光照不足</text>
|
|
<text x="20" y="185" class="desc">秋季日照减少,生菜徒长(细高、不结球)。</text>
|
|
<text x="20" y="220" class="solution">✓ 解决:LED补光灯(300元),每天补光4小时</text>
|
|
</g>
|
|
|
|
<!-- Box 4: 冬季低温 -->
|
|
<g transform="translate(640, 420)">
|
|
<rect x="0" y="0" width="500" height="240" class="box"/>
|
|
<rect x="20" y="20" width="100" height="100" class="icon-bg" rx="10"/>
|
|
<!-- Snowflake icon -->
|
|
<text x="70" y="85" text-anchor="middle" font-size="60" fill="#3498db">❄</text>
|
|
<text x="20" y="150" class="section-title">坑4:冬季低温</text>
|
|
<text x="20" y="185" class="desc">12月湿冷,部分蔬菜生长停滞。</text>
|
|
<text x="20" y="220" class="solution">✓ 解决:移入室内,用智能种植箱继续种香草</text>
|
|
</g>
|
|
|
|
<!-- Footer -->
|
|
<text x="600" y="760" text-anchor="middle" class="desc" style="font-style:italic;">
|
|
从失败中学到:种植是学习过程,每个城市、每家的环境都不同,需要自己摸索。你的阳台,是你的实验室。
|
|
</text>
|
|
</svg> |