-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathsample.html
More file actions
228 lines (219 loc) · 17.3 KB
/
sample.html
File metadata and controls
228 lines (219 loc) · 17.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<section data-mpa-template="t" mpa-data-temp-power-by="yiban.io" mpa-from-tpl="t" data-mpa-action-id="medv6h9k1v0m" data-pm-slice="0 0 []">
<section style="display: flex;flex-direction: column;padding: 0 12px;" data-mid="" mpa-from-tpl="t">
<section style="display: flex;flex-direction: column;align-self: center;" data-mid="" mpa-from-tpl="t">
<section style="width: 188px;display: flex;flex-direction: column;" data-mid="" mpa-from-tpl="t">
<section style="width: 100%;display: flex;align-items: center;justify-content: space-between;background: #FFFFFF;border-radius: 2px;border: 1px solid #4F4F4F;border-bottom: none;padding: 2px 5px;" data-mid="" mpa-from-tpl="t">
<section style="display: flex;justify-content: center;align-items: center;width: 26px;height: 7px;flex-shrink: 0;margin: 0 0 1px 0;" data-mid="" mpa-from-tpl="t">
<span style="line-height: 7px;height: 7px;" data-mid=""><span leaf=""><img data-ratio="0.2692307692307692" data-w="52" style="background-color: transparent;" data-src="http://mmbiz.qpic.cn/mmbiz_png/cJicuekTRgkTAEdVHA81XmZfVVTXa9RwiaTlqTdljdvz4y1uowLCIN0PCfFwqpC5U0VyZr1JoUmWd7P3z2rGibgeA/0?from=appmsg" src="http://mmbiz.qpic.cn/mmbiz_png/cJicuekTRgkTAEdVHA81XmZfVVTXa9RwiaTlqTdljdvz4y1uowLCIN0PCfFwqpC5U0VyZr1JoUmWd7P3z2rGibgeA/0?from=appmsg"></span></span>
</section>
<section style="display: flex;justify-content: center;align-items: center;width: 9px;height: 9px;flex-shrink: 0;" data-mid="" mpa-from-tpl="t">
<span style="line-height: 9px;height: 9px;" data-mid=""><span leaf=""><img data-ratio="1" data-w="18" style="background-color: transparent;" data-src="http://mmbiz.qpic.cn/mmbiz_png/hrVTYmsgbJJW2fxOK0aicPNoNbicUYprtKhO7vibdfO0RgP82y28yADQhPUSXibVZ4bZJAD1ibfm4lMO17y6aDZibFsg/0?from=appmsg" src="http://mmbiz.qpic.cn/mmbiz_png/hrVTYmsgbJJW2fxOK0aicPNoNbicUYprtKhO7vibdfO0RgP82y28yADQhPUSXibVZ4bZJAD1ibfm4lMO17y6aDZibFsg/0?from=appmsg"></span></span>
</section>
</section>
<section style="width: 100%;background: #EFEFEF;border-radius: 2px;border: 1px solid #4F4F4F;margin: -1px 0;z-index: 1;padding: 6px 0 5px 0;" data-mid="" mpa-from-tpl="t">
<section style="text-align: center;" data-mid="" mpa-from-tpl="t">
<p yb-mpa-mark="mark-style-text" style="font-size: 14px;color: #1E1E1E;line-height: 20px;word-break: break-word;" data-mid="">
<span leaf="">点击上方</span>
<span style="font-weight: bold;padding: 0 5px;color: #0081fe;" data-mid=""><span leaf="">蓝字</span></span>
<span leaf="">关注我们</span>
</p>
</section>
</section>
<section style="display: grid;grid-template-columns: 50% 50%;" data-mid="" mpa-from-tpl="t">
<section style="text-align: center;background: #D9D9D9;border-radius: 0 0 0 2px;border: 1px solid #4F4F4F;border-top: none;padding: 3px 0 1px 0;" data-mid="" mpa-from-tpl="t">
<p style="font-weight: bold;font-size: 9px;color: #8A8A8A;line-height: 13px;word-break: break-word;" data-mid="">
<span leaf="">拒绝</span>
<span leaf=""><br></span>
</p>
</section>
<section style="text-align: center;background: #55E060;border-radius: 0 0 2px 0;border-right: 1px solid #4F4F4F;border-bottom: 1px solid #4F4F4F;padding: 3px 0 1px 0;" data-mid="" mpa-from-tpl="t">
<p style="font-weight: bold;font-size: 9px;color: #252525;line-height: 13px;word-break: break-word;" data-mid="">
<span leaf="">接受</span>
<span leaf=""><br></span>
</p>
</section>
</section>
<section style="width: 43px;height: 57px;display: flex;justify-content: center;align-items: center;align-self: flex-end;margin: -18px -12px 0 0;" data-mid="" mpa-from-tpl="t" nodeleaf="">
<img data-ratio="1.3255813953488371" data-w="86" style="background-color: transparent;" data-src="http://mmbiz.qpic.cn/sz_mmbiz_png/ewYRdE6ojDuXdXTJ4tDDorSQatvgBtAqX5rxN144qteicPTETO50qHsjVR9j93GL4TT0frFulQF6Xy7SbnpUukg/0?from=appmsg" src="http://mmbiz.qpic.cn/sz_mmbiz_png/ewYRdE6ojDuXdXTJ4tDDorSQatvgBtAqX5rxN144qteicPTETO50qHsjVR9j93GL4TT0frFulQF6Xy7SbnpUukg/0?from=appmsg">
</section>
</section>
</section>
</section>
</section>
<section data-mpa-md-key="heading-1" style="margin-bottom: 16px;margin-top: 16px;" data-mpa-md-template="30005" data-mpa-action-id="medv6ipvbza" data-pm-slice="0 0 []">
<section style="width: 100%;" data-mid="">
<section mpa-none-content="t" style="text-align: left;" data-mid="">
<p style="font-size: 28px;color: #333333;line-height: 40px;" data-mid="">
<span leaf="" data-mpa-md-heading-idx="01">Part.01</span>
</p>
</section>
<section style="text-align: left;display: flex;" data-mid="">
<section data-mpa-md-content="t" style="font-size: 18px;color: #FFFFFF;background: #785BFF;padding: 2px 1px;font-weight: bold;letter-spacing: 1px;" data-mid="" data-mpa-md-action-id="medv6ipv1v8l">
<span leaf="">第一部分：项目介绍</span>
</section>
</section>
</section>
</section>
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf="">这里是一段普通文本，用于说明项目目标与背景。</span>
</section>
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf=""><br></span>
</section>
</section>
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<section data-mpa-md-key="blockquote" style="margin-bottom: 16px;margin-top: 16px;" data-mpa-md-template="30005" data-mpa-action-id="medx0eve1gs9" data-pm-slice="0 0 []">
<section style="width: 100%;" data-mid="">
<section style="background: #ffffff;border: 2px solid #785bff;width: 100%;padding: 14px;" data-mid="">
<section data-mpa-md-content="t" style="font-size: 15px;color: #333333;" data-mid="" data-mpa-md-action-id="medx0euy1dsb">
<span leaf="">这是一个引用块示例。<br>支持多行引用内容。</span>
</section>
</section>
<section mpa-none-content="t" style="display: flex;justify-content: flex-start;align-items: center;flex-direction: column;" data-mid="">
<section style="display: flex;justify-content: center;align-items: center;grid-column-gap: 4px;align-self: flex-end;margin-right: 18px;background-color: #ffffff;margin-top: -5px;padding: 0px 4px;" data-mid="">
<section style="width: 3px;height: 8px;background: #785bff;transform: skew(12deg);" data-mid="">
<span leaf=""><br></span>
</section>
<section style="width: 3px;height: 8px;background: #785bff;transform: skew(12deg);" data-mid="">
<span leaf=""><br></span>
</section>
<section style="width: 3px;height: 8px;background: #785bff;transform: skew(12deg);" data-mid="">
<span leaf=""><br></span>
</section>
</section>
</section>
</section>
</section>
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf=""><br></span>
</section>
</section>
<hr style="border-style: solid;border-width: 1px 0 0;border-color: rgba(0,0,0,0.1);-webkit-transform-origin: 0 0;-webkit-transform: scale(1, 0.5);transform-origin: 0 0;transform: scale(1, 0.5);">
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf=""><br></span>
</section>
</section>
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<section data-mpa-md-key="heading-2" style="margin-bottom: 16px;font-size: 16px;font-weight: bold;color: #252525;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv2wim1v2" data-mpa-md-template="30005" data-mpa-action-id="medv2win1aoe" data-pm-slice="0 0 []">
<span leaf="">二级标题：功能清单</span>
</section>
<ul style="list-style-type: disc;padding-left: 1.2em;color: rgb(37, 37, 37);width: fit-content;" class="list-paddingleft-1"><li><section style="margin-bottom: 8px;font-size: 15px;color:#333333;letter-spacing: 1px;" data-mpa-md-content="t" data-mpa-md-key="bullet-list" data-mpa-md-template="30005"><span leaf="">特性一：支持标题、引用、分割线、文本</span></section></li><ul style="list-style-type: square;padding-left: 1.2em;color: rgb(37, 37, 37);width: fit-content;" class="list-paddingleft-1"><li><section style="margin-bottom: 8px;font-size: 15px;color:#333333;letter-spacing: 1px;" data-mpa-md-content="t" data-mpa-md-key="bullet-list" data-mpa-md-template="30005"><span leaf="">子项：空行会重启正文区块</span></section></li></ul><li><section style="margin-bottom: 8px;font-size: 15px;color:#333333;letter-spacing: 1px;" data-mpa-md-content="t" data-mpa-md-key="bullet-list" data-mpa-md-template="30005"><span leaf="">特性二：支持有序与无序列表，含嵌套</span></section></li></ul><section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf=""><br></span>
</section>
</section>
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<ol style="list-style-type: decimal;padding-left: 1.2em;color: rgb(37, 37, 37);width: fit-content;" class="list-paddingleft-1"><li><section style="margin-bottom: 8px;font-size: 15px;color:#333333;letter-spacing: 1px;" data-mpa-md-content="t" data-mpa-md-key="ordered-list" data-mpa-md-template="30005"><span leaf="">需求一：生成列表 HTML</span></section></li><li><section style="margin-bottom: 8px;font-size: 15px;color:#333333;letter-spacing: 1px;" data-mpa-md-content="t" data-mpa-md-key="ordered-list" data-mpa-md-template="30005"><span leaf="">需求二：生成表格 HTML</span></section></li></ol><section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf=""><br></span>
</section>
</section>
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<section data-mpa-md-key="heading-2" style="margin-bottom: 16px;font-size: 16px;font-weight: bold;color: #252525;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv2wim1v2" data-mpa-md-template="30005" data-mpa-action-id="medv2win1aoe" data-pm-slice="0 0 []">
<span leaf="">二级标题：表格示例</span>
</section>
<table>
<tbody>
<tr>
<td>
<section>
<span leaf="">字段</span>
</section>
</td>
<td>
<section>
<span leaf="">说明</span>
</section>
</td>
</tr>
<tr>
<td>
<section>
<section data-mpa-md-key="text" style="font-size: 15px;color: rgb(51, 51, 51);letter-spacing: 1px;" data-mpa-md-template="30005">
<span leaf="">A</span>
</section>
</section>
</td>
<td>
<section>
<section data-mpa-md-key="text" style="font-size: 15px;color: rgb(51, 51, 51);letter-spacing: 1px;" data-mpa-md-template="30005">
<span leaf="">第一列内容</span>
</section>
</section>
</td>
</tr>
<tr>
<td>
<section>
<section data-mpa-md-key="text" style="font-size: 15px;color: rgb(51, 51, 51);letter-spacing: 1px;" data-mpa-md-template="30005">
<span leaf="">B</span>
</section>
</section>
</td>
<td>
<section>
<section data-mpa-md-key="text" style="font-size: 15px;color: rgb(51, 51, 51);letter-spacing: 1px;" data-mpa-md-template="30005">
<span leaf="">第二列内容</span>
</section>
</section>
</td>
</tr>
</tbody>
</table><section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf=""><br></span>
</section>
</section>
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<section data-mpa-md-key="heading-2" style="margin-bottom: 16px;font-size: 16px;font-weight: bold;color: #252525;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv2wim1v2" data-mpa-md-template="30005" data-mpa-action-id="medv2win1aoe" data-pm-slice="0 0 []">
<span leaf="">二级标题：图片与代码</span>
</section>
<section style="text-align: center;" nodeleaf="">
<img data-src="https://mmbiz.qpic.cn/mmbiz_png/2X7pxHhiaJxYialLAibCTs4latXKUfLVB1TV2bL4Py0fU4snEML3ickd40Rw3Ciadav9QIHDztQQ4AvRfwqSp2yzxjw/0?wx_fmt=png&from=appmsg" class="rich_pages wxw-img" data-ratio="0.4107142857142857" data-s="300,640" data-type="png" data-w="840" type="block" data-imgfileid="100000087" data-imgqrcoded="1" src="https://mmbiz.qpic.cn/mmbiz_png/2X7pxHhiaJxYialLAibCTs4latXKUfLVB1TV2bL4Py0fU4snEML3ickd40Rw3Ciadav9QIHDztQQ4AvRfwqSp2yzxjw/0?wx_fmt=png&from=appmsg">
</section>
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf="">这里插入一张图片：</span>
</section>
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf=""><br></span>
</section>
</section>
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf="">code:print("hello")\nfor i in range(3):\n print(i)</span>
</section>
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf=""><br></span>
</section>
</section>
<section style="padding:0 8px;" data-mpa-md-root="t" data-mpa-md-template="30005">
<section data-mpa-md-key="text" style="font-size: 15px;margin-bottom: 16px;color: #333333;margin-top: 16px;letter-spacing: 1px;" data-mpa-md-action-id="medv19lz1716" data-mpa-md-template="30005" data-mpa-action-id="medv19lzqzq" data-pm-slice="0 0 []">
<span leaf="">这是结尾的一段文本。</span>
</section>
<section data-mpa-template="t" mpa-data-temp-power-by="yiban.io" mpa-from-tpl="t" data-mpa-action-id="medv5ge7bei">
<section style="width: 100%;display: flex;justify-content: center;align-items: center;padding: 0px 14px;box-sizing: border-box;" mpa-from-tpl="t">
<section style="display: flex;flex-direction: column;align-items: center;width: 100%;" mpa-from-tpl="t">
<section style="display: flex;flex-direction: column;align-items: center;margin-bottom: 15px;" mpa-from-tpl="t">
<p style="font-family: 'Alibaba PuHuiTi 2.0', sans-serif;font-size: 18px;font-weight: 400;color: #363636;margin: 0;line-height: 1.8;">
<span leaf="">FOLLOW US</span>
<span leaf=""><br></span>
</p>
<p style="font-family: 'Alibaba PuHuiTi 2.0', sans-serif;font-size: 18px;font-weight: 400;color: #363636;margin: 0;line-height: 1.2;">
<span leaf="">关注我们</span>
<span leaf=""><br></span>
</p>
</section>
<section style="border: 2px solid #404040;border-radius: 21px;display: flex;align-items: center;justify-content: space-between;padding: 8px 15px;width: 100%;box-sizing: border-box;" mpa-from-tpl="t">
<section style="text-align: left;" mpa-from-tpl="t">
<p yb-mpa-mark="mark-style-text" style="font-family: 'Alibaba PuHuiTi 2.0', sans-serif;font-size: 14px;font-weight: 500;color: #363636;margin: 0;">
<span leaf="">CodeDriver AI Lab</span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
<p style="display: none;">
<mp-style-type data-value="3">
</mp-style-type>
</p>