1 <div class="layui-form-item select-theme"> 2 <label class="layui-form-label">主题选择</label> 3 <div class="layui-input-block"> 4 <select lay-filter="larryTheme" lay-verify="" id="themeName"> 5 <option value="larry">默认主题</option> 6 <option value="A"> Dark Blue Theme </ option > 7 < option value = "B" > Dark Green Theme </ option > 8 < option value = "C" > Dark Blue Theme </ option > 9 </ select > 10 </ div > 11 </ div >
1 <script> 2 // 主题设置 3 form.on('select(larryTheme)',function(data){ 4 var themeValue=data.value; 5 localStorage.setItem('themeName',themeValue); 6 if(themeName){ 7 $('body').attr('class',''); 8 $('body').addClass('larryTheme-'+themeName); 9 } 10 form.render('select'); 11 }) 12 $('#larryTheme').on('click', function() { 13 var fScreen = localStorage.getItem('fullscreen_info'); 14 var themeName = localStorage.getItem('themeName'); 15 layer.open({ 16 type: 1, 17 title: false, 18 closeBtn: true, 19 shadeClose: false, 20 shade: 0.35, 21 area: ['490px', '365px'], 22 isOutAnim: true, 23 resize: false, 24 anim: Math.ceil(Math.random() * 6), 25 content: $('#LarryThemeSet').html(), 26 success: function (layero, index) { 27 if (fScreen && fScreen != 'false') { 28 $("input[lay-filter='fullscreen']").attr("checked", "checked"); 29 } 30 if (themeName) { 31 $("#themeName option[value='" + themeName + "']").attr("selected", "selected"); 32 } 33 form.render(); 34 } 35 }); 36 }); 37 </script>