王洪林个人官网

标题: [PintuerCSS前端开发学习]代码应用开发学习记录 [打印本页]
作者: admin    时间: 2023-7-5 10:14
标题: [PintuerCSS前端开发学习]代码应用开发学习记录
[PintuerCSS前端开发学习]代码应用开发学习记录
  1. <!--虚线边框代码-->
  2.         <div class="container">
  3.         <div class="border border-small border-dashed border-sub bg-back radius-big margin-bottom">
  4.                
  5.         <!---->
  6.         <div class="panel-body">
  7.         <!--这里也可以加入图标，让提示看起来更醒目一些-->
  8.         <!--<h3><span class="icon-circle text-red">  </span><span class="icon-circle text-yellow"></span>  <span class="icon-circle text-green"></span></h3>-->
  9.                 <h4><strong>虚线边框内放置面板内容标题</strong></h4>
  10.                 <p>注意：这里是面板内容，这个可以写很多的内容，此虚线边框也可以作为提示内容来展示，这个框内写了两种情况，应用时请灵活运用...</p>
  11.         </div>        

  13.         <!---->
  14.         <div class="panel-body bg-yellow bg-inverse radius-big">
  15.         <!--上面加入bg-inverse来让背景反色-->
  16.         <h5><strong>这里是标题</strong></h5>
  17.         有边距、橙色背景色并且圆角了的面板组...
  18.     </div>
  19.     <!---->

  21.         </div>
  22.         </div>        
  23.         <!--虚线边框结束-->
复制代码
以下是再加入竖线和分隔线的代码和效果：
  1. <p style="border-left: 5px solid red; height: 20px; margin-bottom:8px;"> 这里写段文字是什么效果</p><hr class="text-big bg-red">
复制代码
作者: admin    时间: 2023-7-6 07:44
测试编辑从[135编辑器]引入样式到本论坛中的效果展示和代码：
1：首先，贴子编辑器打开html编辑支持；
2：插入[135编辑]编辑的html代码
以下是样式效果1：
1
小暑时节
/ SLIGHT HEAT
  1. <section class="_135editor" data-role="title" data-tools="135编辑器" data-id="129352">
  2. <section style="margin: 10px auto; display: flex; justify-content: center;">
  3. <section style="display: flex;justify-content: center;align-items: center;">
  4. <section style="flex-shrink: 0;">
  5. <section style="font-size: 16px;letter-spacing: 1.5px;color: #ffffff;background-color: #a0c05f;width: 25px;height: 25px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  6. <strong class="autonum" data-original-title="" title="">1</strong>
  7. </section>
  8. </section>
  9. <section style="display: flex;align-items: flex-end;">
  10. <section style="font-size: 16px;color: #a0c05f;text-align: center;padding: 0 6px;box-sizing:border-box;">
  11. <strong class="135brush" data-brushtype="text">小暑时节</strong>
  12. </section>
  13. <section style="font-size: 12px;color: #ffdc80;text-align: center;">
  14. / <strong class="135brush" data-brushtype="text">SLIGHT HEAT</strong>
  15. </section>
  16. </section>
  17. </section>
  18. </section>
  19. </section>
  20. <section data-role="paragraph" class="_135editor">
  21. </section>
复制代码
以下是样式效果2：
报名信息
招生对象

青少年学生

招生时间

2023年7月1日

招生地点

长宏大道22号

联系电话

531-8911355


  1. <section class="_135editor" data-tools="135编辑器" data-id="129227">
  2. <section style="margin: 10px auto;">
  3. <section style="display: flex;justify-content: flex-end;margin: 0 0 3px;">
  4. <section style="display: flex;align-items: center;">
  5. <section style="font-size: 16px;color: #56c5d2;">
  6. <strong class="135brush" data-brushtype="text">报名信息</strong>
  7. </section>
  8. <section style="display: flex;flex-shrink: 0;">
  9. <section style="width: 0px;height: 1px;border-right: 6px solid #fed573;border-top: 3px solid transparent;border-bottom: 3px solid transparent;margin: 0 0 0 5px;box-sizing:border-box;"></section>
  10. <section style="width: 0px;height: 1px;border-right: 6px solid #fed573;border-top: 3px solid transparent;border-bottom: 3px solid transparent;margin:0 0 0 5px;box-sizing:border-box;"></section>
  11. <section style="width: 0px;height: 1px;border-right: 6px solid #fed573;border-top: 3px solid transparent;border-bottom: 3px solid transparent;margin:0 0 0 5px;box-sizing:border-box;"></section>
  12. </section>
  13. </section>
  14. </section>
  15. <section style="background-color: #f6feff;padding: 3px;border-radius: 5px;box-sizing:border-box;">
  16. <section style="background-color: #ffffff;padding:1px 15px 15px;border-radius: 5px;box-sizing:border-box;">
  17. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  18. <section style="flex-shrink: 0;">
  19. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  20. <strong class="135brush" data-brushtype="text">招生对象</strong>
  21. </section>
  22. </section>
  23. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  24. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  25. <p>
  26. 青少年学生
  27. </p>
  28. </section>
  29. </section>
  30. </section>
  31. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  32. <section style="flex-shrink: 0;">
  33. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  34. <strong class="135brush" data-brushtype="text">招生时间</strong>
  35. </section>
  36. </section>
  37. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  38. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  39. <p>
  40. 2023年7月1日
  41. </p>
  42. </section>
  43. </section>
  44. </section>
  45. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  46. <section style="flex-shrink: 0;">
  47. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  48. <strong class="135brush" data-brushtype="text">招生地点</strong>
  49. </section>
  50. </section>
  51. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  52. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  53. <p>
  54. 长宏大道22号
  55. </p>
  56. </section>
  57. </section>
  58. </section>
  59. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  60. <section style="flex-shrink: 0;">
  61. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  62. <strong class="135brush" data-brushtype="text">联系电话</strong>
  63. </section>
  64. </section>
  65. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  66. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  67. <p>
  68. 531-8911355
  69. </p>
  70. </section>
  71. </section>
  72. </section>
  73. </section>
  74. </section>
  75. </section>
  76. </section>
复制代码
样式效果3：
  1. <section style="display: flex; align-items: center; margin: 10px auto;">
  2. <section style="width: 100%;flex-shrink: 1;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  3. <section style="width: 100%;border-top: 1px solid #47a6ff;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  4. <section style="flex-shrink: 0;">
  5. <section style="width: 5px;height: 5px;border-radius: 100%;background-color: #47a6ff;box-sizing:border-box;"></section>
  6. </section>
  7. </section>
  8. <section style="flex-shrink: 0;padding: 0 2px;box-sizing:border-box;">
  9. <section class="assistant" style="width: 30px;box-sizing:border-box;">
  10. <img class="assistant" style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width: 100% !important;" src="/upimages/d327.png" data-width="100%" draggable="false" data-ratio="0.6595744680851063" data-w="47"/>
  11. </section>
  12. </section>
  13. <section style="width: 100%;flex-shrink: 1;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  14. <section style="flex-shrink: 0;">
  15. <section style="width: 5px;height: 5px;border-radius: 100%;background-color: #47a6ff;box-sizing:border-box;"></section>
  16. </section>
  17. <section style="width: 100%;border-top: 1px solid #47a6ff;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  18. </section>
  19. </section>
复制代码
样式效果4：
01
夏日小美好

夏季的夜慕，一直挂着美丽动人的颜色，有点儿低沉却带著烂漫。天上的云彩在朝霞的投射下，五彩缤纷，幽悠的艳丽着自身的漂亮。

02
夏日小美好

夏季的夜慕，一直挂着美丽动人的颜色，有点儿低沉却带著烂漫。天上的云彩在朝霞的投射下，五彩缤纷，幽悠的艳丽着自身的漂亮。

03
夏日小美好

夏季的夜慕，一直挂着美丽动人的颜色，有点儿低沉却带著烂漫。天上的云彩在朝霞的投射下，五彩缤纷，幽悠的艳丽着自身的漂亮。

  1. <section class="_135editor" data-tools="135编辑器" data-id="126868">
  2. <section style="margin: 10px auto;">
  3. <section class="box-edit" style="margin: 20px 0;">
  4. <section style="display: flex;justify-content: flex-start;margin: 0 0 -15px;">
  5. <section style="display: flex;justify-content: center;transform-style: preserve-3d">
  6. <section style="flex-shrink: 0;;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  7. <section style="font-size: 16px;color: #ffffff;width: 32px;height: 32px;border-radius: 100%;background: linear-gradient(to right bottom,#ffe7bb,#ffdcd1);display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  8. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  9. </section>
  10. </section>
  11. <section style="margin: 12px 0 0 -15px;">
  12. <section style="font-size: 16px;color: #ffffff;background-color: #9ee1e5;padding: 4px 15px;box-sizing:border-box;">
  13. <strong class="135brush" data-brushtype="text">夏日小美好</strong>
  14. </section>
  15. </section>
  16. </section>
  17. </section>
  18. <section style="border: 1px solid #9ee1e5;padding: 25px 15px 10px;box-sizing:border-box;">
  19. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;">
  20. <p>
  21. 夏季的夜慕，一直挂着美丽动人的颜色，有点儿低沉却带著烂漫。天上的云彩在朝霞的投射下，五彩缤纷，幽悠的艳丽着自身的漂亮。
  22. </p>
  23. </section>
  24. </section>
  25. </section>
  26. <section class="box-edit" style="margin: 20px 0;">
  27. <section style="display: flex;justify-content: flex-start;margin: 0 0 -15px;">
  28. <section style="display: flex;justify-content: center;transform-style: preserve-3d">
  29. <section style="flex-shrink: 0;;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  30. <section style="font-size: 16px;color: #ffffff;width: 32px;height: 32px;border-radius: 100%;background: linear-gradient(to right bottom,#ffe7bb,#ffdcd1);display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  31. <strong>0</strong><strong class="autonum" data-original-title="" title="">2</strong>
  32. </section>
  33. </section>
  34. <section style="margin: 12px 0 0 -15px;">
  35. <section style="font-size: 16px;color: #ffffff;background-color: #9ee1e5;padding: 4px 15px;box-sizing:border-box;">
  36. <strong class="135brush" data-brushtype="text">夏日小美好</strong>
  37. </section>
  38. </section>
  39. </section>
  40. </section>
  41. <section style="border: 1px solid #9ee1e5;padding: 25px 15px 10px;box-sizing:border-box;">
  42. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;">
  43. <p>
  44. 夏季的夜慕，一直挂着美丽动人的颜色，有点儿低沉却带著烂漫。天上的云彩在朝霞的投射下，五彩缤纷，幽悠的艳丽着自身的漂亮。
  45. </p>
  46. </section>
  47. </section>
  48. </section>
  49. <section class="box-edit" style="margin: 20px 0;">
  50. <section style="display: flex;justify-content: flex-start;margin: 0 0 -15px;">
  51. <section style="display: flex;justify-content: center;transform-style: preserve-3d">
  52. <section style="flex-shrink: 0;;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  53. <section style="font-size: 16px;color: #ffffff;width: 32px;height: 32px;border-radius: 100%;background: linear-gradient(to right bottom,#ffe7bb,#ffdcd1);display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  54. <strong>0</strong><strong class="autonum" data-original-title="" title="">3</strong>
  55. </section>
  56. </section>
  57. <section style="margin: 12px 0 0 -15px;">
  58. <section style="font-size: 16px;color: #ffffff;background-color: #9ee1e5;padding: 4px 15px;box-sizing:border-box;">
  59. <strong class="135brush" data-brushtype="text">夏日小美好</strong>
  60. </section>
  61. </section>
  62. </section>
  63. </section>
  64. <section style="border: 1px solid #9ee1e5;padding: 25px 15px 10px;box-sizing:border-box;">
  65. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;">
  66. <p>
  67. 夏季的夜慕，一直挂着美丽动人的颜色，有点儿低沉却带著烂漫。天上的云彩在朝霞的投射下，五彩缤纷，幽悠的艳丽着自身的漂亮。
  68. </p>
  69. </section>
  70. </section>
  71. </section>
  72. </section>
  73. </section>
复制代码
样式效果5：
01
奋进新征程

此次会议顺利召开是我们党进入全面建设社会主义现代化国家、向第二个百年奋斗目标进军新征程的重要时刻召开的一次十分重要的代表大会，是党和国家政治生活中的一件大事。

  1. <section style="margin: 10px auto;">
  2. <section style="border: 1px solid #ffcd45;box-sizing:border-box;">
  3. <section style="display: flex;justify-content: space-between;background-color: #fff8e8;padding: 0 10px 0 0;border-bottom: 1px solid #ffcd45;box-sizing:border-box;">
  4. <section style="display: flex;">
  5. <section style="font-size: 16px;letter-spacing: 1.5px;color: #fae8bb;background-color: #de3716;width: 30px;height: 30px;text-align: center;line-height: 30px;box-sizing:border-box;">
  6. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  7. </section>
  8. <section style="font-size: 16px;color: #de3716;text-align: right;padding: 0 10px;height: 30px;line-height: 30px;box-sizing:border-box;">
  9. <strong class="135brush" data-brushtype="text">奋进新征程</strong>
  10. </section>
  11. </section>
  12. <section class="assistant" style="width: 25px;box-sizing:border-box;">
  13. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/54.png" data-width="100%" draggable="false" data-ratio="0.9705882352941176" data-w="34"/>
  14. </section>
  15. </section>
  16. <section style="background-color: #ffffff;padding: 10px;box-sizing:border-box;">
  17. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#825c3b;background: transparent;">
  18. <p style="vertical-align:inherit;">
  19. 此次会议顺利召开是我们党进入全面建设社会主义现代化国家、向第二个百年奋斗目标进军新征程的重要时刻召开的一次十分重要的代表大会，是党和国家政治生活中的一件大事。
  20. </p>
  21. </section>
  22. </section>
  23. </section>
  24. </section>
  25. <section class="_135editor" data-role="paragraph">
  26. </section>
复制代码
样式效果6：
· 砥砺前行 共创未来 ·

在两会的重要议题上，代表委员能拿出契合实际情况的真知灼见，明晰发展前景。比如，面对严峻挑战，要进一步做好工作，落实任务，化风险为机遇；要针对“难啃的硬骨头”精准施策解决问题，推进国家发展的进行。

  1. <section class="_135editor" data-tools="135编辑器" data-id="123501">
  2. <section style="margin: 10px auto; padding: 5px 0px 0px;box-sizing:border-box;" class="">
  3. <section style="display: flex;justify-content: center;margin: 0 0 -15px;" class="">
  4. <section>
  5. <section style="border-radius: 25px;background-color: #ffc14a;box-sizing:border-box;">
  6. <section style="font-size: 16px;color: #ffffff;text-align: center;background-color: #da2222;border-radius: 25px;padding: 3px 10px;box-sizing:border-box;transform: translate(-5px,-5px);-webkit-transform: translate(-5px,-5px);-moz-transform: translate(-5px,-5px);-o-transform: translate(-5px,-5px);">
  7. <strong class="135brush" data-brushtype="text">· 砥砺前行 共创未来 ·</strong>
  8. </section>
  9. </section>
  10. </section>
  11. </section>
  12. <section style="border: 1px solid #da2222;border-radius: 10px;padding: 30px 10px 15px;box-sizing:border-box;" class="">
  13. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;">
  14. <p>
  15. 在两会的重要议题上，代表委员能拿出契合实际情况的真知灼见，明晰发展前景。比如，面对严峻挑战，要进一步做好工作，落实任务，化风险为机遇；要针对“难啃的硬骨头”精准施策解决问题，推进国家发展的进行。
  16. </p>
  17. </section>
  18. </section>
  19. </section>
  20. </section>
复制代码
总结：
在135编辑器中，大多数样式可以直接引用到贴子内容页来美化页面；更多的样式请到[135编辑器]查看和编辑帖子时引用！
作者: admin    时间: 2023-7-6 08:52
请捐赠 或赞助
-文钱难倒英雄汉-
-生活艰辛,感恩有您-
-乞行中国-
-需要您的帮助-
-乞行中国-请关注安知我网
-Anziwo.com-
附样式代码：
  1. <section style="text-align: center;margin: 10px auto;">
  2. <section style="display: flex;justify-content: flex-end;margin: 0 10% -10px 0;">
  3. <section class="assistant" style="width: 17px;box-sizing:border-box;">
  4. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);" src="/upimages/caomei.png" data-width="100%" draggable="false" data-ratio="1.0909090909090908" data-w="22"/>
  5. </section>
  6. </section>
  7. <section style="border: 1px dashed #ff7d7d;border-radius: 24px;padding: 4px;box-sizing:border-box;">
  8. <section style="background-color: #fee9e6;padding: 20px;border-radius: 20px;box-sizing:border-box;">
  9. <section style="display:flex;justify-content: space-between;align-items: center;">
  10. <section style="width: 33%;box-sizing:border-box;max-width: 33% !important;" data-width="33%">
  11. <section style="width: 100%;box-sizing:border-box;max-width: 100% !important;" data-width="100%">
  12. <img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/HuiZhifu.png" data-width="100%" draggable="false" data-ratio="1" data-w="114" data-op="change"/>
  13. </section>
  14. </section>
  15. <section style="width: 50%;box-sizing:border-box;max-width: 50% !important;" data-width="50%">
  16. <section style=";font-size: 14px;letter-spacing: 1px;color: #ef6165;line-height: 14px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  17. <strong class="135brush" data-brushtype="text">请捐赠 或赞助</strong>
  18. </section>
  19. <section style="display: flex;justify-content: center;margin-top: -25px;">
  20. <section class="assistant" style="width: 35px;height: 35px;background-color: #fff;border-radius: 50%;box-sizing:border-box;"></section>
  21. </section>
  22. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1.5px;color: #ef6165;line-height: 1.7em;margin-top: 3px;">
  23. -文钱难倒英雄汉-
  24. </section>
  25. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1.5px;color: #ef6165;line-height: 1.7em;">
  26. -生活艰辛,感恩有您-
  27. </section>
  28. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1.5px;color: #ef6165;line-height: 1.7em;">
  29. -乞行中国-
  30. </section>
  31. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1.5px;color: #ef6165;line-height: 1.7em;">
  32. -需要您的帮助-
  33. </section>
  34. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1.5px;color: #ef6165;line-height: 1.7em;">
  35. -乞行中国-请关注安知我网
  36. </section>
  37. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1.5px;color: #ef6165;line-height: 1.7em;">
  38. -[url=http://Anziwo.com]Anziwo.com[/url]-
  39. </section>
  40. </section>
  41. </section>
  42. </section>
  43. </section>
  44. </section>
复制代码
文字块的样式1：

你想知道我对你的爱情是什么吗 ?就是从心底里喜欢你，觉得你的一举一动都很亲切，不高兴你比喜欢我更喜欢别人 。你要是喜欢别人我会哭，但是还是喜欢你 。——《爱你就像爱生命》

  2. <section class="135brush layout" style="background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b;border-radius: 4px;font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;padding: 1em 0.8em;margin:10px auto;box-sizing:border-box;">
  3. <p>
  4. 你想知道我对你的爱情是什么吗 ?就是从心底里喜欢你，觉得你的一举一动都很亲切，不高兴你比喜欢我更喜欢别人 。你要是喜欢别人我会哭，但是还是喜欢你 。——《爱你就像爱生命》
  5. </p>
  6. </section>
复制代码
文字块的样式2：

腊八节，即每年农历十二月初八，又称为“法宝节”“佛成道节”“成道会”等。本为佛教纪念释迦牟尼佛成道之节日，后逐渐也成为民间节日。

  2. <section style="margin: 10px auto;">
  3. <section style="display: flex;justify-content: space-between;align-items: flex-end;">
  4. <section style="flex-shrink: 0;">
  5. <section style="width: 6px;height: 6px;border: 1px solid #fab367;box-sizing:border-box;"></section>
  6. </section>
  7. <section style="flex-shrink: 0;">
  8. <section style="width: 6px;height: 6px;border: 1px solid #fab367;box-sizing:border-box;"></section>
  9. </section>
  10. </section>
  11. <section style="padding: 15px 10px;border: 1px solid #fab367;margin: -1px 5px;box-sizing:border-box;">
  12. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background: transparent;">
  13. <p>
  14. 腊八节，即每年农历十二月初八，又称为“法宝节”“佛成道节”“成道会”等。本为佛教纪念释迦牟尼佛成道之节日，后逐渐也成为民间节日。
  15. </p>
  16. </section>
  17. </section>
  18. <section style="display: flex;justify-content: space-between;align-items: flex-end;">
  19. <section style="flex-shrink: 0;">
  20. <section style="width: 6px;height: 6px;border: 1px solid #fab367;box-sizing:border-box;"></section>
  21. </section>
  22. <section style="flex-shrink: 0;">
  23. <section style="width: 6px;height: 6px;border: 1px solid #fab367;box-sizing:border-box;"></section>
  24. </section>
  25. </section>
  26. </section>
复制代码
文字块的样式3：
万圣狂欢趴

欢乐谷万圣欢乐节百鬼夜宴震撼来袭。如果你够胆量，那就快来挑战“百鬼”夜行的惊悚万圣夜吧！保你拥有一个难忘的节日体验！

  2. <section style="margin: 10px auto; transform-style: preserve-3d; padding: 4px 0px 0px;box-sizing:border-box;">
  3. <section style="padding: 0 8px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  4. <section style="background-color: #fff9f2;">
  5. <section style="margin: 10px auto;display: flex;justify-content: space-between;align-items: center;">
  6. <section style="transform-style: preserve-3d;flex-shrink: 0;padding: 0 10px 0 0;box-sizing:border-box;transform: translateY(-13px);-webkit-transform: translateY(-13px);-moz-transform: translateY(-13px);-o-transform: translateY(-13px);">
  7. <section style="display: flex;justify-content: space-between;align-items: center;margin: 0 0 -13px 0;transform: translateZ(5px);transform: translateZ(5px);-webkit-transform: translateZ(5px);-moz-transform: translateZ(5px);-o-transform: translateZ(5px);">
  8. <section style="width:26px;height:26px;border-radius: 100%;background-color: #3b1a13;box-sizing:border-box;"></section>
  9. <section style="width:26px;height:26px;border-radius: 100%;background-color: #3b1a13;box-sizing:border-box;"></section>
  10. <section style="width:26px;height:26px;border-radius: 100%;background-color: #3b1a13;box-sizing:border-box;"></section>
  11. <section style="width:26px;height:26px;border-radius: 100%;background-color: #3b1a13;box-sizing:border-box;"></section>
  12. </section>
  13. <section style="font-size: 16px;color: #ffb900;text-align: center;background-color: #3b1a13;padding: 3px 15px 7px;border-radius: 0 0 5px 5px;box-sizing:border-box;transform: translateZ(5px);-webkit-transform: translateZ(5px);-moz-transform: translateZ(5px);-o-transform: translateZ(5px);">
  14. <strong class="135brush" data-brushtype="text">万圣狂欢趴</strong>
  15. </section>
  16. </section>
  17. <section style="max-width: 100% !important;width: 100%;height: 1px;background-color: #ffc100;box-sizing:border-box;" data-width="100%"></section>
  18. </section>
  19. <section style="padding: 0 15px 25px;box-sizing:border-box;">
  20. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#3b1a13;background: transparent;">
  21. <p>
  22. 欢乐谷万圣欢乐节百鬼夜宴震撼来袭。如果你够胆量，那就快来挑战“百鬼”夜行的惊悚万圣夜吧！保你拥有一个难忘的节日体验！
  23. </p>
  24. </section>
  25. </section>
  26. </section>
  27. </section>
  28. <section style="margin: -12px 0 0 0;transform: translateZ(5px);transform: translateZ(5px);-webkit-transform: translateZ(5px);-moz-transform: translateZ(5px);-o-transform: translateZ(5px);">
  29. <section style="max-width: 100% !important;width: 100%;height: 20px;background-color: #ffc100;box-sizing:border-box;" data-width="100%"></section>
  30. </section>
  31. </section>
复制代码
作者: admin    时间: 2023-7-6 09:10
图文混排样式1：
奋斗百年路
01
学习红色精神

回首过往，红船精神、井冈山精神、长征精神、延安精神、西柏坡精神……我们党百年光辉历史里镌刻的红色精神熠熠生辉，广大党员干部要切实把党史作为必修课。

  1. <section class="_135editor" data-tools="135编辑器" data-id="128856">
  2. <section style="margin: 10px auto;">
  3. <section style="border: 1px solid #ffe8c2;background-color: #ffffff;margin: 0 0 0 5px;box-sizing:border-box;">
  4. <section style="border: 1px solid #ffe8c2;background-color: #fffbf3;padding: 0px 12px 12px;box-sizing:border-box;transform: translate(-5px,-5px);-webkit-transform: translate(-5px,-5px);-moz-transform: translate(-5px,-5px);-o-transform: translate(-5px,-5px);">
  5. <section style="display: flex;justify-content: center;transform: translateY(-9px);-webkit-transform: translateY(-9px);-moz-transform: translateY(-9px);-o-transform: translateY(-9px);">
  6. <section style="flex-shrink: 0;">
  7. <section style="width: 22px;box-sizing:border-box;">
  8. <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 39.81 54" style="display: block;" xml:space="default">
  9. <path style="fill: #c22305;fill-rule: evenodd;" d="M2402,4103l4,15h-19Z" transform="translate(-2387 -4103)"></path>
  10. <path style="fill: #d53a1c;fill-rule: evenodd;" d="M2402,4103h24.8c0,34.25-.11,54-0.11,54-8.11,0-12.18-6.41-14.69-16Z" transform="translate(-2387 -4103)"></path>
  11. </svg>
  12. </section>
  13. </section>
  14. <section style="font-size: 16px;color: #ffffff;background-color: #d53a1c;padding: 0px 20px;box-sizing:border-box;display: flex;align-items: center;margin: 0 -1px;">
  15. <strong class="135brush" data-brushtype="text">奋斗百年路</strong>
  16. </section>
  17. <section style="flex-shrink: 0;">
  18. <section style="width: 22px;box-sizing:border-box;">
  19. <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 39.81 54" style="display: block;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);" xml:space="default">
  20. <path style="fill: #c22305;fill-rule: evenodd;" d="M2402,4103l4,15h-19Z" transform="translate(-2387 -4103)"></path>
  21. <path style="fill: #d53a1c;fill-rule: evenodd;" d="M2402,4103h24.8c0,34.25-.11,54-0.11,54-8.11,0-12.18-6.41-14.69-16Z" transform="translate(-2387 -4103)"></path>
  22. </svg>
  23. </section>
  24. </section>
  25. </section>
  26. <section style="display: flex;justify-content: flex-start;align-items: center;">
  27. <section style="display: flex;justify-content: flex-start;flex-shrink: 0;">
  28. <section style="font-size: 16px;letter-spacing: 1.5px;color: #ffffff;background-color: #ffd952;display: flex;align-items: center;justify-content: center;padding: 0 0 0 4px;box-sizing:border-box;">
  29. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  30. </section>
  31. <section style="flex-shrink: 0;">
  32. <section style="width: 0px;height: 1px;border-top: 25px solid #ffd952;border-right: 7px solid transparent;box-sizing:border-box;"></section>
  33. </section>
  34. </section>
  35. <section style="font-size: 14px;color: #333333;text-align: center;padding:0 4px;box-sizing:border-box;">
  36. <strong class="135brush" data-brushtype="text">学习红色精神</strong>
  37. </section>
  38. </section>
  39. <section style="padding: 5px 0 5px;box-sizing:border-box;">
  40. <section style="width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  41. <img style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/154705c0407cbecf77126389b0836ca4.png" data-width="100%" draggable="false" data-ratio="0.6111111111111112" data-w="540"/>
  42. </section>
  43. </section>
  44. <section>
  45. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;">
  46. <p>
  47. 回首过往，红船精神、井冈山精神、长征精神、延安精神、西柏坡精神……我们党百年光辉历史里镌刻的红色精神熠熠生辉，广大党员干部要切实把党史作为必修课。
  48. </p>
  49. </section>
  50. </section>
  51. </section>
  52. </section>
  53. </section>
  54. </section>
复制代码
图文混排样式2：
不忘初心 砥砺前行

“人心是最大的政治”。得人心，就能无惧前行道路上的风险挑战，汇聚起磅礴的奋进力量。瓜连蔓子蔓连根。在长期艰苦的革命岁月，我们党始终与人民心连心，坚持一切为了人民、一切依靠人民。

  1. <section class="_135editor" data-tools="135编辑器" data-id="128842">
  2. <section style="margin: 10px auto;">
  3. <section style="width: 100%;height: 2px;border-top: 1px solid #d53a1c;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  4. <section style="display: flex;justify-content: flex-start;background-color: #ffd952;">
  5. <section style="display: flex;justify-content: center;flex-shrink: 0;">
  6. <section style="font-size: 14px;color: #ffffff;background-color: #d53a1c;display: flex;align-items: center;padding: 0 10px;box-sizing:border-box;">
  7. <strong class="135brush" data-brushtype="text">不忘初心 砥砺前行</strong>
  8. </section>
  9. <section style="flex-shrink: 0;display: flex;align-items: center;">
  10. <section style="width: 0px;height: 1px;border-top: 15px solid transparent;border-left: 10px solid #d53a1c;border-bottom: 15px solid transparent;z-index: 9;box-sizing:border-box;"></section>
  11. <section style="width: 5px;height: 30px;background-color: #fffffe;margin: 0 0 0 -10px;box-sizing:border-box;"></section>
  12. <section style="width: 0px;height: 1px;border-top: 15px solid transparent;border-left: 10px solid #fffffe;border-bottom: 15px solid transparent;box-sizing:border-box;"></section>
  13. </section>
  14. </section>
  15. </section>
  16. <section style="background-color: #fffbf3;padding: 0 14px 14px;box-sizing:border-box;">
  17. <section style="padding: 5px 0;box-sizing:border-box;">
  18. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#4b4b4b;background-color: transparent;">
  19. <p>
  20. “人心是最大的政治”。得人心，就能无惧前行道路上的风险挑战，汇聚起磅礴的奋进力量。瓜连蔓子蔓连根。在长期艰苦的革命岁月，我们党始终与人民心连心，坚持一切为了人民、一切依靠人民。
  21. </p>
  22. </section>
  23. </section>
  24. <section style="width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  25. <img style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/934f62297ea559adb83f1c2087844e2d.png" data-width="100%" draggable="false" data-ratio="0.5833333333333334" data-w="540"/>
  26. </section>
  27. </section>
  28. </section>
  29. </section>
复制代码
图文混排样式3：
  1. <section class="_135editor" data-tools="135编辑器" data-id="128723">
  2. <section style="margin: 10px auto;">
  3. <section style="background-color: #fdd149;border-radius: 7px 7px 0 0;box-sizing:border-box;">
  4. <section style="display: flex;justify-content: space-around;transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-o-transform: translateY(-6px);">
  5. <section style="transform-style: preserve-3d">
  6. <section style="width: 5px;height: 20px;background-color: #ff9f22;margin: 0 auto;border-radius: 5px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"></section>
  7. <section style="width: 9px;height: 9px;border-radius: 100%;background-color: #ffffff;margin: -7px auto 0;box-sizing:border-box;"></section>
  8. </section>
  9. <section style="transform-style: preserve-3d">
  10. <section style="width: 5px;height: 20px;background-color: #ff9f22;margin: 0 auto;border-radius: 5px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"></section>
  11. <section style="width: 9px;height: 9px;border-radius: 100%;background-color: #ffffff;margin: -7px auto 0;box-sizing:border-box;"></section>
  12. </section>
  13. <section style="transform-style: preserve-3d">
  14. <section style="width: 5px;height: 20px;background-color: #ff9f22;margin: 0 auto;border-radius: 5px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"></section>
  15. <section style="width: 9px;height: 9px;border-radius: 100%;background-color: #ffffff;margin: -7px auto 0;box-sizing:border-box;"></section>
  16. </section>
  17. <section style="transform-style: preserve-3d">
  18. <section style="width: 5px;height: 20px;background-color: #ff9f22;margin: 0 auto;border-radius: 5px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"></section>
  19. <section style="width: 9px;height: 9px;border-radius: 100%;background-color: #ffffff;margin: -7px auto 0;box-sizing:border-box;"></section>
  20. </section>
  21. <section style="transform-style: preserve-3d">
  22. <section style="width: 5px;height: 20px;background-color: #ff9f22;margin: 0 auto;border-radius: 5px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"></section>
  23. <section style="width: 9px;height: 9px;border-radius: 100%;background-color: #ffffff;margin: -7px auto 0;box-sizing:border-box;"></section>
  24. </section>
  25. <section style="transform-style: preserve-3d">
  26. <section style="width: 5px;height: 20px;background-color: #ff9f22;margin: 0 auto;border-radius: 5px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"></section>
  27. <section style="width: 9px;height: 9px;border-radius: 100%;background-color: #ffffff;margin: -7px auto 0;box-sizing:border-box;"></section>
  28. </section>
  29. <section style="transform-style: preserve-3d">
  30. <section style="width: 5px;height: 20px;background-color: #ff9f22;margin: 0 auto;border-radius: 5px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"></section>
  31. <section style="width: 9px;height: 9px;border-radius: 100%;background-color: #ffffff;margin: -7px auto 0;box-sizing:border-box;"></section>
  32. </section>
  33. </section>
  34. </section>
  35. <section style="background-color: #f2f9ff;padding: 5px;box-sizing:border-box;">
  36. <section style="width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  37. <img style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/3f1ece885df567475177255587bb1a1c.png" data-width="100%" draggable="false" data-ratio="0.5833333333333334" data-w="540"/>
  38. </section>
  39. </section>
  40. </section>
  41. </section>
复制代码
作者: admin    时间: 2023-7-6 09:36
列表样式：
STEP 01
全场低至三折

年中促销旺季即将来临！是时候奖励辛劳的自己一份礼物买买买可以释放快乐而钜惠福利使快乐加倍！这个618，让我们一起分享快乐！

STEP 02
全场低至三折

年中促销旺季即将来临！是时候奖励辛劳的自己一份礼物买买买可以释放快乐而钜惠福利使快乐加倍！这个618，让我们一起分享快乐！

STEP 03
全场低至三折

年中促销旺季即将来临！是时候奖励辛劳的自己一份礼物买买买可以释放快乐而钜惠福利使快乐加倍！这个618，让我们一起分享快乐！

  1. <section class="_135editor" data-tools="135编辑器" data-id="128001">
  2. <section style="margin: 10px auto;">
  3. <section class="box-edit">
  4. <section style="display: flex;">
  5. <section style="width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  6. <section style="display: flex;">
  7. <section style="flex-shrink: 0;z-index: 1;">
  8. <section style="font-size: 16px;letter-spacing: 1.5px;color: #ffffff;background-color: #757ae4;border-radius: 5px;padding: 4px 7px;box-sizing:border-box;">
  9. <strong class="135brush" data-brushtype="text">STEP </strong><strong>0</strong><strong class="autonum" data-original-title="" title="" data-num="2">1</strong>
  10. </section>
  11. </section>
  12. <section style="background-color: #fece2a;width: 100%;border-radius:0 5px 5px 0;margin: 0 0 0 -5px;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  13. <section style="font-size: 16px;letter-spacing: 1.5px;color: #202020;padding: 4px 10px 4px 15px;box-sizing:border-box;">
  14. <strong class="135brush" data-brushtype="text">全场低至三折</strong>
  15. </section>
  16. </section>
  17. </section>
  18. <section style="padding: 10px 0 15px;box-sizing:border-box;">
  19. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#303030;background-color: transparent;">
  20. <p>
  21. 年中促销旺季即将来临！是时候奖励辛劳的自己一份礼物买买买可以释放快乐而钜惠福利使快乐加倍！这个618，让我们一起分享快乐！
  22. </p>
  23. </section>
  24. </section>
  25. </section>
  26. <section style="flex-shrink: 0;margin: -8px 0 0 -20px;">
  27. <section class="assistant" style="width: 10px;box-sizing:border-box;">
  28. <img class="assistant" style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/c384e9d693066c4f7e6786c110f12a1f.png" data-width="100%" draggable="false"/>
  29. </section>
  30. </section>
  31. </section>
  32. </section>
  33. <section class="box-edit">
  34. <section style="display: flex;">
  35. <section style="width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  36. <section style="display: flex;">
  37. <section style="flex-shrink: 0;z-index: 1;">
  38. <section style="font-size: 16px;letter-spacing: 1.5px;color: #ffffff;background-color: #757ae4;border-radius: 5px;padding: 4px 7px;box-sizing:border-box;">
  39. <strong class="135brush" data-brushtype="text">STEP </strong><strong>0</strong><strong class="autonum" data-original-title="" title="" data-num="3">2</strong>
  40. </section>
  41. </section>
  42. <section style="background-color: #fece2a;width: 100%;border-radius:0 5px 5px 0;margin: 0 0 0 -5px;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  43. <section style="font-size: 16px;letter-spacing: 1.5px;color: #202020;padding: 4px 10px 4px 15px;box-sizing:border-box;">
  44. <strong class="135brush" data-brushtype="text">全场低至三折</strong>
  45. </section>
  46. </section>
  47. </section>
  48. <section style="padding: 10px 0 15px;box-sizing:border-box;">
  49. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#303030;background-color: transparent;">
  50. <p>
  51. 年中促销旺季即将来临！是时候奖励辛劳的自己一份礼物买买买可以释放快乐而钜惠福利使快乐加倍！这个618，让我们一起分享快乐！
  52. </p>
  53. </section>
  54. </section>
  55. </section>
  56. <section style="flex-shrink: 0;margin: -8px 0 0 -20px;">
  57. <section class="assistant" style="width: 10px;box-sizing:border-box;">
  58. <img class="assistant" style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/c384e9d693066c4f7e6786c110f12a1f.png" data-width="100%" draggable="false"/>
  59. </section>
  60. </section>
  61. </section>
  62. </section>
  63. <section class="box-edit">
  64. <section style="display: flex;">
  65. <section style="width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  66. <section style="display: flex;">
  67. <section style="flex-shrink: 0;z-index: 1;">
  68. <section style="font-size: 16px;letter-spacing: 1.5px;color: #ffffff;background-color: #757ae4;border-radius: 5px;padding: 4px 7px;box-sizing:border-box;">
  69. <strong class="135brush" data-brushtype="text">STEP </strong><strong>0</strong><strong class="autonum" data-original-title="" title="" data-num="4">3</strong>
  70. </section>
  71. </section>
  72. <section style="background-color: #fece2a;width: 100%;border-radius:0 5px 5px 0;margin: 0 0 0 -5px;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  73. <section style="font-size: 16px;letter-spacing: 1.5px;color: #202020;padding: 4px 10px 4px 15px;box-sizing:border-box;">
  74. <strong class="135brush" data-brushtype="text">全场低至三折</strong>
  75. </section>
  76. </section>
  77. </section>
  78. <section style="padding: 10px 0 15px;box-sizing:border-box;">
  79. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#303030;background-color: transparent;">
  80. <p>
  81. 年中促销旺季即将来临！是时候奖励辛劳的自己一份礼物买买买可以释放快乐而钜惠福利使快乐加倍！这个618，让我们一起分享快乐！
  82. </p>
  83. </section>
  84. </section>
  85. </section>
  86. <section style="flex-shrink: 0;margin: -8px 0 0 -20px;">
  87. <section class="assistant" style="width: 10px;box-sizing:border-box;">
  88. <img class="assistant" style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/c384e9d693066c4f7e6786c110f12a1f.png" data-width="100%" draggable="false"/>
  89. </section>
  90. </section>
  91. </section>
  92. </section>
  93. </section>
  94. </section>
复制代码
作者: admin    时间: 2023-7-6 15:17
贴子内可随时引用的代码和样式:
-乞行中国-旅行笔记
TRAVELER'S NOTEBOOK
  1. <section style="margin: 20px auto; width: 100%;box-sizing:border-box;max-width: 100% !important;" data-width="100%">
  2. <section style="border: 1px solid #cee7fd;border-radius: 5px;box-sizing:border-box;">
  3. <section style="display: flex;justify-content: space-between;">
  4. <section style="font-size: 16px;color: #ff96a2;text-align: left;padding: 5px;box-sizing:border-box;">
  5. <strong class="135brush" data-brushtype="text">-乞行中国-旅行笔记</strong>
  6. </section>
  7. <section style="margin: -3px 0 0 0;">
  8. <section class="assistant" style="width: 40px;box-sizing:border-box;">
  9. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/g5n.png" data-width="100%" draggable="false" data-ratio="0.6162790697674418" data-w="86"/>
  10. </section>
  11. </section>
  12. </section>
  13. <section style="font-size: 14px;color: #6ab6fe;text-align: left;border-top: 1px dashed;margin: 0 5px;padding: 5px 0;box-sizing:border-box;">
  14. <strong class="135brush" data-brushtype="text">TRAVELER&#39;S NOTEBOOK</strong>
  15. </section>
  16. </section>
  17. </section>
复制代码
作者: admin    时间: 2023-7-6 15:37
帖子内可随时引用的样式和代码：
--乞行中国--公开分享收藏的各类古本资料电子版，有需要的在发贴有效期内可直接下载，如过下载期，请以帖子底部的金钱数来购买，金钱可自行充值或联系站长购买；金钱的获得规则请查看当前版块说明。
  1. <section style="text-align: center; padding: 1em 0px;box-sizing:border-box;">
  2. <section style="display:inline-block;">
  3. <section data-bcless="spin" data-bclessp="280" style="border: 1px solid #591312;border-radius:3px;background: #ecd493;color:#5e140f;box-sizing:border-box;">
  4. <section style="padding: 2px;box-sizing:border-box;">
  5. <section data-bcless="spin" data-bclessp="280" style="border: 1px solid #591312;border-radius:3px;box-sizing:border-box;">
  6. <section style="display: flex;justify-content: space-between;align-items: flex-end;">
  7. <section style="width: 10px;box-sizing:border-box;">
  8. <img class="assistant" style="vertical-align:inherit;width: 100%;display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/jiao0001.png" data-width="100%" draggable="false" data-ratio="1" data-w="11"/>
  9. </section>
  10. <section style="width: 10px;box-sizing:border-box;">
  11. <img class="assistant" style="vertical-align:inherit;width: 100%;display: block;box-sizing:border-box;max-width: 100% !important;transform: scaleX(-1);-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-o-transform: scaleX(-1);" src="/upimages/jiao0001.png" data-width="100%" draggable="false" data-ratio="1" data-w="11"/>
  12. </section>
  13. </section>
  14. <section class="135brush" data-autoskip="1" style="padding:1em;font-size: 15px;letter-spacing: 1px;text-align: justify;box-sizing:border-box;">
  15. --乞行中国--公开分享收藏的各类古本资料电子版，有需要的在发贴有效期内可直接下载，如过下载期，请以帖子底部的金钱数来购买，金钱可自行充值或联系站长购买；金钱的获得规则请查看当前版块说明。
  16. </section>
  17. <section style="display: flex;justify-content: space-between;align-items: flex-end;transform: scaleY(-1);-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);-o-transform: scaleY(-1);">
  18. <section style="width: 10px;box-sizing:border-box;">
  19. <img class="assistant" style="vertical-align:inherit;width: 100%;display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/jiao0001.png" data-width="100%" draggable="false" data-ratio="1" data-w="11"/>
  20. </section>
  21. <section style="width: 10px;box-sizing:border-box;">
  22. <img class="assistant" style="vertical-align:inherit;width: 100%;display: block;box-sizing:border-box;max-width: 100% !important;transform: scaleX(-1);-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-o-transform: scaleX(-1);" src="/upimages/jiao0001.png" data-width="100%" draggable="false" data-ratio="1" data-w="11"/>
  23. </section>
  24. </section>
  25. </section>
  26. </section>
  27. </section>
  28. </section>
  29. </section>
复制代码
作者: admin    时间: 2023-7-6 15:48
帖子内可随时引用的样式和代码：

宁静的时候，细细梳理太多太杂的思绪，思索生活的底蕴，在心中与自己恳谈，这时，心灵内有了感性与理性的充实，真实里又多了份从容。

  1. <section style="margin:10px auto;">
  2. <section class="assistant" style="display:flex;justify-content: space-between;align-items: center;transform: scaleY(-1);-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);-o-transform: scaleY(-1);">
  3. <section style="width:26px;box-sizing:border-box;">
  4. <img style="width: 100%; display: block; vertical-align: inherit;box-sizing:border-box;max-width: 100% !important;" src="/upimages/jiao0002.png" draggable="false" data-ratio="0.53125" data-w="32" width="100%" data-width="100%"/>
  5. </section>
  6. <section style="width:26px;box-sizing:border-box;">
  7. <img style="width:26px;display:block;vertical-align:inherit;box-sizing:border-box;" src="/upimages/jiao0002.png" draggable="false" data-ratio="0.53125" data-w="32"/>
  8. </section>
  9. </section>
  10. <section style="border:1px solid #643000;border-radius:10px;margin:0px 8px;padding:5px;box-sizing: border-box;margin-top:-8px;">
  11. <section data-autoskip="1" class="135brush" style="font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;color:#663300;padding:1em;border:1px dashed #643000;border-radius:10px;box-sizing:border-box;">
  12. <p>
  13. 宁静的时候，细细梳理太多太杂的思绪，思索生活的底蕴，在心中与自己恳谈，这时，心灵内有了感性与理性的充实，真实里又多了份从容。
  14. </p>
  15. </section>
  16. </section>
  17. <section class="assistant" style="display:flex;justify-content: space-between;align-items: center;margin-top:-8px;">
  18. <section style="width:26px;box-sizing:border-box;">
  19. <img style="width:26px;display:block;vertical-align:inherit;box-sizing:border-box;" src="/upimages/jiao0002.png" draggable="false" data-ratio="0.53125" data-w="32"/>
  20. </section>
  21. <section style="width:26px;box-sizing:border-box;">
  22. <img style="width:26px;display:block;vertical-align:inherit;box-sizing:border-box;" src="/upimages/jiao0003.png" draggable="false" data-ratio="0.53125" data-w="32"/>
  23. </section>
  24. </section>
  25. </section>
复制代码
作者: admin    时间: 2023-7-6 17:08
帖子内可随时引用的样式和代码：
-乞行中国-旅途笔记

-乞行中国-人一生的生活历程艰辛得让人落泪，心情也有喜有悲；我们都在人间走一趟，如果有一天，我也走进您的生活，走进了您生活过的地方，请您笑着接待我，我会在此记录下您我生活过的这片地方，记录下这片地方上的人，物，事；记录下您我相识的影像！

  1. <section style="margin: 20px auto;">
  2. <section style="border-radius: 10px;box-sizing:border-box;">
  3. <section style="background-color: #d03428;border-radius: 10px 10px 0 0;padding: 10px 0;box-sizing:border-box;">
  4. <section style="display: flex;justify-content: center;align-items: center;">
  5. <section class="assistant" style="width: 22px;box-sizing:border-box;">
  6. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/m184.png" data-width="100%" draggable="false"/>
  7. </section>
  8. <section style="font-size: 16px;color: #ffffff;text-align: center;padding: 0 10px;box-sizing:border-box;">
  9. <strong class="135brush" data-brushtype="text">-乞行中国-旅途笔记</strong>
  10. </section>
  11. <section class="assistant" style="width: 22px;box-sizing:border-box;">
  12. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/m184.png" data-width="100%" draggable="false"/>
  13. </section>
  14. </section>
  15. </section>
  16. <section>
  17. <section style="padding: 15px;background-color: #52b2a6;box-sizing:border-box;">
  18. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background: transparent;">
  19. <p>
  20. <span style="font-size: 14px; letter-spacing: 1.5px; text-align: justify; color: #ffffff; display: inline !important;font-family: Tahoma, &quot;Microsoft Yahei&quot;, Simsun;">-乞行中国-人一生的生活历程艰辛得让人落泪，心情也有喜有悲；我们都在人间走一趟，如果有一天，我也走进您的生活，走进了您生活过的地方，请您笑着接待我，我会在此记录下您我生活过的这片地方，记录下这片地方上的人，物，事；记录下您我相识的影像！</span>
  21. </p>
  22. </section>
  23. </section>
  24. <section style="max-width: 100% !important;width: 100%;background: linear-gradient(to right,#52b2a6 0%,#52b2a6 50%,#ffdc62 50%,#ffdc62 100%);height: 2px;margin-top: 2px;box-sizing:border-box;" data-width="100%"></section>
  25. </section>
  26. </section>
  27. </section>
复制代码
作者: admin    时间: 2023-7-6 17:14
帖子内可随时引用的样式和代码：

腊八节，节期在每年农历十二月初八，主要习俗是“喝腊八粥”。腊八节是佛教盛大的节日之一。按佛教记载，释迦牟尼成道之前曾修苦行多年，形销骨立，遂发现苦行不是究竟解脱之道，决定放弃苦行。

  1. <section style="text-align: center;margin: 10px auto;">
  2. <section style="background-color: #fffdf8;padding: 6px;box-sizing:border-box;">
  3. <section style="display: flex;align-items: flex-start;">
  4. <section>
  5. <section style="display: flex;justify-content: center;align-items: flex-start;">
  6. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  7. <section class="assistant" style="width: 4px;height: 7px;background-color: #fff;box-sizing:border-box;"></section>
  8. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  9. </section>
  10. <section style="display: flex;justify-content: center;align-items: center;margin: -2px 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  11. <section class="assistant" style="width: 5px;height: 4px;background-color: #fff;box-sizing:border-box;"></section>
  12. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  13. <section class="assistant" style="width: 5px;height: 4px;background-color: #fff;box-sizing:border-box;"></section>
  14. </section>
  15. <section style="display: flex;justify-content: center;align-items: flex-end;">
  16. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  17. <section class="assistant" style="width: 4px;height: 7px;background-color: #fff;box-sizing:border-box;"></section>
  18. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  19. </section>
  20. </section>
  21. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #b33929;flex: 1;box-sizing:border-box;" data-width="100%"></section>
  22. <section>
  23. <section style="display: flex;justify-content: center;align-items: flex-start;">
  24. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  25. <section class="assistant" style="width: 4px;height: 7px;background-color: #fff;box-sizing:border-box;"></section>
  26. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  27. </section>
  28. <section style="display: flex;justify-content: center;align-items: center;margin: -2px 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  29. <section class="assistant" style="width: 5px;height: 4px;background-color: #fff;box-sizing:border-box;"></section>
  30. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  31. <section class="assistant" style="width: 5px;height: 4px;background-color: #fff;box-sizing:border-box;"></section>
  32. </section>
  33. <section style="display: flex;justify-content: center;align-items: flex-end;">
  34. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  35. <section class="assistant" style="width: 4px;height: 7px;background-color: #fff;box-sizing:border-box;"></section>
  36. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  37. </section>
  38. </section>
  39. </section>
  40. <section style="border-left: 1px solid #b33929;border-right: 1px solid #b33929;padding: 0 30px;box-sizing:border-box;">
  41. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#480800;background: transparent;">
  42. <p style="vertical-align:inherit;">
  43. 腊八节，节期在每年农历十二月初八，主要习俗是“喝腊八粥”。腊八节是佛教盛大的节日之一。按佛教记载，释迦牟尼成道之前曾修苦行多年，形销骨立，遂发现苦行不是究竟解脱之道，决定放弃苦行。
  44. </p>
  45. </section>
  46. </section>
  47. <section style="display: flex;align-items: flex-end;">
  48. <section>
  49. <section style="display: flex;justify-content: center;align-items: flex-start;">
  50. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  51. <section class="assistant" style="width: 4px;height: 7px;background-color: #fff;box-sizing:border-box;"></section>
  52. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  53. </section>
  54. <section style="display: flex;justify-content: center;align-items: center;margin: -2px 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  55. <section class="assistant" style="width: 5px;height: 4px;background-color: #fff;box-sizing:border-box;"></section>
  56. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  57. <section class="assistant" style="width: 5px;height: 4px;background-color: #fff;box-sizing:border-box;"></section>
  58. </section>
  59. <section style="display: flex;justify-content: center;align-items: flex-end;">
  60. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  61. <section class="assistant" style="width: 4px;height: 7px;background-color: #fff;box-sizing:border-box;"></section>
  62. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  63. </section>
  64. </section>
  65. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #b33929;flex: 1;box-sizing:border-box;" data-width="100%"></section>
  66. <section>
  67. <section style="display: flex;justify-content: center;align-items: flex-start;">
  68. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  69. <section class="assistant" style="width: 4px;height: 7px;background-color: #fff;box-sizing:border-box;"></section>
  70. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  71. </section>
  72. <section style="display: flex;justify-content: center;align-items: center;margin: -2px 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  73. <section class="assistant" style="width: 5px;height: 4px;background-color: #fff;box-sizing:border-box;"></section>
  74. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  75. <section class="assistant" style="width: 5px;height: 4px;background-color: #fff;box-sizing:border-box;"></section>
  76. </section>
  77. <section style="display: flex;justify-content: center;align-items: flex-end;">
  78. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  79. <section class="assistant" style="width: 4px;height: 7px;background-color: #fff;box-sizing:border-box;"></section>
  80. <section class="assistant" style="width: 6px;height: 6px;border: 1px solid #b33929;box-sizing:border-box;"></section>
  81. </section>
  82. </section>
  83. </section>
  84. </section>
  85. </section>
复制代码
作者: admin    时间: 2023-7-6 17:18
帖子内可随时引用的样式和代码：
01
珍视和平 居安思危

我们纪念胜利，不是为了延续仇恨，而是为了不忘那段屈辱的历史，不忘那段苦难的辉煌；我们纪念胜利，是为了珍爱和平，让和平阳光永远普照大地！

  1. <section style="text-align: center;margin: 10px auto;transform-style: preserve-3d">
  2. <section style="font-size: 32px;letter-spacing: 1.5px;color: #df3b3d;margin: 24px 0 -24px 0;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  3. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  4. </section>
  5. <section style="display: flex;justify-content: center;margin-right: 5px;transform: translateZ(9px);-webkit-transform: translateZ(9px);-moz-transform: translateZ(9px);-o-transform: translateZ(9px);">
  6. <section class="assistant" style="width: 55px;height: 3px;background-color: #fff8f8;box-sizing:border-box;"></section>
  7. </section>
  8. <section style="background-color: #fff8f8;padding: 6px 10px 10px 10px;border-radius: 10px;margin-top: -8px;box-sizing:border-box;">
  9. <section style="border: 1px solid #df3b3d;padding: 30px 25px;border-radius: 10px;box-sizing:border-box;" hm_fix="415:243">
  10. <section style="display: inline-block;">
  11. <section style="font-size: 15px;letter-spacing: 1.5px;color: #df3b3d;padding: 0 6px;box-sizing:border-box;">
  12. <strong class="135brush" data-brushtype="text">珍视和平 居安思危</strong>
  13. </section>
  14. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 10px;background-color: #fbe1e5;margin-top: -8px;box-sizing:border-box;" data-width="100%"></section>
  15. </section>
  16. <section data-autoskip="1" class="135brush" style="margin-top: 10px;text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#5f5557;background: transparent;">
  17. <p style="vertical-align:inherit;">
  18. 我们纪念胜利，不是为了延续仇恨，而是为了不忘那段屈辱的历史，不忘那段苦难的辉煌；我们纪念胜利，是为了珍爱和平，让和平阳光永远普照大地！
  19. </p>
  20. </section>
  21. </section>
  22. </section>
  23. </section>
复制代码
作者: admin    时间: 2023-7-6 17:23
帖子中可随时引用的样式和代码：
壹·节日意义

从有关七月十四/十五的传说中，可深切体认到七月十四/十五的祭祀具有双重的意义在，一是阐扬怀念祖先的孝道，一是发扬推已及人，乐善好施的义举。

  1. <section style="text-align: center; margin: 10px auto;">
  2. <section style="display: flex;justify-content: flex-start;align-items: center;background-color: #f8fbff;">
  3. <section style="display: inline-block;">
  4. <section style="background-color: #fff;padding: 0 10px;box-sizing:border-box;">
  5. <section style="display: flex;justify-content: flex-start;align-items: center;">
  6. <section class="assistant" style="width: 9px;height: 9px;background-image: linear-gradient(to right bottom,#fac39c,#fde5d1);margin-right: 10px;box-sizing:border-box;"></section>
  7. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;color: #255298;">
  8. <strong>壹·节日意义</strong>
  9. </section>
  10. </section>
  11. </section>
  12. </section>
  13. <section class="assistant" style="width: 100%;height: 1px;background-color: #255298;flex: 1;box-sizing:border-box;max-width: 100% !important;" data-width="100%"></section>
  14. </section>
  15. <section style="background-color: #f8fbff;padding: 25px 25px;box-sizing:border-box;">
  16. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#255298;background: transparent;">
  17. <p style="vertical-align:inherit;">
  18. 从有关七月十四/十五的传说中，可深切体认到七月十四/十五的祭祀具有双重的意义在，一是阐扬怀念祖先的孝道，一是发扬推已及人，乐善好施的义举。
  19. </p>
  20. </section>
  21. </section>
  22. <section class="assistant" style="width: 100%;height: 1px;background-color: #255298;margin-top: 4px;box-sizing:border-box;max-width: 100% !important;" data-width="100%"></section>
  23. </section>
复制代码
作者: admin    时间: 2023-7-6 17:25
帖子中可随时引入的样式和代码：
# 公告通知 #

    随着夏天的到来天气越来越热，为了让大家释放工作压力，丰富大家的工作生活，增强同事部门之间的交流协作，公司将于周六组织一场趣味团队活动。

  1. <section style="text-align: left;margin: 10px auto;">
  2. <section style="display: flex;align-items: center;">
  3. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;color: #6b82b4;">
  4. <strong># 公告通知 #</strong>
  5. </section>
  6. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 12px;background-color: #fbe6eb;flex: 1;box-sizing:border-box;" data-width="100%"></section>
  7. </section>
  8. <section style="background-color: #f5f8ff;padding: 30px 25px 20px 25px;margin-top: -7px;box-sizing:border-box;">
  9. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#494a49;background: transparent;">
  10. <p style="vertical-align:inherit;">
  11. &nbsp;&nbsp;&nbsp;&nbsp;随着夏天的到来天气越来越热，为了让大家释放工作压力，丰富大家的工作生活，增强同事部门之间的交流协作，公司将于周六组织一场趣味团队活动。
  12. </p>
  13. </section>
  14. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 2px;margin-top: 20px;background-color: #6f85b4;box-sizing:border-box;" data-width="100%"></section>
  15. </section>
  16. </section>
复制代码
作者: admin    时间: 2023-7-6 17:28
帖子中可随时引用的样式和代码：
标题内容

暴雨天气最好不要开车出行，城市中，刚下过暴雨，路面比较湿滑，城中容易积水，开车出行容易出现交通事故。如必须出行，请及时了解路况信息，提前绕行积水路段和易发生山洪、泥石流路段。下面这几条雨天行车注意事项了解一下。


  1. <section style="margin: 10px auto;text-align: center;">
  2. <section style="font-size: 36px;letter-spacing: 1.5px;color: #0b79ff;text-align: left;margin: 0 0 -25px 40px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  3. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  4. </section>
  5. <section style="display: flex;justify-content: flex-start;align-items: center;margin: 0 0 -4px 25px;">
  6. <section style="width: 7px;height: 7px;background-color: #0b79ff;border-radius: 50%;box-sizing:border-box;"></section>
  7. <section style="width: 20%;height: 1px;background-color: #fff;box-sizing:border-box;max-width: 20% !important;" data-width="20%"></section>
  8. </section>
  9. <section style="border: 1px solid #5ca6ff;padding: 30px 25px;border-radius: 12px;box-sizing:border-box;">
  10. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background: transparent;">
  11. <p style="vertical-align:inherit;">
  12. 暴雨天气最好不要开车出行，城市中，刚下过暴雨，路面比较湿滑，城中容易积水，开车出行容易出现交通事故。如必须出行，请及时了解路况信息，提前绕行积水路段和易发生山洪、泥石流路段。下面这几条雨天行车注意事项了解一下。
  13. </p>
  14. </section>
  15. </section>
  16. </section>
  17. <section class="_135editor" data-role="paragraph">
  18. <p style="vertical-align:inherit;">
  19. <br/>
  20. </p>
  21. </section>
复制代码
作者: admin    时间: 2023-7-6 17:34
帖子中可随时引用的样式和代码：
DASHU

大暑期间，我国台湾有吃凤梨的习俗，民间百姓认为这个时节的凤梨最好吃。加上凤梨的闽南语发音和旺来相同，所以凤梨也被用来作为祈求平安吉祥、生意兴隆的象征。

  1. <section style="text-align: center;margin: 10px 0;">
  2. <section style="background-image: linear-gradient(to right top, #f2fffd, #fff8f4);padding: 30px 20px 25px 20px;box-sizing:border-box;">
  3. <section style="display: flex;justify-content: center;">
  4. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1.5px;color: #64d9d5;margin-right: 10px;">
  5. DASHU
  6. </section>
  7. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #ffc89f;flex: 1;margin-top: 9px;box-sizing:border-box;" data-width="100%"></section>
  8. </section>
  9. <section data-autoskip="1" class="135brush" style="padding: 12px 10px 20px 10px;text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#4b5b5a;background: transparent;box-sizing:border-box;">
  10. <p style="vertical-align:inherit;">
  11. 大暑期间，我国台湾有吃凤梨的习俗，民间百姓认为这个时节的凤梨最好吃。加上凤梨的闽南语发音和旺来相同，所以凤梨也被用来作为祈求平安吉祥、生意兴隆的象征。
  12. </p>
  13. </section>
  14. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #6ddbd8;box-sizing:border-box;" data-width="100%"></section>
  15. </section>
  16. </section>
复制代码
作者: admin    时间: 2023-7-6 17:40
帖子中可随时引用的样式和代码：

一切纪实的方法都是为了描述我内心体验到的真实世界。我们几乎无法接近真实本身，电影的意义也不是仅仅为了到达真实的层面。我追求电影中的真实感甚于追求真实，因为我觉得真实感在美学的层面，而真实仅仅停留在社会学的范畴。

  1. <section style="margin: 10px auto; text-align: center;">
  2. <section style="background-color: #f9ede3;padding-bottom:10px;border-radius: 8px;box-sizing:border-box;">
  3. <section style="display: flex;justify-content: flex-end;">
  4. <section class="assistant" style="width: 20%;height: 10px;background-color: #d4a980;border-radius: 0 10px 0 10px;box-sizing:border-box;max-width: 20% !important;" data-width="20%"></section>
  5. </section>
  6. <section style="padding: 0 13px 0 13px; background-color: #f9ede3;border-radius: 8px;background-image: url(/upimages/54d4.png);background-size: 21%;background-repeat: no-repeat;background-position: bottom right;box-sizing:border-box;">
  7. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#8f6127;background: transparent;padding: 20px 10px 15px 10px;box-sizing:border-box;">
  8. <p style="vertical-align:inherit;">
  9. 一切纪实的方法都是为了描述我内心体验到的真实世界。我们几乎无法接近真实本身，电影的意义也不是仅仅为了到达真实的层面。我追求电影中的真实感甚于追求真实，因为我觉得真实感在美学的层面，而真实仅仅停留在社会学的范畴。
  10. </p>
  11. </section>
  12. </section>
  13. </section>
  14. </section>
复制代码
作者: admin    时间: 2023-7-6 17:47
帖子中可随时引入的样式和代码：
韭菜的自我修养

以自身在投资领域的成长经历来告诉读者，自要努力提高自身修养，就能逃脱长期当“韭菜”的命运，这样的角度也符合他一贯“人生导师”的人设，也能混淆一部分视听，绕过他自己是否有“割韭菜”意图的争论，让自己的形象处于比较有利的位置。

  1. <section style="margin: 10px auto; text-align: left;">
  2. <section style="background: #fff9f2;padding: 12px 0px 0px 0px;box-sizing:border-box;">
  3. <section style="background-image: url(/upimages/1wbmc.png);background-size: 150px;background-repeat: no-repeat;background-position:left top;">
  4. <section style="background-image: url(/upimages/2wbmc.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;padding:1.3em 1em 1em 1em;box-sizing:border-box;">
  5. <section style="display: flex;justify-content: center;align-items: center;">
  6. <section class="assistant" style="box-sizing:border-box;margin-left:5px;margin-bottom: 5px;align-self: flex-end;display: inline-block;height: 1px;background: linear-gradient(to right,rgba(255,255,255,0) 0%,#fc925e);align-self: center;margin-left: -0px;flex: 1;margin-top: 5px;"></section>
  7. <section class="assistan" style="width: 10px;height: 10px;background: #fc925e;box-sizing:border-box;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);"></section>
  8. <section style="margin: 0px 10px;">
  9. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;padding: 0px 1em;color: #fd8f61;box-sizing:border-box;">
  10. <strong>韭菜的自我修养</strong>
  11. </section>
  12. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 15px;background: #ffefdf;border-radius: 30px;margin-top: -10px;box-sizing:border-box;" data-width="100%"></section>
  13. </section>
  14. <section class="assistan" style="width: 10px;height: 10px;background: #fc925e;box-sizing:border-box;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);"></section>
  15. <section class="assistant" style="box-sizing:border-box;margin-left:5px;margin-bottom: 5px;align-self: flex-end;display: inline-block;height: 1px;background: linear-gradient(to left,rgba(255,255,255,0) 0%,#fc925e);align-self: center;margin-left: -0px;flex: 1;margin-top: 5px;"></section>
  16. </section>
  17. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#736b60;background: transparent;margin-top: 1em;">
  18. <p style="vertical-align:inherit;">
  19. 以自身在投资领域的成长经历来告诉读者，自要努力提高自身修养，就能逃脱长期当“韭菜”的命运，这样的角度也符合他一贯“人生导师”的人设，也能混淆一部分视听，绕过他自己是否有“割韭菜”意图的争论，让自己的形象处于比较有利的位置。
  20. </p>
  21. </section>
  22. </section>
  23. </section>
  24. </section>
  25. </section>
复制代码
作者: admin    时间: 2023-7-6 17:54
帖子中可随时引用的样式和代码：

   标题内容：

教师在课堂上，只能面对大多数同学的水平和进度授课，不可能面面俱到。而思维较慢、接受能力较弱的同学，在这种情况下，会感觉听起课来很吃力。往往是教师授课的几句话反应不过来。

  1. <section style="margin: 10px auto;">
  2. <section style="border: 1px solid #ff0000;padding: 4px;box-sizing:border-box;">
  3. <section style="background: #fef7f8;padding: 1em 1em 1.3em 1em;box-sizing:border-box;">
  4. <h2 style="font-size:17px;">
  5. &nbsp; &nbsp;标题内容：
  6. </h2>
  7. <hr style="color:red;"/>
  8. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;margin-left: 15px;">
  9. <p style="vertical-align:inherit;">
  10. 教师在课堂上，只能面对大多数同学的水平和进度授课，不可能面面俱到。而思维较慢、接受能力较弱的同学，在这种情况下，会感觉听起课来很吃力。往往是教师授课的几句话反应不过来。
  11. </p>
  12. </section>
  13. </section>
  14. <section style="display: flex;justify-content: flex-end;margin-top: -20px;">
  15. <section class="assistant" style="width: 0px;height: 1px;border-bottom: 20px solid #fff; border-left: 20px solid transparent;box-sizing:border-box;"></section>
  16. </section>
  17. </section>
  18. </section>
复制代码
下面是第二个样式和代码：

全国两会每5年为一届，2020年两会是指十三届全国人大三次会议和全国政协十三届三次会议。那么，2021年全国两会是指中华人民共和国第十三届全国人大四次会议和中国人民政协第十三届四次会议。

  1. <section style="margin: 10px 0px;">
  2. <section style="display: flex;">
  3. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background-color: #cf1512;padding: 1em;box-sizing:border-box;">
  4. <p style="vertical-align:inherit;">
  5. 全国两会每5年为一届，2020年两会是指十三届全国人大三次会议和全国政协十三届三次会议。那么，2021年全国两会是指中华人民共和国第十三届全国人大四次会议和中国人民政协第十三届四次会议。
  6. </p>
  7. </section>
  8. <section class="assistant" style="width: 8px;background-color: #feb328; flex-shrink: 0;box-sizing:border-box;"></section>
  9. </section>
  10. <section class="assistant" style="height: 8px;background-color: #feb328; flex-shrink: 0;"></section>
  11. </section>
复制代码
分出来的块样式和代码：

全国两会每5年为一届，2020年两会是指十三届全国人大三次会议和全国政协十三届三次会议。那么，2021年全国两会是指中华人民共和国第十三届全国人大四次会议和中国人民政协第十三届四次会议。

  1. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background-color: #cf1512;padding: 1em;box-sizing:border-box;">
  2. <p style="vertical-align:inherit;">
  3. 全国两会每5年为一届，2020年两会是指十三届全国人大三次会议和全国政协十三届三次会议。那么，2021年全国两会是指中华人民共和国第十三届全国人大四次会议和中国人民政协第十三届四次会议。
  4. </p>
  5. </section>
  6. <section class="assistant" style="width: 8px;background-color: #feb328; flex-shrink: 0;box-sizing:border-box;"></section>
  7. </section>
复制代码
作者: admin    时间: 2023-7-6 19:38
帖子中可随时引用的样式和代码：
信
息
内
容
记录时间

2023年7月1日

记录地点

长宏大道22号

记录简述

这里是简述内容

  1. <section style="margin: 10px auto;">
  2. <section style="display: flex;justify-content: center;margin: 0 0 -15px;" class="">
  3. <section style="display: flex;justify-content: center;padding: 0 2px;background-color: #ffffff;box-sizing:border-box;">
  4. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #fdd227; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  5. <strong class="135brush" data-brushtype="text">信</strong>
  6. </section>
  7. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #b6d315; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  8. <strong class="135brush" data-brushtype="text">息</strong>
  9. </section>
  10. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #fdd227; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  11. <strong class="135brush" data-brushtype="text">内</strong>
  12. </section>
  13. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #b6d315; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  14. <strong class="135brush" data-brushtype="text">容</strong>
  15. </section>
  16. </section>
  17. </section>
  18. <section style="border-top: 1px solid #77ae4c;background-color: #fdfcf3;box-sizing:border-box;">
  19. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  20. <section style="flex-shrink: 0;">
  21. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  22. <strong class="135brush" data-brushtype="text">记录时间</strong>
  23. </section>
  24. </section>
  25. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  26. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  27. <p>
  28. 2023年7月1日
  29. </p>
  30. </section>
  31. </section>
  32. </section>
  33. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  34. <section style="flex-shrink: 0;">
  35. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  36. <strong class="135brush" data-brushtype="text">记录地点</strong>
  37. </section>
  38. </section>
  39. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  40. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  41. <p>
  42. 长宏大道22号
  43. </p>
  44. </section>
  45. </section>
  46. </section>
  47. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  48. <section style="flex-shrink: 0;">
  49. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  50. <strong class="135brush" data-brushtype="text">记录简述</strong>
  51. </section>
  52. </section>
  53. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  54. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  55. <p>
  56. 这里是简述内容
  57. </p>
  58. </section>
  59. </section>
  60. </section>
  61. </section>
  62. </section>
复制代码
作者: admin    时间: 2023-7-6 20:03
帖子中可随时引用的样式和代码：

2014年2月27日，十二届全国人大常委会第七次会议通过决定，以立法形式将12月13日设立为南京大屠杀死难者国家公祭日。

  1. <section style="margin: 10px auto;">
  2. <section style="display: flex;justify-content: flex-end;">
  3. <section style="width: 30%;border-top: 1px solid #690a01;box-sizing:border-box;max-width: 30% !important;" data-width="30%"></section>
  4. </section>
  5. <section style="background-color: #eaeaea;padding: 25px 20px;box-sizing:border-box;">
  6. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background: transparent;">
  7. <p>
  8. 2014年2月27日，十二届全国人大常委会第七次会议通过决定，以立法形式将12月13日设立为南京大屠杀死难者国家公祭日。
  9. </p>
  10. </section>
  11. </section>
  12. <section style="display: flex;justify-content: flex-start;">
  13. <section style="width: 30%;border-top: 1px solid #690a01;box-sizing:border-box;max-width: 30% !important;" data-width="30%"></section>
  14. </section>
  15. </section>
复制代码
作者: admin    时间: 2023-7-6 20:06
帖子中可随时引用的样式和代码：

2014年2月27日，十二届全国人大常委会第七次会议通过决定，以立法形式将12月13日设立为南京大屠杀死难者国家公祭日。

  1. <section style="margin: 10px auto;">
  2. <section style="border-top:1px solid #690a01;border-bottom: 1px solid #690a01;background-color: #eaeaea;padding: 10px;box-sizing:border-box;">
  3. <section style="background-color: #ffffff;padding: 25px 20px;box-sizing:border-box;">
  4. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background: transparent;">
  5. <p>
  6. 2014年2月27日，十二届全国人大常委会第七次会议通过决定，以立法形式将12月13日设立为南京大屠杀死难者国家公祭日。
  7. </p>
  8. </section>
  9. </section>
  10. </section>
  11. </section>
复制代码
作者: admin    时间: 2023-7-6 20:09
帖子中随时可引入的样式和代码：

简约起源于现代派的极简主义。 有人说起源于现代派大师，德国包豪斯学校的第三任校长米斯.凡德罗。他提倡LESS IS MORE.在满足功能的基础上作到最大程度的简洁。

  1. <section style="margin: 20px auto;">
  2. <section>
  3. <section style="display: flex;justify-content: center;align-items: center;">
  4. <section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%">
  5. <section style="max-width: 100% !important;width: 100%;height: 1px;background-color: #333;box-sizing:border-box;" data-width="100%"></section>
  6. </section>
  7. <section style="display: flex;align-items: center;padding-left: 5px;box-sizing:border-box;">
  8. <section style="flex-shrink: 0;">
  9. <section style="width: 10px;height: 10px;background-color: #FF3333;border-radius: 100%;box-sizing:border-box;"></section>
  10. </section>
  11. <section style="flex-shrink: 0;margin-left: 5px;">
  12. <section style="width: 10px;height: 10px;background-color: #0066FF;border-radius: 100%;box-sizing:border-box;"></section>
  13. </section>
  14. </section>
  15. </section>
  16. <section style="padding: 25px 15px;box-sizing:border-box;">
  17. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;">
  18. <p>
  19. 简约起源于现代派的极简主义。 有人说起源于现代派大师，德国包豪斯学校的第三任校长米斯.凡德罗。他提倡LESS IS MORE.在满足功能的基础上作到最大程度的简洁。
  20. </p>
  21. </section>
  22. </section>
  23. <section style="display: flex;justify-content: center;align-items: center;">
  24. <section style="display: flex;align-items: center;padding-right: 5px;box-sizing:border-box;">
  25. <section style="flex-shrink: 0;">
  26. <section style="width: 10px;height: 10px;background-color: #0066FF;border-radius: 100%;box-sizing:border-box;"></section>
  27. </section>
  28. <section style="flex-shrink: 0;margin-left: 5px;">
  29. <section style="width: 10px;height: 10px;background-color:#FF3333;border-radius: 100%;box-sizing:border-box;"></section>
  30. </section>
  31. </section>
  32. <section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%">
  33. <section style="max-width: 100% !important;width: 100%;height: 1px;background-color: #333;box-sizing:border-box;" data-width="100%"></section>
  34. </section>
  35. </section>
  36. </section>
  37. </section>
复制代码
作者: admin    时间: 2023-7-6 20:26
帖子中可随时引用样式及代码：
QUESTION
反诈灵魂提问
01
理财前问自己
投资大师为啥要苦口婆心的帮助你?
02
网恋前问自己
人靓声甜的小姐姐,为啥还需要网恋?
03
刷单前问自己
动动手指就能赚钱的好事为啥能轮到你?
  1. <section style="margin: 20px auto;">
  2. <section>
  3. <section style="display: flex;justify-content: center;">
  4. <section style="transform-style: preserve-3d">
  5. <section style="text-align: center;font-size: 24px;color: #ebf2ff;letter-spacing: 1.5px; transform: translateZ(6px);transform: translateZ(6px);-webkit-transform: translateZ(6px);-moz-transform: translateZ(6px);-o-transform: translateZ(6px);">
  6. <strong class="135brush" data-brushtype="text">QUESTION</strong>
  7. </section>
  8. <section style="margin-top: -15px;display: flex;justify-content: center;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  9. <section style="background: linear-gradient(to right,#1648d2,#265ef9);font-size: 16px;color: #fefeff;border-radius: 25px;padding: 3px 10px;letter-spacing: 1.5px;text-align: center;box-sizing:border-box;">
  10. <strong class="135brush" data-brushtype="text">反诈灵魂提问</strong>
  11. </section>
  12. </section>
  13. </section>
  14. </section>
  15. <section style="border-top: 1px solid #468bfc;background-color: #f4f8ff;padding: 25px 0 20px;margin-top: -15px;box-sizing:border-box;" class="">
  16. <section style="padding: 0 15px;box-sizing:border-box;">
  17. <section style="display: flex;align-items: center;padding: 10px 0;box-sizing:border-box;">
  18. <section style="font-size: 24px;letter-spacing: 1.5px;color: #ffffff;text-shadow: #1649d3 1px 1px, #1649d3 1px -1px,#1649d3 1px -1px, #1649d3 -1px 1px, #1649d3 -1px -1px;flex-shrink: 0;">
  19. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  20. </section>
  21. <section style="padding-left: 15px;box-sizing:border-box;">
  22. <section style="font-size: 14px;color: #1549d2;text-align: left;">
  23. <strong class="135brush" data-brushtype="text">理财前问自己</strong>
  24. </section>
  25. <section style="font-size: 14px;color: #333;text-align: left;">
  26. <span class="135brush" data-brushtype="text">投资大师为啥要苦口婆心的帮助你?</span>
  27. </section>
  28. </section>
  29. </section>
  30. </section>
  31. <section class="box-edit" style="padding: 0 15px;box-sizing:border-box;">
  32. <section style="display: flex;align-items: center;padding: 10px 0;border-top: 1px dashed #cee0ff;box-sizing:border-box;">
  33. <section style="font-size: 24px;letter-spacing: 1.5px;color: #ffffff;text-shadow: #1649d3 1px 1px, #1649d3 1px -1px,#1649d3 1px -1px, #1649d3 -1px 1px, #1649d3 -1px -1px;flex-shrink: 0;">
  34. <strong>0</strong><strong class="autonum" data-original-title="" title="">2</strong>
  35. </section>
  36. <section style="padding-left: 15px;box-sizing:border-box;">
  37. <section style="font-size: 14px;color: #1549d2;text-align: left;">
  38. <strong class="135brush" data-brushtype="text">网恋前问自己</strong>
  39. </section>
  40. <section style="font-size: 14px;color: #333;text-align: left;">
  41. <span class="135brush" data-brushtype="text">人靓声甜的小姐姐,为啥还需要网恋?</span>
  42. </section>
  43. </section>
  44. </section>
  45. </section>
  46. <section class="box-edit" style="padding: 0 15px;box-sizing:border-box;">
  47. <section style="display: flex;align-items: center;padding: 10px 0;border-top: 1px dashed #cee0ff;box-sizing:border-box;" class="">
  48. <section style="font-size: 24px;letter-spacing: 1.5px;color: #ffffff;text-shadow: #1649d3 1px 1px, #1649d3 1px -1px,#1649d3 1px -1px, #1649d3 -1px 1px, #1649d3 -1px -1px;flex-shrink: 0;">
  49. <strong>0</strong><strong class="autonum" data-original-title="" title="">3</strong>
  50. </section>
  51. <section style="padding-left: 15px;box-sizing:border-box;">
  52. <section style="font-size: 14px;color: #1549d2;text-align: left;" class="">
  53. <strong class="135brush" data-brushtype="text">刷单前问自己</strong>
  54. </section>
  55. <section style="font-size: 14px;color: #333;text-align: left;" class="">
  56. <span class="135brush" data-brushtype="text">动动手指就能赚钱的好事为啥能轮到你?</span>
  57. </section>
  58. </section>
  59. </section>
  60. </section>
  61. </section>
  62. </section>
  63. </section>
复制代码
作者: admin    时间: 2023-7-6 20:35
帖子中可随时引用的样式及代码：
“谷雨，谷得雨而生也”
  1. <section style="margin: 20px auto;">
  2. <section style="display: flex;align-items: flex-end;">
  3. <section class="assistant" style="width: 55px;box-sizing:border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  4. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/wy001.gif" data-width="100%" draggable="false" data-ratio="0.9736842105263158" data-w="380"/>
  5. </section>
  6. <section class="135brush" data-brushtype="text" style="margin:0 0 0 -55px;border: 1px dashed #c4e3b9;border-radius: 20px;font-size: 16px;color: #5ca452;background-color: #f7fbf0;width: 100%;text-align: center;padding: 15px 0;box-sizing:border-box;max-width: 100% !important;" data-width="100%">
  7. “谷雨，谷得雨而生也”
  8. </section>
  9. </section>
  10. </section>
复制代码
作者: admin    时间: 2023-7-6 20:40
帖子中可随时引用的样式及代码：
1
子女教育

保护地球不止一小时，让我们携手共创一个公平的、碳中和的、自然向好的未来！

2
子女教育

保护地球不止一小时，让我们携手共创一个公平的、碳中和的、自然向好的未来！

  1. <section style="text-align: center;margin: 10px auto;">
  2. <section style="display:flex;justify-content: space-between;align-items: flex-start;">
  3. <section style="width: 48.4%;box-sizing:border-box;max-width: 48.4% !important;" data-width="48.4%">
  4. <section style="display: inline-block;transform-style: preserve-3d;margin-left: 4px;">
  5. <section style="display: flex;justify-content: flex-end;transform: translateZ(9px);-webkit-transform: translateZ(9px);-moz-transform: translateZ(9px);-o-transform: translateZ(9px);">
  6. <section style="width: 15px;line-height: 0;flex-shrink: 0;margin-bottom: -15px;box-sizing:border-box;transform: rotate(40deg);-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-o-transform: rotate(40deg);">
  7. <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 65 100" style="enable-background:new 0 0 65 100;" xml:space="default">
  8. <g>
  9. <g>
  10. <path class="st0" style="fill:#a8e07b;" d="M32.41,41.79c4.86-3.87-6.74-41.5-23.74-36.36S3.67,28.05,11,33.22S28.85,44.62,32.41,41.79z"></path>
  11. <path class="st0" style="fill:#a8e07b;" d="M31.05,41.35c-5.52-3.96,5.08-45.68,23.94-40.98s6.7,24.45-1.02,30.49S35.09,44.25,31.05,41.35z"></path>
  12. <path class="st0" style="fill:#a8e07b;" d="M33.03,100c-2.6-0.1-1.58-4.04-1.37-9.21c0.26-6.29,3.07-18.2-1.8-49.73c-0.56-3.63,3.24-4.13,3.84-0.57
  13. c2.82,16.71,3.52,35.34,1.73,50.73C34.96,95.24,35.36,100.09,33.03,100z"></path>
  14. </g>
  15. </g>
  16. </svg>
  17. </section>
  18. </section>
  19. <section style="width: 35px;height: 35px;background-color: #31ab42;border-radius: 50%;margin-right: 4px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  20. <section style="font-size: 18px;color: #fff;line-height: 35px;text-align: center;">
  21. <strong class="autonum" data-original-title="" title="">1</strong>
  22. </section>
  23. </section>
  24. </section>
  25. <section style="border: 1px solid #31ab42;padding: 35px 12px 20px 12px;margin-top: -17px;box-sizing:border-box;">
  26. <section style="font-size: 14px;letter-spacing: 1.5px;color: #31ab42;">
  27. <strong class="135brush" data-brushtype="text">子女教育</strong>
  28. </section>
  29. <section data-autoskip="1" class="135brush" style="margin-top: 15px;text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;">
  30. <p style="vertical-align:inherit;">
  31. 保护地球不止一小时，让我们携手共创一个公平的、碳中和的、自然向好的未来！
  32. </p>
  33. </section>
  34. </section>
  35. </section>
  36. <section style="width: 48.4%;box-sizing:border-box;max-width: 48.4% !important;" data-width="48.4%">
  37. <section style="display: inline-block;transform-style: preserve-3d;margin-left: 4px;">
  38. <section style="display: flex;justify-content: flex-end;transform: translateZ(9px);-webkit-transform: translateZ(9px);-moz-transform: translateZ(9px);-o-transform: translateZ(9px);">
  39. <section style="width: 15px;line-height: 0;flex-shrink: 0;margin-bottom: -15px;box-sizing:border-box;transform: rotate(40deg);-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-o-transform: rotate(40deg);">
  40. <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 65 100" style="enable-background:new 0 0 65 100;" xml:space="default">
  41. <g>
  42. <g>
  43. <path class="st0" style="fill:#a8e07b;" d="M32.41,41.79c4.86-3.87-6.74-41.5-23.74-36.36S3.67,28.05,11,33.22S28.85,44.62,32.41,41.79z"></path>
  44. <path class="st0" style="fill:#a8e07b;" d="M31.05,41.35c-5.52-3.96,5.08-45.68,23.94-40.98s6.7,24.45-1.02,30.49S35.09,44.25,31.05,41.35z"></path>
  45. <path class="st0" style="fill:#a8e07b;" d="M33.03,100c-2.6-0.1-1.58-4.04-1.37-9.21c0.26-6.29,3.07-18.2-1.8-49.73c-0.56-3.63,3.24-4.13,3.84-0.57
  46. c2.82,16.71,3.52,35.34,1.73,50.73C34.96,95.24,35.36,100.09,33.03,100z"></path>
  47. </g>
  48. </g>
  49. </svg>
  50. </section>
  51. </section>
  52. <section style="width: 35px;height: 35px;background-color: #31ab42;border-radius: 50%;margin-right: 4px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  53. <section style="font-size: 18px;color: #fff;line-height: 35px;text-align: center;">
  54. <strong class="autonum" data-original-title="" title="">2</strong>
  55. </section>
  56. </section>
  57. </section>
  58. <section style="border: 1px solid #31ab42;padding: 35px 12px 20px 12px;margin-top: -17px;box-sizing:border-box;">
  59. <section style="font-size: 14px;letter-spacing: 1.5px;color: #31ab42;">
  60. <strong class="135brush" data-brushtype="text">子女教育</strong>
  61. </section>
  62. <section data-autoskip="1" class="135brush" style="margin-top: 15px;text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;">
  63. <p style="vertical-align:inherit;">
  64. 保护地球不止一小时，让我们携手共创一个公平的、碳中和的、自然向好的未来！
  65. </p>
  66. </section>
  67. </section>
  68. </section>
  69. </section>
  70. </section>
复制代码
作者: admin    时间: 2023-7-6 20:45
帖子中可随时引入的样式及代码：
比赛介绍
COMPETITION INTRODUCTION

第24届冬季奥林匹克运动会，即2022年北京冬季奥运会，于2022年2月4日星期五开幕，2月20日星期日闭幕 [33]  。北京冬季奥运会设7个大项，15个分项，109个小项 [2] 

  1. <section style="margin: 10px auto;">
  2. <section style="border: 1px solid #0178c6;border-radius: 10px;box-sizing:border-box;">
  3. <section style="display: flex;justify-content: flex-start;background-color: #ddf2ff;border-radius: 10px 10px 0 0;box-sizing:border-box;">
  4. <section>
  5. <section style="background-color: #0178c6;padding: 2px 10px;border-radius: 10px 0 10px 0;height: 100%;display: flex;align-items: center;box-sizing:border-box;">
  6. <section style="color: #ffffff; font-size: 16px;text-align: center;height: 30px;line-height: 30px;">
  7. <strong class="135brush" data-brushtype="text">比赛介绍</strong>
  8. </section>
  9. </section>
  10. </section>
  11. <section style="width: 65%;display: flex;align-items: center;box-sizing:border-box;max-width: 65% !important;" data-width="65%">
  12. <section class="135brush" data-brushtype="text" style="font-size: 14px;margin-left: 6px;color: #0178c6;">
  13. COMPETITION INTRODUCTION
  14. </section>
  15. </section>
  16. </section>
  17. <section data-autoskip="1" class="135brush" style="padding: 20px 15px 0px;color: #231815;font-size: 14px;line-height: 1.75em;letter-spacing: 1.5px;text-align: justify;box-sizing:border-box;">
  18. <p style="vertical-align:inherit;" hm_fix="388:328">
  19. 第24届冬季奥林匹克运动会，即2022年北京冬季奥运会，于2022年2月4日星期五开幕，2月20日星期日闭幕&nbsp;[33]&nbsp;&nbsp;。北京冬季奥运会设7个大项，15个分项，109个小项&nbsp;[2]&nbsp;
  20. </p>
  21. </section>
  22. <section style="text-align: right;">
  23. <section style="width: 30px;display: inline-block;margin: 0 15px 15px 0;box-sizing:border-box;">
  24. <img style="vertical-align:inherit;width: 100%;display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/10PXBuZw.png" data-width="100%" draggable="false" data-ratio="0.9642857142857143" data-w="28"/>
  25. </section>
  26. </section>
  27. </section>
  28. </section>
复制代码
作者: admin    时间: 2023-7-6 20:56
帖子内可随时引用的样式和代码：
数据可视化分析

数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。为了有效地传达思想概念，美学形式与功能需要齐头并进。

  1. <section style="text-align: center; margin: 10px 8px;">
  2. <section style="text-align: right;line-height: 0;margin-bottom: -25px;">
  3. <section style="display: inline-block;">
  4. <section style="background: linear-gradient(to right,#7c9ee8 0%,#acc5fd 100%);padding: 7px 2px 13px 2px;box-sizing:border-box;transform: rotate(15deg) translate(8px,15px);-webkit-transform: rotate(15deg) translate(8px,15px);-moz-transform: rotate(15deg) translate(8px,15px);-o-transform: rotate(15deg) translate(8px,15px);">
  5. <section style="display: flex;justify-content: center;align-items: flex-start;">
  6. <section class="assistant" style="width: 17px;height: 2px;background-color: #fff;margin-right: -4px;box-sizing:border-box;transform: rotate(30deg);-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);"></section>
  7. <section class="assistant" style="width: 17px;height: 2px;background-color: #fff;box-sizing:border-box;transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);"></section>
  8. </section>
  9. </section>
  10. </section>
  11. </section>
  12. <section style="border: 1px solid #000;box-sizing:border-box;">
  13. <section style="display: flex;justify-content: space-between;align-items: center;background-color: #efefef;padding: 6px 8px;box-sizing:border-box;">
  14. <section style="display: flex;">
  15. <section class="assistant" style="width: 5px;height: 5px;background-color: #B22222;border-radius: 50%;box-sizing:border-box;"></section>
  16. <section class="assistant" style="width: 5px;height: 5px;background-color: #ADFF2F;border-radius: 50%;margin: 0 3px;box-sizing:border-box;"></section>
  17. <section class="assistant" style="width: 5px;height: 5px;background-color: #7B68EE;border-radius: 50%;box-sizing:border-box;"></section>
  18. </section>
  19. <section style="font-size: 20px;letter-spacing: 1.5px;color: #000;">
  20. <strong class="135brush" data-brushtype="text">数据可视化分析</strong>
  21. </section>
  22. <section style="display: flex;">
  23. <section class="assistant" style="width: 5px;height: 5px;background-color: #efefef;border-radius: 50%;box-sizing:border-box;"></section>
  24. <section class="assistant" style="width: 5px;height: 5px;background-color: #efefef;border-radius: 50%;margin: 0 3px;box-sizing:border-box;"></section>
  25. <section class="assistant" style="width: 5px;height: 5px;background-color: #efefef;border-radius: 50%;box-sizing:border-box;"></section>
  26. </section>
  27. </section>
  28. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #000;box-sizing:border-box;" data-width="100%"></section>
  29. <section style="padding: 25px 22px;box-sizing:border-box;">
  30. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#000;background: transparent;">
  31. <p style="vertical-align:inherit;">
  32. 数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。为了有效地传达思想概念，美学形式与功能需要齐头并进。
  33. </p>
  34. </section>
  35. <section style="border: 1px solid #000;margin-top: 18px;box-sizing:border-box;">
  36. <section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%">
  37. <img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9qcGcvSmFGdlB2dkEySjMxSDZ2Vnp1VklCaWNhS2xsZDNEZ2x0QWljeVNFb2NrVUI1MXphNXR6ZzliQUNvQ1R0aWJ6OGQ4WlpLZHFjTGlhTm9YN2liU0ljZHl0aHRwUS8wP3d4X2ZtdD1qcGVn" data-width="100%" draggable="false" data-ratio="0.6962616822429907" data-w="428"/>
  38. </section>
  39. </section>
  40. </section>
  41. </section>
  42. </section>
复制代码
作者: admin    时间: 2023-7-6 21:13
帖子可直接引入的样式和代码：
提子科技

135编辑器，一站式新媒体运营工具，帮助解决排版美化、做图、运营等问题。

提子科技

135编辑器，一站式新媒体运营工具，帮助解决排版美化、做图、运营等问题。

提子科技

135编辑器，一站式新媒体运营工具，帮助解决排版美化、做图、运营等问题。

  1. <section style="margin: 10px auto;">
  2. <section data-role="animate" style="display: inline-block;width: 100%;vertical-align: top;overflow-x: auto;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  3. <section data-divisor="2" style="overflow: hidden;width: 150%;max-width: 150% !important;margin: 4px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;box-sizing:border-box;" data-width="150%">
  4. <section class="box-edit" style="display: inline-block; vertical-align: middle;width: 33.3%; ; ;box-sizing:border-box;max-width: 33.3% !important;" data-width="33.3%">
  5. <section style="margin: 4px auto 0;padding: 0 3px 15px;border-top: 1px solid #3f84ec;box-sizing:border-box;">
  6. <section style="width: 9px;height: 9px;background-color: #3f84ec;border-radius: 100%;margin:-4px auto;box-sizing:border-box;"></section>
  7. <section style="display: flex;justify-content: center;padding-top: 10px;box-sizing:border-box;">
  8. <section style="width: 0;height: 1px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #3f84ec;box-sizing:border-box;"></section>
  9. </section>
  10. <section style="padding: 0 5px;box-sizing:border-box;">
  11. <section style="background-color: #3f84ec;padding: 20px 0;box-sizing:border-box;">
  12. <section style="color: #ffffff;text-align: center;font-size: 14px;letter-spacing: 1.5px;padding: 10px 0;box-sizing:border-box;">
  13. <strong class="135brush" data-brushtype="text">提子科技</strong>
  14. </section>
  15. <section style="padding: 0 10px;box-sizing:border-box;">
  16. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background: transparent;">
  17. <p style="vertical-align:inherit;">
  18. 135编辑器，一站式新媒体运营工具，帮助解决排版美化、做图、运营等问题。
  19. </p>
  20. </section>
  21. </section>
  22. </section>
  23. </section>
  24. </section>
  25. </section>
  26. <section class="box-edit" style="display: inline-block; vertical-align: middle;width: 33.3%; ;box-sizing:border-box;max-width: 33.3% !important;" data-width="33.3%">
  27. <section style="margin: 4px auto 0;padding: 0 3px 15px;border-top: 1px solid #3f84ec;box-sizing:border-box;">
  28. <section style="width: 9px;height: 9px;background-color: #e14036;border-radius: 100%;margin:-4px auto;box-sizing:border-box;"></section>
  29. <section style="display: flex;justify-content: center;padding-top: 10px;box-sizing:border-box;">
  30. <section style="width: 0;height: 1px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #e14036;box-sizing:border-box;"></section>
  31. </section>
  32. <section style="padding: 0 5px;box-sizing:border-box;">
  33. <section style="background-color: #e14036;padding: 20px 0;box-sizing:border-box;">
  34. <section style="color: #ffffff;text-align: center;font-size: 14px;letter-spacing: 1.5px;padding: 10px 0;box-sizing:border-box;">
  35. <strong class="135brush" data-brushtype="text">提子科技</strong>
  36. </section>
  37. <section style="padding: 0 10px;box-sizing:border-box;">
  38. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background: transparent;">
  39. <p style="vertical-align:inherit;">
  40. 135编辑器，一站式新媒体运营工具，帮助解决排版美化、做图、运营等问题。
  41. </p>
  42. </section>
  43. </section>
  44. </section>
  45. </section>
  46. </section>
  47. </section>
  48. <section class="box-edit" style="display: inline-block; vertical-align: middle;width: 33.3%; ; ;box-sizing:border-box;max-width: 33.3% !important;" data-width="33.3%">
  49. <section style="margin: 4px auto 0;padding: 0 3px 15px;border-top: 1px solid #3f84ec;box-sizing:border-box;">
  50. <section style="width: 9px;height: 9px;background-color: #3f84ec;border-radius: 100%;margin:-4px auto;box-sizing:border-box;"></section>
  51. <section style="display: flex;justify-content: center;padding-top: 10px;box-sizing:border-box;">
  52. <section style="width: 0;height: 1px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #3f84ec;box-sizing:border-box;"></section>
  53. </section>
  54. <section style="padding: 0 5px;box-sizing:border-box;">
  55. <section style="background-color: #3f84ec;padding: 20px 0;box-sizing:border-box;">
  56. <section style="color: #ffffff;text-align: center;font-size: 14px;letter-spacing: 1.5px;padding: 10px 0;box-sizing:border-box;">
  57. <strong class="135brush" data-brushtype="text">提子科技</strong>
  58. </section>
  59. <section style="padding: 0 10px;box-sizing:border-box;">
  60. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background: transparent;">
  61. <p style="vertical-align:inherit;">
  62. 135编辑器，一站式新媒体运营工具，帮助解决排版美化、做图、运营等问题。
  63. </p>
  64. </section>
  65. </section>
  66. </section>
  67. </section>
  68. </section>
  69. </section>
  70. </section>
  71. </section>
  72. </section>
复制代码
作者: admin    时间: 2023-7-6 21:17
帖子中可直接引入的样式及代码：
直接选举
（选民直接投票选举）
适用范围
县级、乡镇级人大代表
推荐候选人
各选区选民、各政党、各人民团体
投票方式
投票站、选举大会、流动票箱
选票方式
差额选举
  1. <section style="margin: 10px auto;text-align: center;">
  2. <section style="display: flex;justify-content: center;align-items: center;">
  3. <section style="width: 25.6px;line-height: 0;flex-shrink: 0;box-sizing:border-box;">
  4. <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 40 50" style="enable-background:new 0 0 40 50;" xml:space="default">
  5. <polygon class="st1" style="fill:#ffcf47;" points="19.9,47 0,47 15.1,25 0,3 19.9,3 35,25 "></polygon>
  6. <polygon class="st0" style="fill:#e00e0d;" points="40,50 10,50 28.01,25 10,0 40,0 "></polygon>
  7. </svg>
  8. </section>
  9. <section style="background-color: #e00e0d;padding: 0 8px;width: auto;height: 32px;box-sizing:border-box;">
  10. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;color: #fff;line-height: 32px;">
  11. 直接选举
  12. </section>
  13. </section>
  14. <section style="line-height: 0;width: 19.2px;flex-shrink: 0;box-sizing:border-box;">
  15. <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 30 50" style="enable-background:new 0 0 30 50;" xml:space="default">
  16. <polygon class="st0" style="fill:#e00e0d;" points="0,50 30,50 11.99,25 30,0 0,0 "></polygon>
  17. </svg>
  18. </section>
  19. </section>
  20. <section style="border: 1px solid #e00e0d;padding: 0 10px;margin-top: -16px;box-sizing:border-box;">
  21. <section class="135brush" data-brushtype="text" style="padding: 20px 0 10px 0;font-size: 12px;letter-spacing: 1.5px;line-height: 1.75em;box-sizing:border-box;">
  22. （选民直接投票选举）
  23. </section>
  24. <section class="box-edit _135editor" style="display: flex;background: #fedfd4;background: linear-gradient(to right,#fb5f29 0%,#fb5f29 21%,#fedfd4 21%,#fedfd4 100%);margin: 10px 0;">
  25. <section style="width: 20%;padding: 7px 0;box-sizing:border-box;max-width: 20% !important;" data-width="20%">
  26. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1px;color: #fff;">
  27. 适用范围
  28. </section>
  29. </section>
  30. <section style="max-width: 100% !important;width: 100%;flex: 1;padding: 7px;text-align: left;box-sizing:border-box;" data-width="100%">
  31. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1px;color: #fc835c;margin-left: 15px;">
  32. 县级、乡镇级人大代表
  33. </section>
  34. </section>
  35. </section>
  36. <section class="box-edit _135editor" style="display: flex;background: #fedfd4;background: linear-gradient(to right,#fb5f29 0%,#fb5f29 21%,#fedfd4 21%,#fedfd4 100%);margin: 10px 0;">
  37. <section style="width: 20%;padding: 7px 0;box-sizing:border-box;max-width: 20% !important;" data-width="20%">
  38. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1px;color: #fff;">
  39. 推荐候选人
  40. </section>
  41. </section>
  42. <section style="max-width: 100% !important;width: 100%;flex: 1;padding: 7px;text-align: left;box-sizing:border-box;" data-width="100%">
  43. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1px;color: #fc835c;margin-left: 15px;">
  44. 各选区选民、各政党、各人民团体
  45. </section>
  46. </section>
  47. </section>
  48. <section class="box-edit _135editor" style="display: flex;background: #fedfd4;background: linear-gradient(to right,#fb5f29 0%,#fb5f29 21%,#fedfd4 21%,#fedfd4 100%);margin: 10px 0;">
  49. <section style="width: 20%;padding: 7px 0;box-sizing:border-box;max-width: 20% !important;" data-width="20%">
  50. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1px;color: #fff;">
  51. 投票方式
  52. </section>
  53. </section>
  54. <section style="max-width: 100% !important;width: 100%;flex: 1;padding: 7px;text-align: left;box-sizing:border-box;" data-width="100%">
  55. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1px;color: #fc835c;margin-left: 15px;">
  56. 投票站、选举大会、流动票箱
  57. </section>
  58. </section>
  59. </section>
  60. <section class="box-edit _135editor" style="display: flex;background: #fedfd4;background: linear-gradient(to right,#fb5f29 0%,#fb5f29 21%,#fedfd4 21%,#fedfd4 100%);margin: 10px 0;">
  61. <section style="width: 20%;padding: 7px 0;box-sizing:border-box;max-width: 20% !important;" data-width="20%">
  62. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1px;color: #fff;">
  63. 选票方式
  64. </section>
  65. </section>
  66. <section style="max-width: 100% !important;width: 100%;flex: 1;padding: 7px;text-align: left;box-sizing:border-box;" data-width="100%">
  67. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1px;color: #fc835c;margin-left: 15px;">
  68. 差额选举
  69. </section>
  70. </section>
  71. </section>
  72. </section>
  73. </section>
复制代码
作者: admin    时间: 2023-7-6 22:12
帖子中可随时引用的样式和代码：
1：简介内容

“人心是最大的政治”。得人心，就能无惧前行道路上的风险挑战，汇聚起磅礴的奋进力量。瓜连蔓子蔓连根。在长期艰苦的革命岁月，我们党始终与人民心连心，坚持一切为了人民、一切依靠人民。

  1. <section style="margin: 10px auto;">
  2. <section style="width: 100%;height: 2px;border-top: 1px solid #d53a1c;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  3. <section style="display: flex;justify-content: flex-start;background-color: #ffd952;">
  4. <section style="display: flex;justify-content: center;flex-shrink: 0;">
  5. <section style="font-size: 14px;color: #ffffff;background-color: #d53a1c;display: flex;align-items: center;padding: 0 10px;box-sizing:border-box;">
  6. <strong class="135brush" data-brushtype="text">1：简介内容</strong>
  7. </section>
  8. <section style="flex-shrink: 0;display: flex;align-items: center;">
  9. <section style="width: 0px;height: 1px;border-top: 15px solid transparent;border-left: 10px solid #d53a1c;border-bottom: 15px solid transparent;z-index: 9;box-sizing:border-box;"></section>
  10. <section style="width: 5px;height: 30px;background-color: #fffffe;margin: 0 0 0 -10px;box-sizing:border-box;"></section>
  11. <section style="width: 0px;height: 1px;border-top: 15px solid transparent;border-left: 10px solid #fffffe;border-bottom: 15px solid transparent;box-sizing:border-box;"></section>
  12. </section>
  13. </section>
  14. </section>
  15. <section style="background-color: #fcf8e3;padding: 0 14px 14px;box-sizing:border-box;">
  16. <section style="padding: 5px 0;box-sizing:border-box;">
  17. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#4b4b4b;background-color: transparent;">
  18. <p>
  19. “人心是最大的政治”。得人心，就能无惧前行道路上的风险挑战，汇聚起磅礴的奋进力量。瓜连蔓子蔓连根。在长期艰苦的革命岁月，我们党始终与人民心连心，坚持一切为了人民、一切依靠人民。
  20. </p>
  21. </section>
  22. </section>
  23. </section>
  24. </section>
复制代码
作者: admin    时间: 2023-7-7 08:48
在贴子内可直接引用的样式和代码：
分
割
线
  1. <section style="margin: 10px auto; display: flex; justify-content: center;">
  2. <section style="width: 50%; display: flex; align-items: center; box-sizing: border-box; max-width: 50% !important;" data-width="50%">
  3. <section style="width: 100%; border-top: 1px solid #f0806e; max-width: 100% !important; box-sizing: border-box;" data-width="100%"></section>
  4. </section>
  6. <section style="display: flex; justify-content: center; align-items: center; padding: 0 7px; box-sizing: border-box;">
  7. <section class="assistant" style="width: 15px; margin: 0 5px; box-sizing: border-box;">分</section>
  8. <section class="assistant" style="width: 20px; margin: 0 5px; box-sizing: border-box;">割</section>
  9. <section class="assistant" style="width: 15px; margin: 0 5px; box-sizing: border-box;">线</section>
  10. </section>
  12. <section style="width: 50%; display: flex; align-items: center; box-sizing: border-box; max-width: 50% !important;" data-width="50%">
  13. <section style="width: 100%; border-top: 1px solid #f0806e; max-width: 100% !important; box-sizing: border-box;" data-width="100%"></section>
  14. </section>
  15. </section>
复制代码
作者: admin    时间: 2023-7-7 09:01
可直接在帖子中引用的样式和代码：
  1. <section style="margin: 10px auto; display: flex; align-items: center;">
  2. <section style="width: 50%;box-sizing:border-box;max-width: 50% !important;" data-width="50%">
  3. <section style="max-width: 100% !important;width: 100%;height: 3px;border-top: 1px solid #296cd4;border-bottom: 1px solid #ffc149;box-sizing:border-box;" data-width="100%"></section>
  4. </section>
  5. <section style="flex-shrink: 0;padding: 0 5px;box-sizing:border-box;">
  6. <section class="assistant" style="width: 25px;box-sizing:border-box;">
  7. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/ab42.gif" data-width="100%" draggable="false" data-ratio="1.1626984126984128" data-w="252"/>
  8. </section>
  9. </section>
  10. <section style="width: 50%;box-sizing:border-box;max-width: 50% !important;" data-width="50%">
  11. <section style="max-width: 100% !important;width: 100%;height: 3px;border-top: 1px solid #296cd4;border-bottom: 1px solid #ffc149;box-sizing:border-box;" data-width="100%"></section>
  12. </section>
  13. </section>
复制代码
分割线样式2：
  1. <section style="margin: 20px auto;">
  2. <section style="width: 100%;box-sizing:border-box;max-width: 100% !important;" data-width="100%">
  3. <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 560 30" style="enable-background:new 0 0 560 30;display:inline-block" xml:space="default">
  4. <g>
  5. <polygon style="fill:#b69a82;" points="0,29.3 0.7,30 29,0.7 28.3,0 "></polygon>
  6. <polygon style="fill:#b69a82;" points="14.4,29.3 15.1,30 43.3,0.7 42.6,0 "></polygon>
  7. <polygon style="fill:#b69a82;" points="28.7,29.3 29.4,30 57.7,0.7 57,0 "></polygon>
  8. <polygon style="fill:#b69a82;" points="43.1,29.3 43.8,30 72,0.7 71.3,0 "></polygon>
  9. <polygon style="fill:#b69a82;" points="57.4,29.3 58.1,30 86.4,0.7 85.7,0 "></polygon>
  10. <polygon style="fill:#b69a82;" points="71.8,29.3 72.5,30 100.7,0.7 100,0 "></polygon>
  11. <polygon style="fill:#b69a82;" points="86.1,29.3 86.8,30 115.1,0.7 114.4,0 "></polygon>
  12. <polygon style="fill:#b69a82;" points="100.5,29.3 101.2,30 129.5,0.7 128.7,0 "></polygon>
  13. <polygon style="fill:#b69a82;" points="114.8,29.3 115.5,30 143.8,0.7 143.1,0 "></polygon>
  14. <polygon style="fill:#b69a82;" points="129.2,29.3 129.9,30 158.2,0.7 157.4,0 "></polygon>
  15. <polygon style="fill:#b69a82;" points="143.5,29.3 144.2,30 172.5,0.7 171.8,0 "></polygon>
  16. <polygon style="fill:#b69a82;" points="157.9,29.3 158.6,30 186.9,0.7 186.2,0 "></polygon>
  17. <polygon style="fill:#b69a82;" points="172.2,29.3 172.9,30 201.2,0.7 200.5,0 "></polygon>
  18. <polygon style="fill:#b69a82;" points="186.6,29.3 187.3,30 215.6,0.7 214.9,0 "></polygon>
  19. <polygon style="fill:#b69a82;" points="200.9,29.3 201.6,30 229.9,0.7 229.2,0 "></polygon>
  20. <polygon style="fill:#b69a82;" points="215.3,29.3 216,30 244.3,0.7 243.6,0 "></polygon>
  21. <polygon style="fill:#b69a82;" points="229.6,29.3 230.3,30 258.6,0.7 257.9,0 "></polygon>
  22. <polygon style="fill:#b69a82;" points="244,29.3 244.7,30 273,0.7 272.3,0 "></polygon>
  23. <polygon style="fill:#b69a82;" points="258.3,29.3 259,30 287.3,0.7 286.6,0 "></polygon>
  24. <polygon style="fill:#b69a82;" points="272.7,29.3 273.4,30 301.7,0.7 301,0 "></polygon>
  25. <polygon style="fill:#b69a82;" points="287,29.3 287.7,30 316,0.7 315.3,0 "></polygon>
  26. <polygon style="fill:#b69a82;" points="301.4,29.3 302.1,30 330.4,0.7 329.7,0 "></polygon>
  27. <polygon style="fill:#b69a82;" points="315.7,29.3 316.4,30 344.7,0.7 344,0 "></polygon>
  28. <polygon style="fill:#b69a82;" points="330.1,29.3 330.8,30 359.1,0.7 358.4,0 "></polygon>
  29. <polygon style="fill:#b69a82;" points="344.4,29.3 345.1,30 373.4,0.7 372.7,0 "></polygon>
  30. <polygon style="fill:#b69a82;" points="358.8,29.3 359.5,30 387.8,0.7 387.1,0 "></polygon>
  31. <polygon style="fill:#b69a82;" points="373.1,29.3 373.8,30 402.1,0.7 401.4,0 "></polygon>
  32. <polygon style="fill:#b69a82;" points="387.5,29.3 388.2,30 416.5,0.7 415.8,0 "></polygon>
  33. <polygon style="fill:#b69a82;" points="401.8,29.3 402.6,30 430.8,0.7 430.1,0 "></polygon>
  34. <polygon style="fill:#b69a82;" points="416.2,29.3 416.9,30 445.2,0.7 444.5,0 "></polygon>
  35. <polygon style="fill:#b69a82;" points="430.5,29.3 431.3,30 459.5,0.7 458.8,0 "></polygon>
  36. <polygon style="fill:#b69a82;" points="444.9,29.3 445.6,30 473.9,0.7 473.2,0 "></polygon>
  37. <polygon style="fill:#b69a82;" points="459.3,29.3 460,30 488.2,0.7 487.5,0 "></polygon>
  38. <polygon style="fill:#b69a82;" points="473.6,29.3 474.3,30 502.6,0.7 501.9,0 "></polygon>
  39. <polygon style="fill:#b69a82;" points="488,29.3 488.7,30 516.9,0.7 516.2,0 "></polygon>
  40. <polygon style="fill:#b69a82;" points="502.3,29.3 503,30 531.3,0.7 530.6,0 "></polygon>
  41. <polygon style="fill:#b69a82;" points="516.7,29.3 517.4,30 545.6,0.7 544.9,0 "></polygon>
  42. <polygon style="fill:#b69a82;" points="531,29.3 531.7,30 560,0.7 559.3,0 "></polygon>
  43. </g>
  44. </svg>
  45. </section>
  46. </section>
复制代码
分割线样式3：
  1. <section style="text-align: center; margin: 10px auto;">
  2. <section style="display: flex;align-items: center;">
  3. <section class="assistant" style="width: 100%;height: 1px;border-top: 1px dashed #ffbec2; flex: 1;box-sizing:border-box;max-width: 100% !important;" data-width="100%"></section>
  4. <section class="assistant" style="width: 30px;margin: 0 5px;box-sizing:border-box;">
  5. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="/upimages/WdpZg.gif" data-width="100%" draggable="false" data-ratio="0.9973544973544973" data-w="378"/>
  6. </section>
  7. <section class="assistant" style="width: 100%;height: 1px;border-top: 1px dashed #ffbec2; flex: 1;box-sizing:border-box;max-width: 100% !important;" data-width="100%"></section>
  8. </section>
  9. </section>
复制代码
备注说明：
中间图标可换为：
http://gamart.net/upimages/WdpZg.gif ；http://gamart.net/upimages/a4069.png； http://gamart.net/upimages/9569.png； http://gamart.net/upimages/a4069.png;http://gamart.net/upimages/10cd.png; http://gamart.net/upimages/d82f8.gif ; http://gamart.net/upimages/a2ddf.gif 等等图标，也可从外部引入小图片文件。
分割样式4：
NO.1
  1. <section style="margin: 10px auto; transform-style: preserve-3d; padding: 0px 0px 13px; box-sizing: border-box;">
  2. <section style="display: flex; justify-content: center; transform: translateZ(10px); -webkit-transform: translateZ(10px); -moz-transform: translateZ(10px); -o-transform: translateZ(10px);">
  3. <section style="background-color: #5c92ec; display: flex;">
  4. <section style="flex-shrink: 0;">
  5. <section style="width: 0; height: 1px; border-top: 10px solid #ffffff; border-right: 10px solid transparent; box-sizing: border-box;"></section>
  6. <section style="width: 0; height: 1px; border-bottom: 10px solid #f4d79d; border-left: 10px solid transparent; margin: -10px 0 0; box-sizing: border-box;"></section>
  7. </section>
  8. <section style="font-size: 16px; color: #ffffff; text-align: center; padding: 4px 5px; box-sizing: border-box;">
  9. <strong>NO.</strong><strong class="autonum" data-original-title="" title="">1</strong>
  10. </section>
  11. </section>
  12. </section>
  13. <section style="max-width: 100% !important; width: 100%; border-top: 1px solid #5c92ec; margin: -15px 0 0; box-sizing: border-box; transform: translateZ(5px); -webkit-transform: translateZ(5px); -moz-transform: translateZ(5px); -o-transform: translateZ(5px);" data-width="100%"></section>
  14. </section>
复制代码
分割样式5：
  1. <section style="margin: 10px auto;text-align: center;">
  2. <section style="display: flex;justify-content: center;align-items: center;">
  3. <section class="assistant" style="height: 1px;background: #697af1;flex: 1;"></section>
  4. <section style="font-size: 14px;letter-spacing: 1.5px;padding: 0px 4px;color: #697af1;padding: 0px 7px;box-sizing:border-box;"></section>
  5. <section class="assistant" style="height: 1px;background: #697af1;flex: 1;"></section>
  6. </section>
  7. <section style="margin-top: -5px;">
  8. <section style="width: 10px; height: 10px; border-right: 1px solid #697af1; border-bottom: 1px solid #697af1; margin: 0px auto;box-sizing:border-box;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);"></section>
  9. </section>
  10. <section style="width: 100%;height: 12px;background: #f4f6fe;margin-top: -11px;box-sizing:border-box;max-width: 100% !important;" data-width="100%"></section>
  11. </section>
复制代码
作者: admin    时间: 2023-7-7 17:08
帖子内可直接引用的样式和代码：
会议 · 热点解读
  1. <section style="margin: 10px auto;">
  2. <section style="background: linear-gradient(to right,#b0100f,#df0e0d);">
  3. <section style="background: url(/upimages/fa8.png) no-repeat right center;background-size:23% ;">
  4. <section style="color: #fff;font-size: 16px;padding: 15px 20px;text-align: left;box-sizing:border-box;">
  5. <strong class="135brush" data-brushtype="text">会议 · 热点解读</strong>
  6. </section>
  7. </section>
  8. </section>
  9. </section>
复制代码
标题样式2：
亲爱的少先队员
  1. <section style="text-align: center;margin: 10px auto;">
  2. <section style="display: flex;justify-content: flex-start;align-items: flex-start;">
  3. <section style="width: 32px;height: 32px;background-color: #fff7f5;border-radius: 50%;flex-shrink: 0;box-sizing:border-box;">
  4. <section style="display: flex;justify-content: flex-start;align-items: flex-end;margin: 3px 0 0 10px;transform: skew(-30deg);-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-o-transform: skew(-30deg);">
  5. <section class="assistant" style="width: 4px;height: 15px;background-color: #f24a5b;box-sizing:border-box;"></section>
  6. <section class="assistant" style="width: 4px;height: 10px;background-color: #6474ce;margin-left: 3px;box-sizing:border-box;"></section>
  7. </section>
  8. </section>
  9. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;color: #f24a5b;margin-top: 0px;">
  10. 亲爱的少先队员
  11. </section>
  12. </section>
  13. <section class="assistant" style="display: flex;justify-content: flex-end;">
  14. <section class="assistant" style="width: 96%;height: 1px;background-color: #6b7ace;margin-top: -5px;box-sizing:border-box;max-width: 96% !important;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);" data-width="96%"></section>
  15. </section>
复制代码
标题样式3：
01
国内新闻排行
  1. <section style="text-align: center;margin: 10px auto;">
  2. <section style="display: flex;justify-content: flex-start;align-items: center;margin-left: 4px;">
  3. <section style="font-size: 24px;letter-spacing: 1.5px;color: #fe7a09;text-align: center;font-style: italic;">
  4. <strong>0</strong><strong class="autonum" data-original-title="" title="" data-num="1">1</strong>
  5. </section>
  6. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;color: #000;margin-left: 10px;">
  7. 国内新闻排行
  8. </section>
  9. </section>
  10. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #222222;box-sizing:border-box;" data-width="100%"></section>
  11. </section>
复制代码
标题样式4：
春招校园招聘
-乞行中国-
记录不一样的世界

　　这里是正文

  1. <section style="margin: 10px auto;text-align: left;padding-top: 4px;box-sizing:border-box;">
  2. <section style="background: #ffc756;">
  3. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;padding: 8px 1em;color: #fff;background: #3b5cf4;width: 80%;border-top-right-radius: 30px;box-sizing:border-box;max-width: 80% !important;" data-width="80%">
  4. 春招校园招聘
  5. </section>
  6. </section>
  7. </section>
复制代码
  1. <section style="margin: 10px auto;text-align: center;">
  2. <section style="background: linear-gradient(to right,#b0100f 0%,#df0e0d 25%,#ffcf47 25%,#ffcf47 100%);border-radius:0 20px 0 0 ;padding: 9px 0;margin-top: -3px;box-sizing:border-box;">
  3. <section style="display: flex;">
  4. <section style="width: 25%;box-sizing:border-box;max-width: 25% !important;" data-width="25%">
  5. <section style="font-size: 16px;letter-spacing: 1.5px;color: #fff;">
  6. <strong class="135brush" data-brushtype="text">-乞行中国-</strong>
  7. </section>
  8. </section>
  9. <section style="width: 75%;box-sizing:border-box;max-width: 75% !important;" data-width="75%">
  10. <section style="font-size: 16px;letter-spacing: 1.5px;color: #e00e0d;text-align: left;margin-left: 20px;" class="135brush" data-brushtype="text">
  11. 记录不一样的世界
  12. </section>
  13. </section>
  14. </section>
  15. </section>
  16. </section>
  17. <section class="_135editor" data-role="paragraph">
  18. <p style="vertical-align:inherit;">
  19. 　　这里是正文
  20. </p>
  21. </section>
复制代码
标题样式代码5：

请输入标题

  2. <section style="margin: 10px 0px; border-width: 1px 1px 1px 5px; border-style: solid; border-color: #002060 #002060 #002060 #ff0000; width: 100%; border-radius: 4px;box-sizing:border-box;max-width: 100% !important;" class="layout" data-width="100%">
  3. <section style="margin: 5px; padding:0 10px;box-sizing:border-box;">
  4. <p class="135brush" data-brushtype="text" style="line-height: 36px; text-align: left;" align="left">
  5. <span style="color: #548dd4;"><strong>请输入标题</strong></span>
  6. </p>
  7. </section>
  8. </section>
复制代码
标题样式代码6：

输入标题

输入标题

  1. <section style="margin:1em 0;">
  2. <section style="padding: 2px 0px; text-align: center; color: #fefefe; background-color: #ef7060;box-sizing:border-box;">
  3. <section style="border: 1px solid #ffffff;padding:0.5em 1.5em;box-sizing:border-box;">
  4. <p style="font-size:20px;color: #ffffff;line-height: 20px;" class="135brush" data-brushtype="text">
  5. 输入标题
  6. </p>
  7. </section>
  8. </section>
  9. </section>
复制代码
  1. <section style="margin:1em 0;">
  2. <section style="padding: 2px 0px; text-align: center; color: #fefefe; background-color: #ef7060;box-sizing:border-box;">
  3. <section style="border: 1px solid #ffffff;padding:0.5em 1.5em;box-sizing:border-box;">
  4. <p style="font-size: 20px; color: #ffffff; line-height: 20px; text-align: left;" class="135brush" data-brushtype="text" align="left">
  5. 输入标题
  6. </p>
  7. </section>
  8. </section>
  9. </section>
复制代码
标题样式7：

请输入内容

请输入内容

  1. <section style="border:none;margin: 10px;box-sizing:border-box;">
  2. <section style="color: #ff0000; text-align: center; margin: 0px auto -2px; border-bottom-width: 2px; border-bottom-style: solid; border-color: #ff0000; padding: 5px 5px 10px;box-sizing:border-box; border-top-width: 2px; border-top-style: solid;">
  3. <p style="border-color: #ff0000; color: inherit;text-align:center;" align="center">
  4. <span style="border-color: #ff0000; color: inherit; font-size: 18px;" class="135brush" data-brushtype="text">请输入内容</span>
  5. </p>
  6. </section>
  7. <section class="assistant" style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #ff0000; border-top-color: #ff0000; height: 10px; color: inherit; border-left-width: 0.7em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.7em !important; border-right-style: solid !important; border-right-color: transparent !important;box-sizing:border-box;"></section>
  8. <section class="assistant" style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #fefefe; border-top-color: #fefefe; height: 10px; margin-top: -12px; color: inherit; border-left-width: 0.7em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.7em !important; border-right-style: solid !important; border-right-color: transparent !important;box-sizing:border-box;"></section>
  9. </section>
复制代码
  1. <section style="border:none;margin: 10px;box-sizing:border-box;">
  2. <section style="color: #77aaa9; text-align: center; margin: 0px auto -2px; border-bottom-width: 2px; border-bottom-style: solid; border-color: #77aaa9; padding: 5px 5px 10px;box-sizing:border-box; border-top-width: 2px; border-top-style: solid;">
  3. <p style="border-color: #77aaa9; color: inherit;text-align:center;" align="center">
  4. <span style="border-color: #77aaa9; color: inherit; font-size: 18px;" class="135brush" data-brushtype="text">请输入内容</span>
  5. </p>
  6. </section>
  7. <section class="assistant" style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #77aaa9; border-top-color: #77aaa9; height: 10px; color: inherit; border-left-width: 0.7em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.7em !important; border-right-style: solid !important; border-right-color: transparent !important;box-sizing:border-box;"></section>
  8. <section class="assistant" style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #fefefe; border-top-color: #fefefe; height: 10px; margin-top: -12px; color: inherit; border-left-width: 0.7em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.7em !important; border-right-style: solid !important; border-right-color: transparent !important;box-sizing:border-box;"></section>
  9. </section>
复制代码
标题样式8：
请输入标题
请输入标题
请输入标题
  1. <section class="layout" style="border: none; margin: 0.8em auto 0.3em;box-sizing:border-box;">
  2. <section style="font-size: 1em; text-align: center; text-decoration: inherit; color: #fefefe; border-color: #ada769; display: inline-block; width: 100%;box-sizing:border-box;max-width: 100% !important;" data-width="100%">
  3. <section class="135brush" data-brushtype="text" style="padding: 0.5em; line-height: 1.2em; font-size: 1em; color: #fefefe; background-color: #ada769;box-sizing:border-box;">
  4. <strong>请输入标题</strong>
  5. </section>
  6. <section style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #ada769; border-top-color: #ada769; height: 10px; border-left-width: 1em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 1em !important; border-right-style: solid !important; border-right-color: transparent !important;box-sizing:border-box;"></section>
  7. </section>
  8. </section>
复制代码
  1. <section class="layout" style="border: none; margin: 0.8em auto 0.3em;box-sizing:border-box;">
  2. <section style="font-size: 1em; text-align: center; text-decoration: inherit; color: #fefefe; border-color: #31859b; display: inline-block; width: 100%;box-sizing:border-box;max-width: 100% !important;" data-width="100%">
  3. <section class="135brush" data-brushtype="text" style="padding: 0.5em; line-height: 1.2em; font-size: 1em; color: #fefefe; background-color: #31859b;box-sizing:border-box;">
  4. <strong>请输入标题</strong>
  5. </section>
  6. <section style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #31859b; border-top-color: #31859b; height: 10px; border-left-width: 1em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 1em !important; border-right-style: solid !important; border-right-color: transparent !important;box-sizing:border-box;"></section>
  7. </section>
  8. </section>
复制代码
  1. <section class="layout" style="border: none; margin: 0.8em auto 0.3em;box-sizing:border-box;">
  2. <section style="font-size: 1em; text-align: center; text-decoration: inherit; color: #fefefe; border-color: #ff0000; display: inline-block; width: 100%;box-sizing:border-box;max-width: 100% !important;" data-width="100%">
  3. <section class="135brush" data-brushtype="text" style="padding: 0.5em; line-height: 1.2em; font-size: 1em; color: #fefefe; background-color: #ff0000;box-sizing:border-box;">
  4. <strong>请输入标题</strong>
  5. </section>
  6. <section style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #ff0000; border-top-color: #ff0000; height: 10px; border-left-width: 1em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 1em !important; border-right-style: solid !important; border-right-color: transparent !important;box-sizing:border-box;"></section>
  7. </section>
  8. </section>
复制代码
标题样式8修改版：
请输入标题
  1. <section data-role="paragraph" class="_135editor">
  2. <section class="layout" style="border: none; margin: 0.8em auto 0.3em;box-sizing:border-box;">
  3. <section style="font-size: 1em; text-align: center; text-decoration: inherit; color: #fefefe; border-color: #31859b; display: inline-block; width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  4. <section class="135brush" data-brushtype="text" style="padding: 0.5em; line-height: 1.2em; font-size: 1.5em; color: #fefefe; background-color: #31859b;box-sizing:border-box;">
  5. <strong>请输入标题</strong>
  6. </section>
  7. <section style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #31859b; border-top-color: #31859b; height: 10px; border-left-width: 1em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 1em !important; border-right-style: solid !important; border-right-color: transparent !important;box-sizing:border-box;"></section>
  8. </section>
  9. </section>
  10. </section>
复制代码
标题样式9：
请输入标题   /  关于我们
-乞行中国-   /  地理介绍
  1. <section style="border: 0px none;margin:10px auto;box-sizing:border-box;">
  2. <section class="135brush" data-brushtype="text" style="color: #0573af; padding: 0.45em 0.6em 0.45em 0.9em; border-left: 10px solid #53bffa; border-top-color: #53bffa; border-right-color: #53bffa; border-bottom-color: #53bffa; background: #b6e4fd;box-sizing:border-box;">
  3. 请输入标题 &nbsp; / &nbsp;关于我们
  4. </section>
  5. </section>
复制代码
  1. <section style="border: 0px none;margin:10px auto;box-sizing:border-box;">
  2. <section class="135brush" data-brushtype="text" style="color: #0573af; padding: 0.45em 0.6em 0.45em 0.9em; border-left: 10px solid #002060; border-top-color: #002060; border-right-color: #002060; border-bottom-color: #002060; background: #b6e4fd;box-sizing:border-box;">
  3. -乞行中国-&nbsp; &nbsp;/&nbsp; 地理介绍
  4. </section>
  5. </section>
复制代码
标题样式10：
01
春节营业通知
  1. <section style="text-align: center;margin: 10px auto;">
  2. <section style="display: flex;align-items: flex-end;" class="">
  3. <section class="assistant" style="width: 50px;flex-shrink: 0;margin-right: -20px;box-sizing:border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  4. <img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://i.postimg.cc/7ZGHRbf8/image.png" data-width="100%" draggable="false"/>
  5. </section>
  6. <section style="background: linear-gradient(to right,#ffe6b7 0%,#ffe6b7 25%,#fff2da 25%,#fff2da 100%);flex: 1;padding: 3px 0;margin-bottom: 4px;box-sizing:border-box;">
  7. <section style="display: flex;align-items: center;">
  8. <section style="width: 25%;box-sizing:border-box;max-width: 25% !important;" data-width="25%">
  9. <section style="font-size: 18px;letter-spacing: 1px;color: #ff9429;text-align: right;margin-right: 8px;">
  10. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  11. </section>
  12. </section>
  13. <section style="width: 75%;box-sizing:border-box;max-width: 75% !important;" data-width="75%">
  14. <section style="font-size: 16px;letter-spacing: 1.5px;color: #e11b00;text-align: left;margin-left: 8px;" class="">
  15. <strong class="135brush" data-brushtype="text">春节营业通知</strong>
  16. </section>
  17. </section>
  18. </section>
  19. </section>
  20. </section>
  21. </section>
复制代码
标题代码11：
乞
行
中
国
在青春的岁月里遇见你
  1. <section style="margin: 10px auto;text-align: center;">
  2. <section style="display: flex;justify-content: center;">
  3. <section style="width: 30px;height: 30px;border: 1px solid #f7563c;border-radius: 50%;box-sizing:border-box;">
  4. <section class="135brush" data-brushtype="text" style="font-size: 17px;letter-spacing: 1.5px;color: #f7563c;line-height: 29px;margin-left: 2px;flex-shrink: 0;">
  5. 乞
  6. </section>
  7. </section>
  8. <section class="box-edit">
  9. <section style="width: 30px;height: 30px;border: 1px solid #f7563c;border-radius: 50%;margin-left: 8px;box-sizing:border-box;">
  10. <section class="135brush" data-brushtype="text" style="font-size: 17px;letter-spacing: 1.5px;color: #f7563c;line-height: 29px;margin-left: 2px;flex-shrink: 0;">
  11. 行
  12. </section>
  13. </section>
  14. </section>
  15. <section class="box-edit">
  16. <section style="width: 30px;height: 30px;border: 1px solid #f7563c;border-radius: 50%;margin-left: 8px;box-sizing:border-box;">
  17. <section class="135brush" data-brushtype="text" style="font-size: 17px;letter-spacing: 1.5px;color: #f7563c;line-height: 29px;margin-left: 2px;flex-shrink: 0;">
  18. 中
  19. </section>
  20. </section>
  21. </section>
  22. <section class="box-edit">
  23. <section style="width: 30px;height: 30px;border: 1px solid #f7563c;border-radius: 50%;margin-left: 8px;box-sizing:border-box;">
  24. <section class="135brush" data-brushtype="text" style="font-size: 17px;letter-spacing: 1.5px;color: #f7563c;line-height: 29px;margin-left: 2px;flex-shrink: 0;">
  25. 国
  26. </section>
  27. </section>
  28. </section>
  29. </section>
  30. <section style="display: flex;justify-content:center;align-items: center;margin-top: 14px;">
  31. <section class="assistant" style="flex:1;background-image: linear-gradient(to right, #f7563c 100%, #f7563c 100%); height: 1px;margin-bottom:-5px ;"></section>
  32. <section class="135brush" data-brushtype="text" style="font-size: 25px;letter-spacing: 1.5px;padding: 2px 25px;color: #fff;background: #f7563c;box-sizing:border-box;">
  33. 在青春的岁月里遇见你
  34. </section>
  35. <section class="assistant" style="flex:1;background-image: linear-gradient(to left, #f7563c 100%, #f7563c 100%); height: 1px;"></section>
  36. </section>
  37. </section>
复制代码
作者: admin    时间: 2023-7-8 02:52
可在帖子中直接引用的样式和代码：

狗狗大都是很聪明的哟，稍加训练，它就能跟随主人的口令握手、转圈、站立、起跑、趴下、坐下、打滚等。训练出来的这些技能的帮手就是——零食。准备一些狗狗零食，就是那些狗狗很喜欢吃的但是不经常给它吃的食物。

  1. <section style="margin: 1px auto;" class="">
  2. <section style="display: flex;justify-content: center;align-items: flex-end;">
  3. <section style="width: 50%;box-sizing:border-box;max-width: 50% !important;" data-width="50%"></section>
  4. </section>
  5. <section style="background-color: #fffae8;padding: 10px;margin:0px 0 0;box-sizing:border-box;" class="">
  6. <section style="display: flex;justify-content: space-between;" class="">
  7. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  8. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  9. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  10. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  11. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  12. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  13. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  14. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  15. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  16. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  17. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  18. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  19. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  20. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  21. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  22. <section style="width: 10px;height: 10px;background-color: #ffffff;box-sizing:border-box;"></section>
  23. </section>
  24. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 1px 15 5 15;box-sizing:border-box;">
  25. <p>
  26. 狗狗大都是很聪明的哟，稍加训练，它就能跟随主人的口令握手、转圈、站立、起跑、趴下、坐下、打滚等。训练出来的这些技能的帮手就是——零食。准备一些狗狗零食，就是那些狗狗很喜欢吃的但是不经常给它吃的食物。
  27. </p>
  28. </section>
  29. </section>
  30. </section>
复制代码
可直接在贴子中引用的样式和代码：
--乞行中国-- 带您看不一样的中国
Show You a Different China

每一滴汗水都折射太阳的光芒，每一份付出都照亮梦想的天空。尊重每一份职业，也感谢每一次坚守。今天是五一劳动节，向每一个努力生活的人致敬！

  1. <section style="text-align: center; margin: 10px auto;">
  2. <section style="background-color: #fff9f7;padding: 35px 25px;margin-top: -20px;box-sizing: border-box;">
  3. <section style="display: flex;align-items: center;">
  4. <section style="flex: 1;">
  5. <section class="assistant" style="width: 100%; height: 1px; background-color: #ff6248; max-width: 100% !important; overflow: hidden;box-sizing:border-box;" data-width="100%"></section>
  6. <section class="assistant" style="width: 100%; height: 1px; background-color: #ff6248; margin: 5px 0px; max-width: 100% !important; overflow: hidden;box-sizing:border-box;" data-width="100%"></section>
  7. <section class="assistant" style="width: 100%; height: 1px; background-color: #ff6248; max-width: 100% !important; overflow: hidden;box-sizing:border-box;" data-width="100%"></section>
  8. </section>
  9. <section style="font-size: 16px;letter-spacing: 1.5px;color: #e4432d;text-align: center;margin: 0 16px;">
  10. <strong class="135brush" data-brushtype="text">--乞行中国-- 带您看不一样的中国</strong>
  11. </section>
  12. <section style="flex: 1;">
  13. <section class="assistant" style="width: 100%; height: 1px; background-color: #ff6248; max-width: 100% !important; overflow: hidden;box-sizing:border-box;" data-width="100%"></section>
  14. <section class="assistant" style="width: 100%; height: 1px; background-color: #ff6248; margin: 5px 0px; max-width: 100% !important; overflow: hidden;box-sizing:border-box;" data-width="100%"></section>
  15. <section class="assistant" style="width: 100%; height: 1px; background-color: #ff6248; max-width: 100% !important; overflow: hidden;box-sizing:border-box;" data-width="100%"></section>
  16. </section>
  17. </section>
  18. <section class="135brush" style="font-size: 12px;letter-spacing: 1px;color: #e4432d;margin: 7px 0 15px 0;" data-brushtype="text">
  19. Show You a Different China
  20. </section>
  21. <section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%">
  22. <img style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/4aec00a5faed3ba654b5f644db0827a1.png" data-width="100%" draggable="false" data-ratio="0.6" data-w="560"/>
  23. </section>
  24. <section style="margin-top: 20px;text-align: justify;line-height: 1.75em;letter-spacing: 1.5px;font-size: 14px;color: #504445;background: transparent;">
  25. <section class="135brush" data-autoskip="1">
  26. <p>
  27. 每一滴汗水都折射太阳的光芒，每一份付出都照亮梦想的天空。尊重每一份职业，也感谢每一次坚守。今天是五一劳动节，向每一个努力生活的人致敬！
  28. </p>
  29. </section>
  30. </section>
  31. </section>
  32. </section>
复制代码
作者: admin    时间: 2023-7-8 21:31
可直接在帖子中引用的样式和代码：
-乞行中国-动听音乐
  1. <section style="margin:10px auto;">
  2. <section style="display: flex;justify-content: center;align-items:center;">
  3. <section class="assistant" style="width: 2px;background-image: linear-gradient(#fd97ac,#e993d8);height:25px;margin-right: 1.7px;box-sizing:border-box;"></section>
  4. <section class="assistant" style="width: 5px;background-image: linear-gradient(#fd97ac,#e993d8);height:25px;box-sizing:border-box;"></section>
  5. <section class="assistant" style="flex:1;">
  6. <section class="assistant" style="height: 1px; background-color: #f9daef; overflow: hidden;flex:1;"></section>
  7. <section class="assistant" style="height: 1px; background-color: #f9daef; margin-top:2px; overflow: hidden;flex:1;"></section>
  8. <section class="assistant" style="height: 1px; background-color: #f9daef; margin-top:2px; overflow: hidden;flex:1;"></section>
  9. <section class="assistant" style="height: 1px; background-color: #f9daef; margin-top:2px; overflow: hidden;flex:1;"></section>
  10. </section>
  11. <section style="width:30px;box-sizing:border-box;">
  12. <section class="assistant" style="width:30px;box-sizing:border-box;">
  13. <img class="assistant" style="vertical-align:inherit;width:100%; display:block;box-sizing:border-box;max-width:100% !important;" src="http://gamart.net/upimages/upimg/updir/20230708195148_64a94dd499476.jpg" draggable="false"/>
  14. </section>
  15. </section>
  16. </section>
  17. <section class="135brush" data-brushtype="text" style="text-align: left;margin-left:20px;font-size: 16px;color: #e45a84;letter-spacing: 1.5px;box-sizing: border-box;margin-top:-25px;">
  18. <strong >-乞行中国-动听音乐</strong>
  19. </section>
  20. </section>
复制代码
代码样式2：

当梦想照进现实的时候，每一天早晨闹钟想起的时候，你是起身一跃还是翻身盖被，才是证明自己的最好答案。焰火下的孤独，是每一个梦想必须经过的地方，每一个人都一样。五月，早安!

  1. <section style="margin: 10px 10px 10px 0px">
  2. <section style="display: flex;" >
  3. <section class="assistant" style="width: 2px;background-image: linear-gradient(#fd97ac,#e993d8);height: auto;margin-right: 1.7px;flex-shrink: 0;box-sizing:border-box;"></section>
  4. <section class="assistant" style="width: 4px;background-image: linear-gradient(#fd97ac,#e993d8);height: auto;flex-shrink: 0;box-sizing:border-box;"></section>
  5. <section>
  6. <section style="padding: 10px 15px;text-align: justify;font-size: 14px;letter-spacing: 1.5px;line-height: 1.75em;color: #e45a84;box-sizing:border-box;" data-autoskip="1" class="135brush">
  7. <p style="margin: 0;">
  8. 当梦想照进现实的时候，每一天早晨闹钟想起的时候，你是起身一跃还是翻身盖被，才是证明自己的最好答案。焰火下的孤独，是每一个梦想必须经过的地方，每一个人都一样。五月，早安!
  9. </p>
  10. </section>
  11. <section class="assistant" style="margin-top:5px;padding-bottom: 4px;box-sizing:border-box;">
  12. <section class="assistant" style="height: 1px;background: #f9daef;margin-bottom: 4px;width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  13. <section class="assistant" style="height: 1px;background: #f9daef;margin-bottom: 4px;width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  14. <section class="assistant" style="height: 1px;background: #f9daef;margin-bottom: 4px;margin-left: 4px;width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  15. <section class="assistant" style="height: 1px;background: #f9daef;width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  16. </section>
  17. <section style="display: flex;justify-content: flex-end;height: auto;">
  18. <section class="" style="width:24px;margin-top: -65px;margin-right: -6.5px;z-index: 1;box-sizing:border-box;">
  19. <img class="assistant" style="width:100%; display:block;vertical-align:inherit;box-sizing:border-box;max-width:100% !important;" src="http://gamart.net/upimages/upimg/updir/20230708200431_64a950cfdca46.jpg" data-width="100%" draggable="false"/>
  20. </section>
  21. </section>
  22. </section>
  23. </section>
  24. </section>
复制代码
作者: admin    时间: 2023-7-9 19:44
可直接在帖子引用的样式和代码：

非常感谢您的捐赠，从上面扫码购买赠送的物资，相关配送员会送达我们的取货点；以下面付款的方式捐赠的，我们也会及时收到；捐赠为自愿行为，且不会退款，请知悉。人间有您，大爱无疆，再次感谢您的捐赠！

  1. <section style="margin: 10px auto; text-align: center;">
  2. <section style="background-color: #160b03;">
  3. <section style="background-size: 39%;background-repeat: no-repeat;background-position: bottom left; radius: 10px;">
  4. <section style="background-size: 25%;background-repeat: no-repeat;background-position: bottom right;">
  5. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#f9cd9d;background: transparent;padding: 20px;box-sizing:border-box;">
  6. <p>
  7. 非常感谢您的捐赠，从上面扫码购买赠送的物资，相关配送员会送达我们的取货点；以下面付款的方式捐赠的，我们也会及时收到；捐赠为自愿行为，且不会退款，请知悉。人间有您，大爱无疆，再次感谢您的捐赠！
  8. </p>
  9. </section>
  10. </section>
  11. </section>
  12. </section>
  13. </section>
复制代码
引用样式：

引用样式，引用样式不止有单竖线的，也有引号的。通常适用于引用某句名言，引用某本书中的段落。135编辑器里还有更多引用样式可供选择。在样式中心搜索“引用”，即可选择使用。

  1. <div><section style="padding-left: 10px; max-width: 100%; border-left: 5px solid #548dd4; margin: 10px auto; box-sizing: border-box;" class="">
  2. <section style="font-size: 13px; text-align: justify; letter-spacing: 1px; line-height: 1.75em; color: #e36c09;" >
  3. <p class="135brush" data-autoskip="1" style="color: #000; font-size: 14px; letter-spacing: 1.5px; caret-color: red;">
  4. 引用样式，引用样式不止有单竖线的，也有引号的。通常适用于引用某句名言，引用某本书中的段落。135编辑器里还有更多引用样式可供选择。在样式中心搜索“引用”，即可选择使用。
  5. </p>
  6. </section>
  7. </section></div>
复制代码
文字块样式：

生命中任何一天的结束，便永不重来。 from 《诱僧》

  1. <section class="135brush layout" style="background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b;border-radius: 4px;font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;padding: 1em 0.8em;margin:10px auto;box-sizing:border-box;">
  2. <p>
  3. 生命中任何一天的结束，便永不重来。 from 《诱僧》
  4. </p>
  5. </section>
复制代码
引用样式：
科技创新

我国科技创新正在步入以跟踪为主转向跟踪和并跑、领跑并存的新阶段，正处于从量的积累向质的飞跃、从点的突破向系统能力提升的重要时期，已成为具有重要影响力的科技大国。

  1. <section style="margin: 10px auto;">
  2. <section style="margin: 20px 0 0;">
  3. <section style="display: flex;justify-content: flex-start;">
  4. <section style="flex-shrink: 0;">
  5. <section style="width: 7px;height: 100%;background-color: #2b8bcf;box-sizing:border-box;"></section>
  6. </section>
  7. <section style="font-size: 16px;color: #2b8bcf;padding: 0 5px;letter-spacing: 1.5px;box-sizing:border-box;">
  8. <strong class="135brush" data-brushtype="text">科技创新</strong>
  9. </section>
  10. <section style="padding: 0 5px;display: flex;align-items: center;box-sizing:border-box;">
  11. <section style="width: 7px;height: 14px;border-left: 1px solid #4197d4;border-right: 1px solid #4197d4;box-sizing:border-box;transform: skew(-30deg);-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-o-transform: skew(-30deg);"></section>
  12. </section>
  13. </section>
  14. <section style="padding: 10px;background-color: #e5f8fc;margin: 10px 0 0;box-sizing:border-box;">
  15. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#445b6a;background: transparent;">
  16. <p>
  17. 我国科技创新正在步入以跟踪为主转向跟踪和并跑、领跑并存的新阶段，正处于从量的积累向质的飞跃、从点的突破向系统能力提升的重要时期，已成为具有重要影响力的科技大国。
  18. </p>
  19. </section>
  20. </section>
  21. </section>
  22. </section>
复制代码
文字块样式：

八月十五月儿圆，中秋月饼味香甜。

中秋节以月之圆兆人之团圆，为寄托思念故乡，思念亲人之情，祈盼丰收、幸福，成为丰富多彩、弥足珍贵的文化遗产

  1. <section style="margin: 20px auto;">
  2. <section style="background-color: #d04646;border-radius: 9px;box-sizing:border-box;">
  3. <section style="width: 96%;height: 15px;background-color: #d04646;border-radius: 15px;margin: 0 auto;box-sizing:border-box;max-width: 96% !important;transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);-o-transform: translateY(-8px);" data-width="96%"></section>
  4. <section style="padding: 5px 25px;box-sizing:border-box;">
  5. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background: transparent;">
  6. <p>
  7. 八月十五月儿圆，中秋月饼味香甜。
  8. </p>
  9. </section>
  10. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background: transparent;">
  11. <p>
  12. 中秋节以月之圆兆人之团圆，为寄托思念故乡，思念亲人之情，祈盼丰收、幸福，成为丰富多彩、弥足珍贵的文化遗产
  13. </p>
  14. </section>
  15. </section>
  16. <section style="width: 96%;height: 15px;background-color: #d04646;border-radius: 15px;margin: 0 auto;box-sizing:border-box;max-width: 96% !important;transform: translateY(8px);-webkit-transform: translateY(8px);-moz-transform: translateY(8px);-o-transform: translateY(8px);" data-width="96%"></section>
  17. </section>
  18. </section>
复制代码
文字块样式：

茶道源于中国，盛于中国南方以及日本，日本的煎茶道、中国台湾地区的泡茶道都来源于中国广东潮汕地区的工夫茶。

  1. <section style="margin: 10px auto;">
  2. <section style="border-top: 1px solid #78944b;border-bottom: 1px solid #78944b;padding: 5px 0;box-sizing:border-box;">
  3. <section style="display: flex;justify-content: space-between;margin: 0 0 -10px 0;">
  4. <section style="width: 10px;height: 10px;border-width: 0 0 0 0;border-radius: 0 0 100% 0;border-style: solid;border-color: #f3ddbc;background-color: #ffffff;box-sizing:border-box;"></section>
  5. <section style="width: 10px;height: 10px;border-width: 0 0 0 0;border-radius: 0 0 0 100%;border-style: solid;border-color: #f3ddbc;background-color: #ffffff;box-sizing:border-box;"></section>
  6. </section>
  7. <section style="border: 0 solid #f5e3c7;padding: 15px 20px;background-color: #fefbf5;box-sizing:border-box;">
  8. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background: transparent;">
  9. <p>
  10. 茶道源于中国，盛于中国南方以及日本，日本的煎茶道、中国台湾地区的泡茶道都来源于中国广东潮汕地区的工夫茶。
  11. </p>
  12. </section>
  13. </section>
  14. <section style="display: flex;justify-content: space-between;margin: -10px 0 0 0;">
  15. <section style="width: 10px;height: 10px;border-width: 0 0 0 0;border-radius: 0 100% 0 0;border-style: solid;border-color: #f3ddbc;background-color: #ffffff;box-sizing:border-box;"></section>
  16. <section style="width: 10px;height: 10px;border-width: 0 0 0 0;border-radius: 100% 0 0 0;border-style: solid;border-color: #f3ddbc;background-color: #ffffff;box-sizing:border-box;"></section>
  17. </section>
  18. </section>
  19. </section>
复制代码
文字块样式：

简约起源于现代派的极简主义。 有人说起源于现代派大师，德国包豪斯学校的第三任校长米斯.凡德罗。他提倡LESS IS MORE.在满足功能的基础上作到最大程度的简洁。

  1. <section style="margin: 20px auto;">
  2. <section>
  3. <section style="display: flex;justify-content: center;align-items: center;">
  4. <section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%">
  5. <section style="max-width: 100% !important;width: 100%;height: 1px;background-color: #333;box-sizing:border-box;" data-width="100%"></section>
  6. </section>
  7. <section style="display: flex;align-items: center;padding-left: 5px;box-sizing:border-box;">
  8. <section style="flex-shrink: 0;">
  9. <section style="width: 10px;height: 10px;background-color: #ff0000;border-radius: 100%;box-sizing:border-box;"></section>
  10. </section>
  11. <section style="flex-shrink: 0;margin-left: 5px;">
  12. <section style="width: 10px;height: 10px;background-color: #ff0000;border-radius: 100%;box-sizing:border-box;"></section>
  13. </section>
  14. </section>
  15. </section>
  16. <section style="padding: 25px 15px;box-sizing:border-box;">
  17. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;">
  18. <p>
  19. 简约起源于现代派的极简主义。 有人说起源于现代派大师，德国包豪斯学校的第三任校长米斯.凡德罗。他提倡LESS IS MORE.在满足功能的基础上作到最大程度的简洁。
  20. </p>
  21. </section>
  22. </section>
  23. <section style="display: flex;justify-content: center;align-items: center;">
  24. <section style="display: flex;align-items: center;padding-right: 5px;box-sizing:border-box;">
  25. <section style="flex-shrink: 0;">
  26. <section style="width: 10px;height: 10px;background-color: #ff0000;border-radius: 100%;box-sizing:border-box;"></section>
  27. </section>
  28. <section style="flex-shrink: 0;margin-left: 5px;">
  29. <section style="width: 10px;height: 10px;background-color: #ff0000;border-radius: 100%;box-sizing:border-box;"></section>
  30. </section>
  31. </section>
  32. <section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%">
  33. <section style="max-width: 100% !important;width: 100%;height: 1px;background-color: #333;box-sizing:border-box;" data-width="100%"></section>
  34. </section>
  35. </section>
  36. </section>
  37. </section>
复制代码
文字块样式：

从革命英魂到解放先锋，以及千千万万为国奉献的烈士，再到如今挺身于危难之前的人民军队，他们从来都是最可爱的人，是最值得尊敬的人，也是最该怀念的人！

  1. <section style="margin: 20px auto;">
  2. <section style="transform-style: preserve-3d">
  3. <section style="margin-top: -20px;background-color: #c82516;padding: 5px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  4. <section style="padding: 15px ;background-color: #c82516;border: 1px solid #f7dca0;box-sizing:border-box;">
  5. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#f7dca0;background: transparent;">
  6. <p style="vertical-align:inherit;">
  7. 从革命英魂到解放先锋，以及千千万万为国奉献的烈士，再到如今挺身于危难之前的人民军队，他们从来都是最可爱的人，是最值得尊敬的人，也是最该怀念的人！
  8. </p>
  9. </section>
  10. </section>
  11. </section>
  12. </section>
  13. </section>
复制代码
作者: admin    时间: 2023-8-24 07:58
内容块样式：
信
息
内
容
记录时间

2023年02月16日

记录地点

四川省自贡市大安区牛佛镇

记录简述

流浪到此

1：简介内容

　　由于的是傍晚到的古镇，不好找停车位，就把车开到了古镇的河坝，这有两个好处，一是清静，二是水源方便；早上起来洗漱都是很方便的；不是夏天，也不用担心河水涨水的问题。

代码如下：
  1. <div>
  2. <section style="margin: 10px auto;">
  3. <section style="display: flex;justify-content: center;margin: 0 0 -15px;" class="">
  4. <section style="display: flex;justify-content: center;padding: 0 2px;background-color: #ffffff;box-sizing:border-box;">
  5. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #fdd227; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  6. <strong class="135brush" data-brushtype="text">信</strong>
  7. </section>
  8. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #b6d315; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  9. <strong class="135brush" data-brushtype="text">息</strong>
  10. </section>
  11. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #fdd227; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  12. <strong class="135brush" data-brushtype="text">内</strong>
  13. </section>
  14. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #b6d315; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  15. <strong class="135brush" data-brushtype="text">容</strong>
  16. </section>
  17. </section>
  18. </section>
  19. <section style="border-top: 1px solid #77ae4c;background-color: #fdfcf3;box-sizing:border-box;">
  20. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  21. <section style="flex-shrink: 0;">
  22. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  23. <strong class="135brush" data-brushtype="text">记录时间</strong>
  24. </section>
  25. </section>
  26. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  27. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  28. <p>
  29. 2023年02月16日
  30. </p>
  31. </section>
  32. </section>
  33. </section>
  34. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  35. <section style="flex-shrink: 0;">
  36. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  37. <strong class="135brush" data-brushtype="text">记录地点</strong>
  38. </section>
  39. </section>
  40. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  41. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  42. <p>
  43. 四川省自贡市大安区牛佛镇
  44. </p>
  45. </section>
  46. </section>
  47. </section>
  48. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  49. <section style="flex-shrink: 0;">
  50. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  51. <strong class="135brush" data-brushtype="text">记录简述</strong>
  52. </section>
  53. </section>
  54. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  55. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  56. <p>
  57. 流浪到此
  58. </p>
  59. </section>
  60. </section>
  61. </section>
  62. </section>
  63. </section>
  64. </div>
  65. [hr]
  66. <div>
  67. <section style="margin: 10px auto;">
  68. <section style="width: 100%;height: 2px;border-top: 1px solid #d53a1c;max-width: 100% !important;box-sizing:border-box;" data-width="100%"></section>
  69. <section style="display: flex;justify-content: flex-start;background-color: #ffd952;">
  70. <section style="display: flex;justify-content: center;flex-shrink: 0;">
  71. <section style="font-size: 14px;color: #ffffff;background-color: #d53a1c;display: flex;align-items: center;padding: 0 10px;box-sizing:border-box;">
  72. <strong class="135brush" data-brushtype="text">1：简介内容</strong>
  73. </section>
  74. <section style="flex-shrink: 0;display: flex;align-items: center;">
  75. <section style="width: 0px;height: 1px;border-top: 15px solid transparent;border-left: 10px solid #d53a1c;border-bottom: 15px solid transparent;z-index: 9;box-sizing:border-box;"></section>
  76. <section style="width: 5px;height: 30px;background-color: #fffffe;margin: 0 0 0 -10px;box-sizing:border-box;"></section>
  77. <section style="width: 0px;height: 1px;border-top: 15px solid transparent;border-left: 10px solid #fffffe;border-bottom: 15px solid transparent;box-sizing:border-box;"></section>
  78. </section>
  79. </section>
  80. </section>
  81. <section style="background-color: #fcf8e3;padding: 0 14px 14px;box-sizing:border-box;">
  82. <section style="padding: 5px 0;box-sizing:border-box;">
  83. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#4b4b4b;background-color: transparent;">
  84. <p>
  85. 　　由于的是傍晚到的古镇，不好找停车位，就把车开到了古镇的河坝，这有两个好处，一是清静，二是水源方便；早上起来洗漱都是很方便的；不是夏天，也不用担心河水涨水的问题。
  86. </p>
  87. </section>
  88. </section>
  89. </section>
  90. </section>
  91. </div>
复制代码




欢迎光临 王洪林个人官网 (http://gamart.net/) Powered by Discuz! X3.2