模块:Test:修订间差异

来自夜幕之下
跳到导航跳到搜索
Rin留言 | 贡献
无编辑摘要
Rin留言 | 贡献
撤销Rin讨论)的修订版本83
标签撤销
 
(未显示同一用户的6个中间版本)
第1行: 第1行:
local p = {}
local p = {}


-- 最简单的全屏卡面模块
local function cardFullscreen()
function p.main(frame)
     local section = mw.html.create()
    -- 创建外层容器
   
     local html = mw.html.create('div')
     -- 全屏图片
        :addClass('card-fullscreen-wrapper')
     section:tag('div'):addClass('card-fullscreen-img')
        :css('position', 'relative')
         :wikitext('[[File:test卡面.jpg]]')
        :css('width', '100%')
         :done()
        :css('height', '100vh')  -- 全屏高度
   
        :css('overflow', 'hidden')
    -- 渐变遮罩
 
    section:tag('div'):addClass('card-fullscreen-overlay')
     -- 卡面图片
     html:tag('div')
        :addClass('card-fullscreen-img')
         :css('background-image', 'url([[File:test卡面.jpg]])') -- 替换为你的文件名
         :css('background-size', 'cover')
        :css('background-position', 'center')
        :css('width', '100%')
        :css('height', '100%')
         :done()
         :done()
 
   
     -- 遮罩层(可加渐变或半透明黑色)
     -- 正文容器
     html:tag('div')
     section:tag('div'):addClass('card-content-container')
        :addClass('card-fullscreen-overlay')
         :wikitext('这里是正文内容,可以滚动显示……<br/>你可以继续填充属性、技能、标签等内容')
        :css('position', 'absolute')
        :css('top', '0')
        :css('left', '0')
        :css('width', '100%')
         :css('height', '100%')
        :css('background', 'rgba(0,0,0,0.3)')  -- 半透明黑色
         :done()
         :done()
   
    return section
end


     return html
function p.main()
     return cardFullscreen()
end
end


return p
return p

2026年3月2日 (一) 23:18的最新版本

此模块的文档可以在模块:Test/doc创建

local p = {}

local function cardFullscreen()
    local section = mw.html.create()
    
    -- 全屏图片
    section:tag('div'):addClass('card-fullscreen-img')
        :wikitext('[[File:test卡面.jpg]]')
        :done()
    
    -- 渐变遮罩
    section:tag('div'):addClass('card-fullscreen-overlay')
        :done()
    
    -- 正文容器
    section:tag('div'):addClass('card-content-container')
        :wikitext('这里是正文内容,可以滚动显示……<br/>你可以继续填充属性、技能、标签等内容')
        :done()
    
    return section
end

function p.main()
    return cardFullscreen()
end

return p