微件:GGLScratchGame:修订间差异

来自Limbo Wiki Mirror
Gaoice留言 | 贡献
无编辑摘要
标签(旧)WikiEditor
Gaoice留言 | 贡献
无编辑摘要
标签(旧)WikiEditor
第155行: 第155行:


     <!-- 1. 彩票底图层 -->
     <!-- 1. 彩票底图层 -->
     <!-- 直接用 style 写入背景图,确保路径正确解析 -->
     <!-- 用 data-* 属性存放参数,避免style属性中的模板解析失败 -->
     <div class="ticket-wrapper" style="background-image: url('{{{bg|图片1.png}}}');">
     <div class="ticket-wrapper" id="ticket-bg" data-bg="{{{bg|图片1.png}}}" data-cover="{{{cover|刮开前.png}}}" data-revealed="{{{revealed|刮开后.jpg}}}">
          
          
         <!-- 2. 刮奖区覆盖层 (绝对定位) -->
         <!-- 2. 刮奖区覆盖层 (绝对定位) -->
第194行: 第194行:
     if (!root) return;
     if (!root) return;


     // 获取图片路径,用于JS赋值
     // 从data属性读取参数(widget框架会在这里替换)
     var imgCover = '{{{cover|刮开前.png}}}';
    var elTicketBg = document.getElementById('ticket-bg');
     var imgRevealed = '{{{revealed|刮开后.jpg}}}';
    var imgBg = elTicketBg ? elTicketBg.getAttribute('data-bg') : '图片1.png';
     var imgCover = elTicketBg ? elTicketBg.getAttribute('data-cover') : '刮开前.png';
     var imgRevealed = elTicketBg ? elTicketBg.getAttribute('data-revealed') : '刮开后.jpg';


     // 游戏状态
     // 应用背景图
    if (elTicketBg && imgBg) {
        elTicketBg.style.backgroundImage = "url('" + imgBg + "')";
    }
     var TOTAL_CARDS = 11;
     var TOTAL_CARDS = 11;
     var currentIdx = 0;
     var currentIdx = 0;

2026年2月1日 (日) 14:01的版本

刮刮乐重构版

调用方式:

{{#widget:GGLScratchGame
|bg=图片1.png
|cover=图片2.png
|revealed=图片3.png
}}