From 36808582e3b62fbaa28a6cc5c46ea7880aa3f931 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=A4=E5=BF=83?=
 <3277200+sentsim@users.noreply.github.com>
Date: Sat, 2 Dec 2023 16:46:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20laytpl=20=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E7=94=A8=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/laytpl.html | 46 +++++++++++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/examples/laytpl.html b/examples/laytpl.html
index 67398bfb..efff147c 100644
--- a/examples/laytpl.html
+++ b/examples/laytpl.html
@@ -136,11 +136,11 @@ layui.use(['laytpl', 'util'], function(){
   var util = layui.util;
   var $ = layui.$;
   
-  //获取模板和数据
+  // 获取模板和数据
   var get = function(type){
     return {
-      template: $('#demoTPL1').val() //获取模板
-      ,data: function(){  //获取数据
+      template: $('#demoTPL1').val(), // 获取模板
+      data: function(){  // 获取数据
         try {
           return JSON.parse($('#demoData1').val());
         } catch(e){
@@ -152,52 +152,58 @@ layui.use(['laytpl', 'util'], function(){
   
   var data = get();
   
-  //耗时计算
+  // 耗时计算
   var startTime = new Date().getTime(), timer = function(startTime, title){
     var endTime = new Date().getTime();
     $('#demoViewTime').html((title || '模板解析耗时：')+ (endTime - startTime) + 'ms');
   };
 
-  //渲染模板
+  // 全局设置
+  /*laytpl.config({
+    open: '<%',
+    close: '%>'
+  });*/
+
+  // 渲染模板
   var thisTpl = laytpl(data.template);
 
-  //执行渲染
+  // 执行渲染
   thisTpl.render(data.data, function(view){
     timer(startTime);
     $('#demoView1').html(view);
   });
   
-  //编辑
+  // 编辑
   $('.laytpl-demo textarea').on('input', function(){
     var data = get();
     if(!data.data) return;
     
-    //计算模板渲染耗时
+    // 计算模板渲染耗时
     var startTime = new Date().getTime();
     
-    //若模板有变化，则重新解析模板；若模板没变，数据有变化，则从模板缓存中直接渲染（效率大增）
+    // 若模板有变化，则重新解析模板；若模板没变，数据有变化，则从模板缓存中直接渲染（效率大增）
     if(this.id === 'demoTPL1'){ 
-      thisTpl.parse(data.template, data.data); //解析模板
+      thisTpl.parse(data.template, data.data); // 解析模板
     }
     
-    //执行渲染
+    // 执行渲染
     thisTpl.render(data.data, function(view){
       timer(startTime);
       $('#demoView1').html(view);
     });
   });
   
-  //事件
-  util.event('lay-on', {
-    //性能测试
+  // 事件
+  util.on({
+    // 性能测试
     test1: function(){
-      var dataLen = 1000 //数据量
-      ,renderTimes = 1000; //渲染次数
+      var dataLen = 1000 // 数据量
+      var renderTimes = 1000; // 渲染次数
       
-      //初始化数据
+      // 初始化数据
       var data = {
-        title: '性能测试'
-        ,items: function(items){
+        title: '性能测试',
+        items: function(items){
           for(var i = 0; i < dataLen; i++){
             items.push({
               index: i
@@ -209,7 +215,7 @@ layui.use(['laytpl', 'util'], function(){
         }([])
       };
       
-      //模板
+      // 模板
       var startTime = new Date();
       for(var j = 0; j < renderTimes; j++){
         var template = document.getElementById('laytplTestTpl').innerHTML;