提交 f20ca75e 编写于 作者: Skyeye云's avatar Skyeye云

添加桌面菜单雾化效果

上级 1d9b9958
此差异已折叠。
......@@ -59,6 +59,8 @@ public interface SysEveUserDao {
public int editSysUserJobMationById(Map<String, Object> map) throws Exception;
public Map<String, Object> querySysUserJobMationById(Map<String, Object> map) throws Exception;
public int editUserInstallVagueBgSrc(Map<String, Object> map) throws Exception;
......
......@@ -10,17 +10,22 @@ import java.util.List;
import java.util.Map;
import java.util.zip.ZipEntry;
import java.util.zip.ZipOutputStream;
import org.apache.commons.codec.binary.Base64;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import org.springframework.web.multipart.commons.CommonsMultipartResolver;
import com.skyeye.common.constans.Constants;
import com.skyeye.common.object.InputObject;
import com.skyeye.common.object.OutputObject;
import com.skyeye.common.util.ToolUtil;
import com.skyeye.eve.dao.CommonDao;
import com.skyeye.eve.dao.SysEveWinBgPicDao;
import com.skyeye.eve.dao.SysEveWinLockBgPicDao;
import com.skyeye.eve.dao.SysEveWinThemeColorDao;
import com.skyeye.eve.service.CommonService;
import net.sf.json.JSONArray;
......@@ -32,6 +37,15 @@ public class CommonServiceImpl implements CommonService{
@Autowired
private CommonDao commonDao;
@Autowired
private SysEveWinBgPicDao sysEveWinBgPicDao;
@Autowired
private SysEveWinLockBgPicDao sysEveWinLockBgPicDao;
@Autowired
private SysEveWinThemeColorDao sysEveWinThemeColorDao;
/**
*
......@@ -281,5 +295,31 @@ public class CommonServiceImpl implements CommonService{
out.close();
commonDao.insertCodeModelHistory(inBeans);
}
/**
*
* @Title: querySysWinMationById
* @Description: 获取win系统桌列表信息供展示
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@Override
public void querySysWinMationById(InputObject inputObject, OutputObject outputObject) throws Exception {
Map<String, Object> map = inputObject.getParams();
//获取win系统桌面图片列表供展示
List<Map<String, Object>> winBgPic = sysEveWinBgPicDao.querySysEveWinBgPicListToShow(map);
//获取win系统锁屏桌面图片列表供展示
List<Map<String, Object>> winLockBgPic = sysEveWinLockBgPicDao.querySysEveWinBgPicListToShow(map);
//获取win系统主题颜色列表供展示
List<Map<String, Object>> winThemeColor = sysEveWinThemeColorDao.querySysEveWinThemeColorListToShow(map);
map.put("winBgPic", winBgPic);
map.put("winLockBgPic", winLockBgPic);
map.put("winThemeColor", winThemeColor);
outputObject.setBean(map);
outputObject.settotal(1);
}
}
......@@ -501,4 +501,27 @@ public class SysEveUserServiceImpl implements SysEveUserService{
}
}
/**
*
* @Title: editUserInstallVagueBgSrc
* @Description: 自定义设置win雾化
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@Override
public void editUserInstallVagueBgSrc(InputObject inputObject, OutputObject outputObject) throws Exception {
Map<String, Object> map = inputObject.getParams();
Map<String, Object> user = inputObject.getLogParams();
map.put("userId", user.get("id"));
//修改reids中的用户信息
user.put("winBgPicVague", map.get("winBgPicVague"));
user.put("winBgPicVagueValue", map.get("winBgPicVagueValue"));
jedisClient.set("userMation:" + user.get("id").toString(), JSON.toJSONString(user));
jedisClient.expire("userMation:" + user.get("id").toString(), 1800);//时间为30分钟
sysEveUserDao.editUserInstallVagueBgSrc(map);
}
}
......@@ -81,26 +81,6 @@ public class SysEveWinBgPicServiceImpl implements SysEveWinBgPicService{
sysEveWinBgPicDao.deleteSysEveWinBgPicMationById(map);
}
/**
*
* @Title: querySysEveWinBgPicList
* @Description: 获取win系统桌面图片列表供展示
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@Override
public void querySysEveWinBgPicListToShow(InputObject inputObject, OutputObject outputObject) throws Exception {
Map<String, Object> map = inputObject.getParams();
List<Map<String, Object>> beans = sysEveWinBgPicDao.querySysEveWinBgPicListToShow(map);
if(beans != null && !beans.isEmpty()){
outputObject.setBeans(beans);
outputObject.settotal(beans.size());
}
}
/**
*
* @Title: insertSysEveWinBgPicMationByCustom
......
......@@ -81,26 +81,6 @@ public class SysEveWinLockBgPicServiceImpl implements SysEveWinLockBgPicService{
sysEveWinLockBgPicDao.deleteSysEveWinLockBgPicMationById(map);
}
/**
*
* @Title: querySysEveWinBgPicListToShow
* @Description: 获取win系统锁屏桌面图片列表供展示
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@Override
public void querySysEveWinBgPicListToShow(InputObject inputObject, OutputObject outputObject) throws Exception {
Map<String, Object> map = inputObject.getParams();
List<Map<String, Object>> beans = sysEveWinLockBgPicDao.querySysEveWinBgPicListToShow(map);
if(beans != null && !beans.isEmpty()){
outputObject.setBeans(beans);
outputObject.settotal(beans.size());
}
}
/**
*
* @Title: insertSysEveWinBgPicMationByCustom
......
......@@ -119,24 +119,4 @@ public class SysEveWinThemeColorServiceImpl implements SysEveWinThemeColorServic
}
}
/**
*
* @Title: querySysEveWinThemeColorListToShow
* @Description: 获取win系统主题颜色列表供展示
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@Override
public void querySysEveWinThemeColorListToShow(InputObject inputObject, OutputObject outputObject) throws Exception {
Map<String, Object> map = inputObject.getParams();
List<Map<String, Object>> beans = sysEveWinThemeColorDao.querySysEveWinThemeColorListToShow(map);
if(beans != null && !beans.isEmpty()){
outputObject.setBeans(beans);
outputObject.settotal(beans.size());
}
}
}
......@@ -11,4 +11,6 @@ public interface CommonService {
public void downloadFileByJsonData(InputObject inputObject, OutputObject outputObject) throws Exception;
public void querySysWinMationById(InputObject inputObject, OutputObject outputObject) throws Exception;
}
......@@ -42,6 +42,8 @@ public interface SysEveUserService {
public void insertSysUserMationById(InputObject inputObject, OutputObject outputObject) throws Exception;
public void editUserPassword(InputObject inputObject, OutputObject outputObject) throws Exception;
public void editUserInstallVagueBgSrc(InputObject inputObject, OutputObject outputObject) throws Exception;
......
......@@ -11,8 +11,6 @@ public interface SysEveWinBgPicService {
public void deleteSysEveWinBgPicMationById(InputObject inputObject, OutputObject outputObject) throws Exception;
public void querySysEveWinBgPicListToShow(InputObject inputObject, OutputObject outputObject) throws Exception;
public void insertSysEveWinBgPicMationByCustom(InputObject inputObject, OutputObject outputObject) throws Exception;
public void querySysEveWinBgPicCustomList(InputObject inputObject, OutputObject outputObject) throws Exception;
......
......@@ -11,8 +11,6 @@ public interface SysEveWinLockBgPicService {
public void deleteSysEveWinLockBgPicMationById(InputObject inputObject, OutputObject outputObject) throws Exception;
public void querySysEveWinBgPicListToShow(InputObject inputObject, OutputObject outputObject) throws Exception;
public void insertSysEveWinBgPicMationByCustom(InputObject inputObject, OutputObject outputObject) throws Exception;
public void querySysEveWinBgPicCustomList(InputObject inputObject, OutputObject outputObject) throws Exception;
......
......@@ -15,6 +15,4 @@ public interface SysEveWinThemeColorService {
public void editSysEveWinThemeColorMationById(InputObject inputObject, OutputObject outputObject) throws Exception;
public void querySysEveWinThemeColorListToShow(InputObject inputObject, OutputObject outputObject) throws Exception;
}
......@@ -62,4 +62,20 @@ public class CommonController {
commonService.downloadFileByJsonData(inputObject, outputObject);
}
/**
*
* @Title: querySysWinMationById
* @Description: 获取win系统桌列表信息供展示
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@RequestMapping("/post/CommonController/querySysWinMationById")
@ResponseBody
public void querySysWinMationById(InputObject inputObject, OutputObject outputObject) throws Exception{
commonService.querySysWinMationById(inputObject, outputObject);
}
}
......@@ -319,4 +319,20 @@ public class SysEveUserController {
sysEveUserService.editUserPassword(inputObject, outputObject);
}
/**
*
* @Title: editUserInstallVagueBgSrc
* @Description: 自定义设置win雾化
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@RequestMapping("/post/SysEveUserController/editUserInstallVagueBgSrc")
@ResponseBody
public void editUserInstallVagueBgSrc(InputObject inputObject, OutputObject outputObject) throws Exception{
sysEveUserService.editUserInstallVagueBgSrc(inputObject, outputObject);
}
}
......@@ -63,22 +63,6 @@ public class SysEveWinBgPicController {
sysEveWinBgPicService.deleteSysEveWinBgPicMationById(inputObject, outputObject);
}
/**
*
* @Title: querySysEveWinBgPicList
* @Description: 获取win系统桌面图片列表供展示
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@RequestMapping("/post/SysEveWinBgPicController/querySysEveWinBgPicListToShow")
@ResponseBody
public void querySysEveWinBgPicListToShow(InputObject inputObject, OutputObject outputObject) throws Exception{
sysEveWinBgPicService.querySysEveWinBgPicListToShow(inputObject, outputObject);
}
/**
*
* @Title: insertSysEveWinBgPicMationByCustom
......
......@@ -63,22 +63,6 @@ public class SysEveWinLockBgPicController {
sysEveWinLockBgPicService.deleteSysEveWinLockBgPicMationById(inputObject, outputObject);
}
/**
*
* @Title: querySysEveWinBgPicListToShow
* @Description: 获取win系统锁屏桌面图片列表供展示
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@RequestMapping("/post/SysEveWinLockBgPicController/querySysEveWinBgPicListToShow")
@ResponseBody
public void querySysEveWinBgPicListToShow(InputObject inputObject, OutputObject outputObject) throws Exception{
sysEveWinLockBgPicService.querySysEveWinBgPicListToShow(inputObject, outputObject);
}
/**
*
* @Title: insertSysEveWinBgPicMationByCustom
......
......@@ -95,20 +95,4 @@ public class SysEveWinThemeColorController {
sysEveWinThemeColorService.editSysEveWinThemeColorMationById(inputObject, outputObject);
}
/**
*
* @Title: querySysEveWinThemeColorListToShow
* @Description: 获取win系统主题颜色列表供展示
* @param @param inputObject
* @param @param outputObject
* @param @throws Exception 参数
* @return void 返回类型
* @throws
*/
@RequestMapping("/post/SysEveWinThemeColorController/querySysEveWinThemeColorListToShow")
@ResponseBody
public void querySysEveWinThemeColorListToShow(InputObject inputObject, OutputObject outputObject) throws Exception{
sysEveWinThemeColorService.querySysEveWinThemeColorListToShow(inputObject, outputObject);
}
}
......@@ -134,7 +134,9 @@
b.win_lock_bg_pic_url winLockBgPicUrl,
b.win_theme_color winThemeColor,
b.win_start_menu_size winStartMenuSize,
b.win_task_position winTaskPosition
b.win_task_position winTaskPosition,
b.win_bg_pic_vague winBgPicVague,
b.win_bg_pic_vague_value winBgPicVagueValue
FROM
sys_eve_user a
LEFT JOIN sys_eve_user_install b ON a.id = b.user_id
......@@ -301,4 +303,13 @@
WHERE id = #{id}
</update>
<update id="editUserInstallVagueBgSrc" parameterType="java.util.Map">
UPDATE sys_eve_user_install
<set>
win_bg_pic_vague = #{winBgPicVague},
win_bg_pic_vague_value = #{winBgPicVagueValue}
</set>
WHERE user_id = #{userId}
</update>
</mapper>
\ No newline at end of file
......@@ -29,6 +29,9 @@
<url id="commontarea004" path="/post/SysTAreaController/querySysTAreaTownShipList" val="获取四级镇行政区划信息" allUse="1">
<property id="rowId" name="id" ref="required" var="县级行政区划id"/>
</url>
<url id="sysevewinmation001" path="/post/CommonController/querySysWinMationById" val="获取win系统桌列表信息供展示" allUse="1">
</url>
<!-- 公共请求结束 -->
</controller>
\ No newline at end of file
......@@ -175,6 +175,10 @@
<url id="sys028" path="/post/SysEveUserController/editUserInstallWinTaskPosition" val="自定义设置win任务栏在屏幕的位置" allUse="1">
<property id="winTaskPosition" name="winTaskPosition" ref="required" var="位置属性" />
</url>
<url id="sys029" path="/post/SysEveUserController/editUserInstallVagueBgSrc" val="自定义设置win雾化" allUse="1">
<property id="winBgPicVague" name="winBgPicVague" ref="required,num" var="背景图片是否雾化 1正常0模糊" />
<property id="winBgPicVagueValue" name="winBgPicVagueValue" ref="required,num" var="雾化值 0~1" />
</url>
<url id="icon001" path="/post/SysEveIconController/querySysIconList" val="获取ICON列表" allUse="1">
<property id="limit" name="limit" ref="required,num" var="分页参数,每页多少条数据" />
......@@ -216,8 +220,6 @@
<url id="sysevewinbgpic003" path="/post/SysEveWinBgPicController/deleteSysEveWinBgPicMationById" val="删除win系统桌面图片信息" allUse="1">
<property id="rowId" name="id" ref="required" var="win系统桌面图片id"/>
</url>
<url id="sysevewinbgpic004" path="/post/SysEveWinBgPicController/querySysEveWinBgPicListToShow" val="获取win系统桌面图片列表供展示" allUse="1">
</url>
<url id="sysevewinbgpic005" path="/post/SysEveWinBgPicController/insertSysEveWinBgPicMationByCustom" val="用户自定义上传win系统桌面图片信息" allUse="1">
<property id="picUrl" name="picUrl" ref="required" var="图片路径"/>
</url>
......@@ -237,8 +239,6 @@
<url id="sysevewinlockbgpic003" path="/post/SysEveWinLockBgPicController/deleteSysEveWinLockBgPicMationById" val="删除win系统锁屏桌面图片信息" allUse="1">
<property id="rowId" name="id" ref="required" var="win系统锁屏桌面图片id"/>
</url>
<url id="sysevewinlockbgpic004" path="/post/SysEveWinLockBgPicController/querySysEveWinBgPicListToShow" val="获取win系统锁屏桌面图片列表供展示" allUse="1">
</url>
<url id="sysevewinlockbgpic005" path="/post/SysEveWinLockBgPicController/insertSysEveWinBgPicMationByCustom" val="用户自定义上传win系统锁屏桌面图片信息" allUse="1">
<property id="picUrl" name="picUrl" ref="required" var="图片路径"/>
</url>
......@@ -266,8 +266,6 @@
<property id="rowId" name="id" ref="required" var="win系统主题颜色id"/>
<property id="colorClass" name="colorClass" ref="required" var="win系统主题颜色属性"/>
</url>
<url id="sysevewinthemecolor006" path="/post/SysEveWinThemeColorController/querySysEveWinThemeColorListToShow" val="获取win系统主题颜色列表供展示" allUse="1">
</url>
<!-- 系统管理结束 -->
<!-- 系统性能监控开始 -->
......
/** layui-v2.4.5 MIT License By https://www.layui.com */
;layui.define("jquery",function(e){"use strict";var i=layui.jquery,t={config:{},index:layui.slider?layui.slider.index+1e4:0,set:function(e){var t=this;return t.config=i.extend({},t.config,e),t},on:function(e,i){return layui.onevent.call(this,n,e,i)}},a=function(){var e=this,i=e.config;return{setValue:function(i,t){return e.slide("set",i,t||0)},config:i}},n="slider",l="layui-disabled",s="layui-slider",r="layui-slider-bar",o="layui-slider-wrap",u="layui-slider-wrap-btn",d="layui-slider-tips",v="layui-slider-input",c="layui-slider-input-txt",m="layui-slider-input-btn",p="layui-slider-hover",f=function(e){var a=this;a.index=++t.index,a.config=i.extend({},a.config,t.config,e),a.render()};f.prototype.config={type:"default",min:0,max:100,value:0,step:1,showstep:!1,tips:!0,input:!1,range:!1,height:200,disabled:!1,theme:"#009688"},f.prototype.render=function(){var e=this,t=e.config;if(t.step<1&&(t.step=1),t.max<t.min&&(t.max=t.min+t.step),t.range){t.value="object"==typeof t.value?t.value:[t.min,t.value];var a=Math.min(t.value[0],t.value[1]),n=Math.max(t.value[0],t.value[1]);t.value[0]=a>t.min?a:t.min,t.value[1]=n>t.min?n:t.min,t.value[0]=t.value[0]>t.max?t.max:t.value[0],t.value[1]=t.value[1]>t.max?t.max:t.value[1];var r=Math.floor((t.value[0]-t.min)/(t.max-t.min)*100),v=Math.floor((t.value[1]-t.min)/(t.max-t.min)*100),m=v-r+"%";r+="%",v+="%"}else{"object"==typeof t.value&&(t.value=Math.min.apply(null,t.value)),t.value<t.min&&(t.value=t.min),t.value>t.max&&(t.value=t.max);var m=Math.floor((t.value-t.min)/(t.max-t.min)*100)+"%"}var p=t.disabled?"#c2c2c2":t.theme,f='<div class="layui-slider '+("vertical"===t.type?"layui-slider-vertical":"")+'">'+(t.tips?'<div class="layui-slider-tips"></div>':"")+'<div class="layui-slider-bar" style="background:'+p+"; "+("vertical"===t.type?"height":"width")+":"+m+";"+("vertical"===t.type?"bottom":"left")+":"+(r||0)+';"></div><div class="layui-slider-wrap" style="'+("vertical"===t.type?"bottom":"left")+":"+(r||m)+';"><div class="layui-slider-wrap-btn" style="border: 2px solid '+p+';"></div></div>'+(t.range?'<div class="layui-slider-wrap" style="'+("vertical"===t.type?"bottom":"left")+":"+v+';"><div class="layui-slider-wrap-btn" style="border: 2px solid '+p+';"></div></div>':"")+"</div>",h=i(t.elem),y=h.next("."+s);if(y[0]&&y.remove(),e.elemTemp=i(f),t.range?(e.elemTemp.find("."+o).eq(0).data("value",t.value[0]),e.elemTemp.find("."+o).eq(1).data("value",t.value[1])):e.elemTemp.find("."+o).data("value",t.value),h.html(e.elemTemp),"vertical"===t.type&&e.elemTemp.height(t.height+"px"),t.showstep){for(var g=(t.max-t.min)/t.step,b="",x=1;x<g+1;x++){var T=100*x/g;T<100&&(b+='<div class="layui-slider-step" style="'+("vertical"===t.type?"bottom":"left")+":"+T+'%"></div>')}e.elemTemp.append(b)}if(t.input&&!t.range){var w=i('<div class="layui-slider-input layui-input"><div class="layui-slider-input-txt"><input type="text" class="layui-input"></div><div class="layui-slider-input-btn"><i class="layui-icon layui-icon-up"></i><i class="layui-icon layui-icon-down"></i></div></div>');h.css("position","relative"),h.append(w),h.find("."+c).children("input").val(t.value),"vertical"===t.type?w.css({left:0,top:-48}):e.elemTemp.css("margin-right",w.outerWidth()+15)}t.disabled?(e.elemTemp.addClass(l),e.elemTemp.find("."+u).addClass(l)):e.slide(),e.elemTemp.find("."+u).on("mouseover",function(){var a="vertical"===t.type?t.height:e.elemTemp[0].offsetWidth,n=e.elemTemp.find("."+o),l="vertical"===t.type?a-i(this).parent()[0].offsetTop-n.height():i(this).parent()[0].offsetLeft,s=l/a*100,r=i(this).parent().data("value"),u=t.setTips?t.setTips(r):r;e.elemTemp.find("."+d).html(u),"vertical"===t.type?e.elemTemp.find("."+d).css({bottom:s+"%","margin-bottom":"20px",display:"inline-block"}):e.elemTemp.find("."+d).css({left:s+"%",display:"inline-block"})}).on("mouseout",function(){e.elemTemp.find("."+d).css("display","none")})},f.prototype.slide=function(e,t,a){var n=this,l=n.config,s=n.elemTemp,f=function(){return"vertical"===l.type?l.height:s[0].offsetWidth},h=s.find("."+o),y=s.next("."+v),g=y.children("."+c).children("input").val(),b=100/((l.max-l.min)/Math.ceil(l.step)),x=function(e,i){e=Math.ceil(e)*b>100?Math.ceil(e)*b:Math.round(e)*b,e=e>100?100:e,h.eq(i).css("vertical"===l.type?"bottom":"left",e+"%");var t=T(h[0].offsetLeft),a=l.range?T(h[1].offsetLeft):0;"vertical"===l.type?(s.find("."+d).css({bottom:e+"%","margin-bottom":"20px"}),t=T(f()-h[0].offsetTop-h.height()),a=l.range?T(f()-h[1].offsetTop-h.height()):0):s.find("."+d).css("left",e+"%"),t=t>100?100:t,a=a>100?100:a;var n=Math.min(t,a),o=Math.abs(t-a);"vertical"===l.type?s.find("."+r).css({height:o+"%",bottom:n+"%"}):s.find("."+r).css({width:o+"%",left:n+"%"});var u=l.min+Math.round((l.max-l.min)*e/100);if(g=u,y.children("."+c).children("input").val(g),h.eq(i).data("value",u),u=l.setTips?l.setTips(u):u,s.find("."+d).html(u),l.range){var v=[h.eq(0).data("value"),h.eq(1).data("value")];v[0]>v[1]&&v.reverse()}l.change&&l.change(l.range?v:u)},T=function(e){var i=e/f()*100/b,t=Math.round(i)*b;return e==f()&&(t=Math.ceil(i)*b),t},w=i(['<div class="layui-auxiliar-moving" id="LAY-slider-moving"></div'].join("")),M=function(e,t){var a=function(){t&&t(),w.remove()};i("#LAY-slider-moving")[0]||i("body").append(w),w.on("mousemove",e),w.on("mouseup",a).on("mouseleave",a)};if("set"===e)return x(t,a);s.find("."+u).each(function(e){var t=i(this);t.on("mousedown",function(i){i=i||window.event;var a=t.parent()[0].offsetLeft,n=i.clientX;"vertical"===l.type&&(a=f()-t.parent()[0].offsetTop-h.height(),n=i.clientY);var r=function(i){i=i||window.event;var r=a+("vertical"===l.type?n-i.clientY:i.clientX-n);r<0&&(r=0),r>f()&&(r=f());var o=r/f()*100/b;x(o,e),t.addClass(p),s.find("."+d).show(),i.preventDefault()},o=function(){t.removeClass(p),s.find("."+d).hide()};M(r,o)})}),s.on("click",function(e){var t=i("."+u);if(!t.is(event.target)&&0===t.has(event.target).length&&t.length){var a,n="vertical"===l.type?f()-e.clientY+i(this).offset().top:e.clientX-i(this).offset().left;n<0&&(n=0),n>f()&&(n=f());var s=n/f()*100/b;a=l.range?"vertical"===l.type?Math.abs(n-parseInt(i(h[0]).css("bottom")))>Math.abs(n-parseInt(i(h[1]).css("bottom")))?1:0:Math.abs(n-h[0].offsetLeft)>Math.abs(n-h[1].offsetLeft)?1:0:0,x(s,a),e.preventDefault()}}),y.hover(function(){var e=i(this);e.children("."+m).fadeIn("fast")},function(){var e=i(this);e.children("."+m).fadeOut("fast")}),y.children("."+m).children("i").each(function(e){i(this).on("click",function(){g=1==e?g-l.step<l.min?l.min:Number(g)-l.step:Number(g)+l.step>l.max?l.max:Number(g)+l.step;var i=(g-l.min)/(l.max-l.min)*100/b;x(i,0)})});var q=function(){var e=this.value;e=isNaN(e)?0:e,e=e<l.min?l.min:e,e=e>l.max?l.max:e,this.value=e;var i=(e-l.min)/(l.max-l.min)*100/b;x(i,0)};y.children("."+c).children("input").on("keydown",function(e){13===e.keyCode&&(e.preventDefault(),q.call(this))}).on("change",q)},f.prototype.events=function(){var e=this;e.config},t.render=function(e){var i=new f(e);return a.call(i)},e(n,t)});
\ No newline at end of file
;layui.define("jquery",function(e){"use strict";var i=layui.jquery,t={config:{},index:layui.slider?layui.slider.index+1e4:0,set:function(e){var t=this;return t.config=i.extend({},t.config,e),t},on:function(e,i){return layui.onevent.call(this,n,e,i)}},a=function(){var e=this,i=e.config;return{setValue:function(i,t){return e.slide("set",i,t||0)},config:i}},n="slider",l="layui-disabled",s="layui-slider",r="layui-slider-bar",o="layui-slider-wrap",u="layui-slider-wrap-btn",d="layui-slider-tips",v="layui-slider-input",c="layui-slider-input-txt",m="layui-slider-input-btn",p="layui-slider-hover",f=function(e){var a=this;a.index=++t.index,a.config=i.extend({},a.config,t.config,e),a.render()};f.prototype.config={type:"default",min:0,max:100,value:0,step:1,showstep:!1,tips:!0,input:!1,range:!1,height:200,disabled:!1,theme:"#009688"},f.prototype.render=function(){var e=this,t=e.config;if(t.step<1&&(t.step=1),t.max<t.min&&(t.max=t.min+t.step),t.range){t.value="object"==typeof t.value?t.value:[t.min,t.value];var a=Math.min(t.value[0],t.value[1]),n=Math.max(t.value[0],t.value[1]);t.value[0]=a>t.min?a:t.min,t.value[1]=n>t.min?n:t.min,t.value[0]=t.value[0]>t.max?t.max:t.value[0],t.value[1]=t.value[1]>t.max?t.max:t.value[1];var r=Math.floor((t.value[0]-t.min)/(t.max-t.min)*100),v=Math.floor((t.value[1]-t.min)/(t.max-t.min)*100),m=v-r+"%";r+="%",v+="%"}else{"object"==typeof t.value&&(t.value=Math.min.apply(null,t.value)),t.value<t.min&&(t.value=t.min),t.value>t.max&&(t.value=t.max);var m=Math.floor((t.value-t.min)/(t.max-t.min)*100)+"%"}var p=t.disabled?"#c2c2c2":t.theme,f='<div class="layui-slider '+("vertical"===t.type?"layui-slider-vertical":"")+'">'+(t.tips?'<div class="layui-slider-tips"></div>':"")+'<div class="layui-slider-bar" style="background:'+p+"; "+("vertical"===t.type?"height":"width")+":"+m+";"+("vertical"===t.type?"bottom":"left")+":"+(r||0)+';"></div><div class="layui-slider-wrap" style="'+("vertical"===t.type?"bottom":"left")+":"+(r||m)+';"><div class="layui-slider-wrap-btn" style="border: 2px solid '+p+';"></div></div>'+(t.range?'<div class="layui-slider-wrap" style="'+("vertical"===t.type?"bottom":"left")+":"+v+';"><div class="layui-slider-wrap-btn" style="border: 2px solid '+p+';"></div></div>':"")+"</div>",h=i(t.elem),y=h.next("."+s);if(y[0]&&y.remove(),e.elemTemp=i(f),t.range?(e.elemTemp.find("."+o).eq(0).data("value",t.value[0]),e.elemTemp.find("."+o).eq(1).data("value",t.value[1])):e.elemTemp.find("."+o).data("value",t.value),h.html(e.elemTemp),"vertical"===t.type&&e.elemTemp.height(t.height+"px"),t.showstep){for(var g=(t.max-t.min)/t.step,b="",x=1;x<g+1;x++){var T=100*x/g;T<100&&(b+='<div class="layui-slider-step" style="'+("vertical"===t.type?"bottom":"left")+":"+T+'%"></div>')}e.elemTemp.append(b)}if(t.input&&!t.range){var w=i('<div class="layui-slider-input layui-input"><div class="layui-slider-input-txt"><input type="text" class="layui-input"></div><div class="layui-slider-input-btn"><i class="fa fa-caret-up fa-fw"></i><i class="fa fa-caret-down fa-fw"></i></div></div>');h.css("position","relative"),h.append(w),h.find("."+c).children("input").val(t.value),"vertical"===t.type?w.css({left:0,top:-48}):e.elemTemp.css("margin-right",w.outerWidth()+15)}t.disabled?(e.elemTemp.addClass(l),e.elemTemp.find("."+u).addClass(l)):e.slide(),e.elemTemp.find("."+u).on("mouseover",function(){var a="vertical"===t.type?t.height:e.elemTemp[0].offsetWidth,n=e.elemTemp.find("."+o),l="vertical"===t.type?a-i(this).parent()[0].offsetTop-n.height():i(this).parent()[0].offsetLeft,s=l/a*100,r=i(this).parent().data("value"),u=t.setTips?t.setTips(r):r;e.elemTemp.find("."+d).html(u),"vertical"===t.type?e.elemTemp.find("."+d).css({bottom:s+"%","margin-bottom":"20px",display:"inline-block"}):e.elemTemp.find("."+d).css({left:s+"%",display:"inline-block"})}).on("mouseout",function(){e.elemTemp.find("."+d).css("display","none")})},f.prototype.slide=function(e,t,a){var n=this,l=n.config,s=n.elemTemp,f=function(){return"vertical"===l.type?l.height:s[0].offsetWidth},h=s.find("."+o),y=s.next("."+v),g=y.children("."+c).children("input").val(),b=100/((l.max-l.min)/Math.ceil(l.step)),x=function(e,i){e=Math.ceil(e)*b>100?Math.ceil(e)*b:Math.round(e)*b,e=e>100?100:e,h.eq(i).css("vertical"===l.type?"bottom":"left",e+"%");var t=T(h[0].offsetLeft),a=l.range?T(h[1].offsetLeft):0;"vertical"===l.type?(s.find("."+d).css({bottom:e+"%","margin-bottom":"20px"}),t=T(f()-h[0].offsetTop-h.height()),a=l.range?T(f()-h[1].offsetTop-h.height()):0):s.find("."+d).css("left",e+"%"),t=t>100?100:t,a=a>100?100:a;var n=Math.min(t,a),o=Math.abs(t-a);"vertical"===l.type?s.find("."+r).css({height:o+"%",bottom:n+"%"}):s.find("."+r).css({width:o+"%",left:n+"%"});var u=l.min+Math.round((l.max-l.min)*e/100);if(g=u,y.children("."+c).children("input").val(g),h.eq(i).data("value",u),u=l.setTips?l.setTips(u):u,s.find("."+d).html(u),l.range){var v=[h.eq(0).data("value"),h.eq(1).data("value")];v[0]>v[1]&&v.reverse()}l.change&&l.change(l.range?v:u)},T=function(e){var i=e/f()*100/b,t=Math.round(i)*b;return e==f()&&(t=Math.ceil(i)*b),t},w=i(['<div class="layui-auxiliar-moving" id="LAY-slider-moving"></div'].join("")),M=function(e,t){var a=function(){t&&t(),w.remove()};i("#LAY-slider-moving")[0]||i("body").append(w),w.on("mousemove",e),w.on("mouseup",a).on("mouseleave",a)};if("set"===e)return x(t,a);s.find("."+u).each(function(e){var t=i(this);t.on("mousedown",function(i){i=i||window.event;var a=t.parent()[0].offsetLeft,n=i.clientX;"vertical"===l.type&&(a=f()-t.parent()[0].offsetTop-h.height(),n=i.clientY);var r=function(i){i=i||window.event;var r=a+("vertical"===l.type?n-i.clientY:i.clientX-n);r<0&&(r=0),r>f()&&(r=f());var o=r/f()*100/b;x(o,e),t.addClass(p),s.find("."+d).show(),i.preventDefault()},o=function(){t.removeClass(p),s.find("."+d).hide()};M(r,o)})}),s.on("click",function(e){var t=i("."+u);if(!t.is(event.target)&&0===t.has(event.target).length&&t.length){var a,n="vertical"===l.type?f()-e.clientY+i(this).offset().top:e.clientX-i(this).offset().left;n<0&&(n=0),n>f()&&(n=f());var s=n/f()*100/b;a=l.range?"vertical"===l.type?Math.abs(n-parseInt(i(h[0]).css("bottom")))>Math.abs(n-parseInt(i(h[1]).css("bottom")))?1:0:Math.abs(n-h[0].offsetLeft)>Math.abs(n-h[1].offsetLeft)?1:0:0,x(s,a),e.preventDefault()}}),y.hover(function(){var e=i(this);e.children("."+m).fadeIn("fast")},function(){var e=i(this);e.children("."+m).fadeOut("fast")}),y.children("."+m).children("i").each(function(e){i(this).on("click",function(){g=1==e?g-l.step<l.min?l.min:Number(g)-l.step:Number(g)+l.step>l.max?l.max:Number(g)+l.step;var i=(g-l.min)/(l.max-l.min)*100/b;x(i,0)})});var q=function(){var e=this.value;e=isNaN(e)?0:e,e=e<l.min?l.min:e,e=e>l.max?l.max:e,this.value=e;var i=(e-l.min)/(l.max-l.min)*100/b;x(i,0)};y.children("."+c).children("input").on("keydown",function(e){13===e.keyCode&&(e.preventDefault(),q.call(this))}).on("change",q)},f.prototype.events=function(){var e=this;e.config},t.render=function(e){var i=new f(e);return a.call(i)},e(n,t)});
\ No newline at end of file
......@@ -6302,6 +6302,35 @@ select option{
height: 100%;
}
.win-bg-vague{
-webkit-filter: blur(10px); /* Chrome, Opera */
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
background-position: center 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
-webkit-background-size: cover;
background-color: gainsboro;
opacity: 0.5;
}
.win-bg-img{
width: 100%;
height: 100%;
position: absolute;
}
.slider-custom{
width: 200px;
padding-top: 15px;
}
.slider-custom .layui-slider-input{
margin-top: 15px;
}
/*******************************************自定义样式end********************************************/
......@@ -79,7 +79,9 @@
bgSrc: '../assets/winbgpic/default.jpg',
lockBgSrc: '../assets/winlockbgpic/default.jpg/',
audioSrc: this.path + 'audio/236',
startSize: 'sm'
startSize: 'sm',
vagueBgSrc: '1',//背景图片是否雾化 1正常0模糊
vagueBgSrcValue: '0.5', //雾化值
}; //设置
this.configs = {}; //配置
this.event = {}; //自定义事件
......@@ -298,6 +300,18 @@
}
this.renderStartSize();
},
//重置雾化设置
resetVagueBgSrc: function (vagueBgSrc, vagueBgSrcValue) {
if(vagueBgSrc == '1'){
$('.win-bg-img').removeClass('.win-bg-vague');
$('.win-bg-img').css({'opacity': 0});
}else{
this.settings.vagueBgSrcValue = vagueBgSrcValue;
$('.win-bg-img').addClass('win-bg-vague');//模糊化
$('.win-bg-img').css({'opacity': this.settings.vagueBgSrcValue / 10});
}
},
//渲染开始菜单尺寸
renderStartSize: function () {
......@@ -326,8 +340,13 @@
//渲染背景图
renderBg: function () {
var bgSrc = this.settings.bgSrc;
if (bgSrc)
$('body').css('background-image', 'url(' + bgSrc + ')');
if (bgSrc){
$('body').css('background-image', 'url(' + bgSrc + ')');
if(this.settings.vagueBgSrc == '0'){
$('.win-bg-img').addClass('win-bg-vague');//模糊化
$('.win-bg-img').css({'opacity': this.settings.vagueBgSrcValue / 10});
}
}
},
//重置锁屏图
......
......@@ -278,7 +278,9 @@
taskbarMode: json.bean.winTaskPosition,
startSize: json.bean.winStartMenuSize,
bgSrc: json.bean.winBgPicUrl,
lockBgSrc: json.bean.winLockBgPicUrl
lockBgSrc: json.bean.winLockBgPicUrl,
vagueBgSrc: json.bean.winBgPicVague,
vagueBgSrcValue: json.bean.winBgPicVagueValue
},
desktop: {//桌面菜单栏
options: {
......
......@@ -6,45 +6,33 @@ layui.config({
winui.renderColor();
layui.use(['layer', 'form'], function (exports) {
var $ = layui.jquery,
form = layui.form,
unfinished = '暂未实现',
upload = layui.upload;
form = layui.form,
unfinished = '暂未实现',
upload = layui.upload;
$(function () {
winui.renderColor();
winui.tab.init();
//设置预览背景为当前背景
$('.background-preview').css('background-image', layui.jquery('body').css('background-image'));
//设置锁屏预览背景为当前锁屏预览背景
$('.lockscreen-preview').css('background-image', 'url(' + winui.getSetting('lockBgSrc') + ')');
//设置主题预览中任务栏位置
var taskbarMode = winui.getSetting('taskbarMode');
$('.taskbar-position input[value=' + taskbarMode + ']').prop('checked', true);
//设置主题预览中开始菜单尺寸
var startSize = winui.getSetting('startSize');
$('.start-size input[value=' + startSize + ']').prop('checked', true);
$('.preview-start').removeClass('xs sm lg');
$('.preview-start').addClass(startSize);
$(".preview-start").html(getFileContent('tpl/systheme/menu-model.tpl'));
form.render();
//初始化桌面背景图片
showGrid({
id: "background-choose",
url: reqBasePath + "sysevewinbgpic004",
id: "choose-content",
url: reqBasePath + "sysevewinmation001",
params: {},
pagination: false,
template: getFileContent('tpl/systheme/bg-pic.tpl'),
template: getFileContent('tpl/systheme/systheme.tpl'),
ajaxSendLoadBefore: function(hdb){
hdb.registerHelper("compare1", function(v1, options){
return fileBasePath + v1;
});
},
options: {'click .bgPicItem':function(index, row){
var bgSrc = row.picUrl;
options: {},
ajaxSendAfter:function(json){
initCustomBackGroundPic();
initCustomLockBackGroundPic();
//桌面背景选择
$('.bgPicItem').on('click', function () {
var bgSrc = $(this).attr('picUrl');
AjaxPostUtil.request({url:reqBasePath + "sys025", params:{winBgPicUrl: bgSrc}, type:'json', callback:function(json){
if(json.returnCode == 0){
$('.background-preview').css('background-image', 'url(' + bgSrc + ')');
......@@ -53,62 +41,54 @@ layui.config({
top.winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
}
}});
}
},
ajaxSendAfter:function(json){
initCustomBackGroundPic();
//初始化桌面锁屏背景图片
showGrid({
id: "lockscreen-choose",
url: reqBasePath + "sysevewinlockbgpic004",
params: {},
pagination: false,
template: getFileContent('tpl/systheme/lock-bg-pic.tpl'),
ajaxSendLoadBefore: function(hdb){
hdb.registerHelper("compare1", function(v1, options){
return fileBasePath + v1;
});
},
options: {'click .lockBgPicItem':function(index, row){
var bgSrc = row.picUrl;
AjaxPostUtil.request({url:reqBasePath + "sys026", params:{winLockBgPicUrl: bgSrc}, type:'json', callback:function(json){
if(json.returnCode == 0){
$('.lockscreen-preview').css('background-image', 'url(' + bgSrc + ')');
winui.resetLockBg(bgSrc);
}else{
top.winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
}
}});
}
},
ajaxSendAfter:function(json){
initCustomLockBackGroundPic();
//初始化主题色
showGrid({
id: "color-choose",
url: reqBasePath + "sysevewinthemecolor006",
params: {},
pagination: false,
template: getFileContent('tpl/systheme/color-choose.tpl'),
ajaxSendLoadBefore: function(hdb){
},
ajaxSendAfter:function(json){
//颜色选择
$('.color-choose>div').on('click', function () {
var color = Number($(this)[0].classList[0].replace('theme-color-', ''));
AjaxPostUtil.request({url:reqBasePath + "sys024", params:{themeColor: color}, type:'json', callback:function(json){
if(json.returnCode == 0){
winui.resetColor(color);
}else{
top.winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
}
}});
});
}
});
}
});
//桌面锁屏背景选择
$('.lockBgPicItem').on('click', function () {
var bgSrc = $(this).attr('picUrl');
AjaxPostUtil.request({url:reqBasePath + "sys026", params:{winLockBgPicUrl: bgSrc}, type:'json', callback:function(json){
if(json.returnCode == 0){
$('.lockscreen-preview').css('background-image', 'url(' + bgSrc + ')');
winui.resetLockBg(bgSrc);
}else{
top.winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
}
}});
});
//颜色选择
$('.color-choose>div').on('click', function () {
var color = Number($(this)[0].classList[0].replace('theme-color-', ''));
AjaxPostUtil.request({url:reqBasePath + "sys024", params:{themeColor: color}, type:'json', callback:function(json){
if(json.returnCode == 0){
winui.resetColor(color);
}else{
top.winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
}
}});
});
//设置预览背景为当前背景
$('.background-preview').css('background-image', layui.jquery('body').css('background-image'));
//设置锁屏预览背景为当前锁屏预览背景
$('.lockscreen-preview').css('background-image', 'url(' + winui.getSetting('lockBgSrc') + ')');
//设置主题预览中任务栏位置
var taskbarMode = winui.getSetting('taskbarMode');
$('.taskbar-position input[value=' + taskbarMode + ']').prop('checked', true);
//设置主题预览中开始菜单尺寸
var startSize = winui.getSetting('startSize');
$('.start-size input[value=' + startSize + ']').prop('checked', true);
$('.preview-start').removeClass('xs sm lg');
$('.preview-start').addClass(startSize);
$(".preview-start").html(getFileContent('tpl/systheme/menu-model.tpl'));
var vagueBgSrc = winui.getSetting('vagueBgSrc');
if(vagueBgSrc == '1'){
$("#winBgPicVague").val(false);
$("#winBgPicVague").attr("checked", false);
}else{
$("#winBgPicVague").val(true);
$("#winBgPicVague").attr("checked", true);
}
form.render();
}
});
......@@ -274,5 +254,24 @@ layui.config({
}
}});
});
//雾化开关
form.on('switch(winBgPicVague)', function (data) {
var winBgPicVague = "";
var winBgPicVagueValue = "5";
//同步开关值
$(data.elem).val(data.elem.checked);
if(data.elem.checked){
winBgPicVague = '0';
}else{
winBgPicVague = '1';
}
AjaxPostUtil.request({url:reqBasePath + "sys029", params:{winBgPicVague: winBgPicVague, winBgPicVagueValue: winBgPicVagueValue}, type:'json', callback:function(json){
if(json.returnCode == 0){
winui.resetVagueBgSrc(winBgPicVague, winBgPicVagueValue);
}else{
top.winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
}
}});
});
});
});
\ No newline at end of file
......@@ -14,7 +14,10 @@
</script>
</head>
<body style="-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;">
<!-- 背景图片-模糊化 -->
<div class="win-bg-img">
</div>
<!-- 加载进度条 -->
<div class="winui-load-mation">
<div class="winui-load-mation-box">
......
{{#each rows}}
<img src="{{#compare1 picUrl}}{{/compare1}}" class="bgPicItem" />
{{/each}}
\ No newline at end of file
{{#each rows}}
<div class="{{colorClass}}"></div>
{{/each}}
\ No newline at end of file
{{#each rows}}
<img src="{{#compare1 picUrl}}{{/compare1}}" class="lockBgPicItem" />
{{/each}}
\ No newline at end of file
......@@ -16,82 +16,8 @@
</div>
<div class="winui-tab-right">
<div class="winui-scroll-y">
<div class="winui-tab-content">
<!-- 背景设置 -->
<div class="winui-tab-item layui-show">
<h1>预览</h1>
<div class="background-preview">
<div class="preview-start"></div>
<div class="preview-window">
<div class="preview-window-title"><p></p></div>
<span>示例文本</span>
</div>
<div class="preview-taskbar"></div>
</div>
<h2>选择图片</h2>
<div class="background-choose" id="background-choose" style="min-height: 90px;">
</div>
<h2>自定义图片</h2>
<div class="background-choose" id="cus-background-choose" style="min-height: 130px;">
</div>
<!-- 上传图片 -->
<div class="background-upload" id="addBean">浏览</div>
</div>
<!-- 颜色设置 -->
<div class="winui-tab-item">
<h1>预览</h1>
<div class="background-preview">
<div class="preview-start"></div>
<div class="preview-window">
<div class="preview-window-title"><p></p></div>
<span>示例文本</span>
</div>
<div class="preview-taskbar"></div>
</div>
<h2>主题色</h2>
<div class="color-choose" id="color-choose"></div>
</div>
<!-- 锁屏界面 -->
<div class="winui-tab-item">
<h1>预览</h1>
<div class="lockscreen-preview">
<div class="lockscreen-preview-time"></div>
</div>
<h2>选择图片</h2>
<div class="lockscreen-choose" id="lockscreen-choose" style="min-height: 90px;">
</div>
<h2>自定义图片</h2>
<div class="lockscreen-choose" id="cus-lockscreen-choose" style="min-height: 130px;">
</div>
<!-- 上传图片 -->
<div class="lockscreen-upload" id="addBean1">浏览</div>
</div>
<!-- 开始 -->
<div class="winui-tab-item">
<h1>预览</h1>
<div class="background-preview">
<div class="preview-start"></div>
<div class="preview-window">
<div class="preview-window-title"><p></p></div>
<span>示例文本</span>
</div>
<div class="preview-taskbar"></div>
</div>
<h2>开始菜单尺寸</h2>
<div class="layui-form winui-radio start-size">
<input type="radio" name="startsize" value="xs" title="迷你" lay-filter="startSize">
<input type="radio" name="startsize" value="sm" title="中等" lay-filter="startSize">
<input type="radio" name="startsize" value="lg" title="宽敞" lay-filter="startSize">
</div>
</div>
<!-- 任务栏 -->
<div class="winui-tab-item">
<h2>任务栏在屏幕上的位置</h2>
<div class="layui-form winui-radio taskbar-position">
<input type="radio" name="position" value="top" title="顶部" lay-filter="taskPosition">
<input type="radio" name="position" value="bottom" title="底部" lay-filter="taskPosition">
</div>
</div>
<div class="winui-tab-content" id="choose-content">
</div>
</div>
</div>
......
{{#bean}}
<!-- 背景设置 -->
<div class="winui-tab-item layui-show">
<h1>预览</h1>
<div class="background-preview">
<div class="preview-start"></div>
<div class="preview-window">
<div class="preview-window-title"><p></p></div>
<span>示例文本</span>
</div>
<div class="preview-taskbar"></div>
</div>
<h2>选择图片</h2>
<div class="background-choose" id="background-choose" style="min-height: 90px;">
{{#each winBgPic}}
<img src="{{#compare1 picUrl}}{{/compare1}}" class="bgPicItem" picUrl="{{picUrl}}"/>
{{/each}}
</div>
<h2>自定义图片</h2>
<div class="background-choose" id="cus-background-choose" style="min-height: 130px;">
</div>
<div class="background-choose" id="bgVagueChoose" style="min-height: 90px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
<div class="layui-form-item">
<label class="layui-form-label">是否雾化</label>
<div class="layui-input-block winui-switch">
<input id="winBgPicVague" name="winBgPicVague" lay-filter="winBgPicVague" type="checkbox" lay-skin="switch" lay-text="是|否" value="" />
</div>
</div>
</form>
</div>
<!-- 上传图片 -->
<div class="background-upload" id="addBean">浏览</div>
</div>
<!-- 颜色设置 -->
<div class="winui-tab-item">
<h1>预览</h1>
<div class="background-preview">
<div class="preview-start"></div>
<div class="preview-window">
<div class="preview-window-title"><p></p></div>
<span>示例文本</span>
</div>
<div class="preview-taskbar"></div>
</div>
<h2>主题色</h2>
<div class="color-choose" id="color-choose">
{{#each winThemeColor}}
<div class="{{colorClass}}"></div>
{{/each}}
</div>
</div>
<!-- 锁屏界面 -->
<div class="winui-tab-item">
<h1>预览</h1>
<div class="lockscreen-preview">
<div class="lockscreen-preview-time"></div>
</div>
<h2>选择图片</h2>
<div class="lockscreen-choose" id="lockscreen-choose" style="min-height: 90px;">
{{#each winLockBgPic}}
<img src="{{#compare1 picUrl}}{{/compare1}}" class="lockBgPicItem" picUrl="{{picUrl}}"/>
{{/each}}
</div>
<h2>自定义图片</h2>
<div class="lockscreen-choose" id="cus-lockscreen-choose" style="min-height: 130px;">
</div>
<!-- 上传图片 -->
<div class="lockscreen-upload" id="addBean1">浏览</div>
</div>
<!-- 开始 -->
<div class="winui-tab-item">
<h1>预览</h1>
<div class="background-preview">
<div class="preview-start"></div>
<div class="preview-window">
<div class="preview-window-title"><p></p></div>
<span>示例文本</span>
</div>
<div class="preview-taskbar"></div>
</div>
<h2>开始菜单尺寸</h2>
<div class="layui-form winui-radio start-size">
<input type="radio" name="startsize" value="xs" title="迷你" lay-filter="startSize">
<input type="radio" name="startsize" value="sm" title="中等" lay-filter="startSize">
<input type="radio" name="startsize" value="lg" title="宽敞" lay-filter="startSize">
</div>
</div>
<!-- 任务栏 -->
<div class="winui-tab-item">
<h2>任务栏在屏幕上的位置</h2>
<div class="layui-form winui-radio taskbar-position">
<input type="radio" name="position" value="top" title="顶部" lay-filter="taskPosition">
<input type="radio" name="position" value="bottom" title="底部" lay-filter="taskPosition">
</div>
</div>
{{/bean}}
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册