辞岁行

马黑黑

马黑黑

帖子代码

1. <style>
   
2.     @import 'https://638183.freep.cn/638183/web/tz/tz2026.css';
   
3.     .pa { width: 1600px; --bg: url('https://yuanjineng.cn/webui/SDXL_styles/images/star/706.JPG') no-repeat center/cover; }
   
4.     .vid { width: 10vw; height: 10vw; border-radius: 50%; opacity: .8; cursor: pointer; }
   
5. </style>
   
6. 
   
7. <div class="pa"></div>
   
8. 
   
9. <script type="module">
   
10.     import TZ from 'https://638183.freep.cn/638183/web/tz/tz2026.css';
    
11. 
    
12.     const tz = TZ.TZ('pa');
    
13. 
    
14.     tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=3349066330' });
    
15.     tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2414777/00/02/23/5b52ffe5b0de7.mp4' });
    
16.     tz.add('video', '', 'vid', {
    
17.             disablePictureInPicture: 'true',
    
18.             src: 'https://img.tukuppt.com/video_show/2475824/00/08/27/5d1c25a2656d6.mp4'
    
19.         }).playmp3();
    
20.     tz.bgprog().style('bottom: 30px; color: #fefefe; width: 240px;');
    
21.     tz.fs().style('right: 20px; top: 20px;');
    
22.     tz.autoMid();
    
23. </script>

复制代码

马黑黑

本帖测试 tzMaker2026 模块，主要还是测试帖子在浏览器视口水平方向的自动居中功能。

居中速度应该相对较快，因为它不再等待，加载到帖子所在的DOM节点时立刻居中。自适应能力也有，浏览器改变窗口大小能跟随变化。对移动端显示设备的支持也拥有一定的支持度。

遗憾的是评分后帖子不能正常延续，这个问题目前没有办法解决。discuz论坛程序在评分后的局部刷新机制对 ES 模块的支持度有限，帖子的JS模块出现被重复加载、且施行加载的discuz子程序不认可帖子的JS模块，所以只能评分后手动刷新一下页面，或者离开再来，或者，如果有权限给帖子加精华，劳烦你操作一下，马上一切正常。

梦江南

马黑黑 发表于 2026-2-22 17:27
本帖测试 tzMaker2026 模块，主要还是测试帖子在浏览器视口水平方向的自动居中功能。

居中速度应该相对 ...

黑黑老师，是的，开帖居中比较快，平分后就移到右边去了，重新刷一下就正常了。

红影

马黑黑 发表于 2026-2-22 17:27
本帖测试 tzMaker2026 模块，主要还是测试帖子在浏览器视口水平方向的自动居中功能。

居中速度应该相对 ...

看到这句，赶紧加个精华看效果，发现貌似还是移动到右边了。

红影

这图图很奇妙，音乐也好听。欣赏黑黑好帖