提交 d08cbdc3 编写于 作者: 智布道's avatar 智布道 👁

💡 添加广告模板

上级 4401b4b7
## 模板一:一张图片一个按钮
### 表单选项
![img.png](form-1.png)
### 广告内容
```html
<div style="background-color: #fff;color: #000;text-align: center;">
<div style="display: block;line-height: 24px;padding: 5px;">
<h4 style="margin-top: 0;">{主标题}</h4>
<p style="text-align: center">
{副标题}
</p>
<a href="{购买链接}" target="_blank" title="{产品描述}"><p>
<img src="{广告图片}" alt="" style="margin: auto">
</p>
</a>
</div>
<a href="{购买链接}" target="_blank" title="{产品描述}" style="display: inline-block;width: 100%;height: 40px;border-radius: 4px;background-color: #ff6434;color: #fff!important;text-align: center;line-height: 40px;cursor: pointer;">立即下单</a>
</div>
```
### 效果
![img.png](view-1.png)
## 模板二:一张图片两个按钮
### 表单选项
![img.png](form-2.png)
### 广告内容
```html
<div style="background-color: #fff;color: #000;text-align: center;">
<div style="display: block;line-height: 24px;padding: 5px;">
<h4 style="margin-top: 0;">{主标题}</h4>
<p style="text-align: center">
{副标题}
</p>
<a href="{购买链接}" target="_blank" title="先领券再购买"><p>
<img src="{广告图片}" alt="" style="margin: auto">
</p>
</a>
<p style="text-align: center">
购买小技巧:一定要<span style="color: #f00">先领券</span>再购买!
</p>
</div>
<a href="{领券链接}" target="_blank" title="{产品描述}" style="display: inline-block;width: 40%;height: 40px;border-radius: 4px;background-color: #ff6434;color: #fff!important;text-align: center;line-height: 40px;cursor: pointer;">先领券</a>
<a href="{购买链接}" target="_blank" title="{产品描述}" style="display: inline-block;width: 40%;height: 40px;border-radius: 4px;background-color: #919191;color: #fff!important;text-align: center;line-height: 40px;cursor: pointer;">再下单</a>
</div>
```
### 效果
![img.png](view-2.png)
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册