查看“︁模块:Test”︁的源代码

local p = {}

-- 最简单的全屏卡面模块
function p.main(frame)
    -- 创建外层容器
    local html = mw.html.create('div')
        :addClass('card-fullscreen-wrapper')
        :css('position', 'relative')
        :css('width', '100%')
        :css('height', '100vh')  -- 全屏高度
        :css('overflow', 'hidden')

    -- 卡面图片
    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()

    -- 遮罩层（可加渐变或半透明黑色）
    html:tag('div')
        :addClass('card-fullscreen-overlay')
        :css('position', 'absolute')
        :css('top', '0')
        :css('left', '0')
        :css('width', '100%')
        :css('height', '100%')
        :css('background', 'rgba(0,0,0,0.3)')  -- 半透明黑色
        :done()

    return html
end

return p