mirror of
https://gitee.com/ulthon/ulthon_admin.git
synced 2026-07-05 09:42:47 +08:00
页面适配手机,新增皮肤切换功能
This commit is contained in:
augushong
100
public/static/css/common.css
Normal file
100
public/static/css/common.css
Normal file
@@ -0,0 +1,100 @@
|
||||
@media screen and (max-width: 768px){
|
||||
.layui-body{
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-footer{
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-logo{
|
||||
width: 115px;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-side{
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
position: unset;
|
||||
}
|
||||
|
||||
.layui-layer-content .layui-hide-xs{
|
||||
display: unset !important;
|
||||
}
|
||||
|
||||
.layui-nav-tree{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.left-bottom-options{
|
||||
position: fixed;
|
||||
left: 20px;
|
||||
bottom: 60px;
|
||||
background: rgba(0,0,0,0.4);
|
||||
color: #fff;
|
||||
font-size: 35px;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
.skin-1 .layui-nav-tree .layui-nav-item a:hover{
|
||||
background-color: #6699CC;
|
||||
}
|
||||
|
||||
.skin-1 .layui-bg-black{
|
||||
background-color: #66CCFF !important;
|
||||
}
|
||||
|
||||
.skin-1 .layui-nav-tree .layui-nav-child dd.layui-this,
|
||||
.skin-1 .layui-nav-tree .layui-nav-child dd.layui-this a,
|
||||
.skin-1 .layui-nav-tree .layui-this,
|
||||
.skin-1 .layui-nav-tree .layui-this > a,
|
||||
.skin-1 .layui-nav-tree .layui-this > a:hover{
|
||||
background-color: #6699CC;
|
||||
}
|
||||
|
||||
.skin-1 .layui-layout-admin .layui-logo{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.skin-1 .layui-layout-admin .layui-header{
|
||||
background-color: #66CCFF;
|
||||
}
|
||||
|
||||
.skin-1 .layui-nav {
|
||||
background-color: #66CCFF;
|
||||
}
|
||||
|
||||
.skin-1 .layui-nav .layui-nav-item a {
|
||||
color: #FFFFFF
|
||||
}
|
||||
|
||||
.skin-1 .layui-nav .layui-nav-child a {
|
||||
color: #66CCFF;
|
||||
}
|
||||
|
||||
.skin-1 .layui-nav .layui-this::after,
|
||||
.skin-1 .layui-nav-bar,
|
||||
.skin-1 .layui-nav-tree .layui-nav-itemed::after {
|
||||
background-color: #CCFFFF;
|
||||
}
|
||||
|
||||
.skin-1 .layui-tab-brief > .layui-tab-title .layui-this{
|
||||
color: #66CCFF;
|
||||
}
|
||||
|
||||
.skin-1 .layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
|
||||
border-color: #66CCFF;
|
||||
}
|
||||
|
||||
.skin-1 .layui-btn{
|
||||
background-color: #66CCFF;
|
||||
}
|
||||
.skin-1 .layui-form-radio > i:hover, .layui-form-radioed > i{
|
||||
color: #66CCFF;
|
||||
}
|
||||
|
||||
.skin-1 .layui-elem-quote{
|
||||
border-color: #66CCFF;
|
||||
}
|
||||
117
public/static/lib/jquery/jquery.cookie.js
Normal file
117
public/static/lib/jquery/jquery.cookie.js
Normal file
@@ -0,0 +1,117 @@
|
||||
/*!
|
||||
* jQuery Cookie Plugin v1.4.1
|
||||
* https://github.com/carhartl/jquery-cookie
|
||||
*
|
||||
* Copyright 2013 Klaus Hartl
|
||||
* Released under the MIT license
|
||||
*/
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof exports === 'object') {
|
||||
// CommonJS
|
||||
factory(require('jquery'));
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
|
||||
var pluses = /\+/g;
|
||||
|
||||
function encode(s) {
|
||||
return config.raw ? s : encodeURIComponent(s);
|
||||
}
|
||||
|
||||
function decode(s) {
|
||||
return config.raw ? s : decodeURIComponent(s);
|
||||
}
|
||||
|
||||
function stringifyCookieValue(value) {
|
||||
return encode(config.json ? JSON.stringify(value) : String(value));
|
||||
}
|
||||
|
||||
function parseCookieValue(s) {
|
||||
if (s.indexOf('"') === 0) {
|
||||
// This is a quoted cookie as according to RFC2068, unescape...
|
||||
s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
|
||||
}
|
||||
|
||||
try {
|
||||
// Replace server-side written pluses with spaces.
|
||||
// If we can't decode the cookie, ignore it, it's unusable.
|
||||
// If we can't parse the cookie, ignore it, it's unusable.
|
||||
s = decodeURIComponent(s.replace(pluses, ' '));
|
||||
return config.json ? JSON.parse(s) : s;
|
||||
} catch(e) {}
|
||||
}
|
||||
|
||||
function read(s, converter) {
|
||||
var value = config.raw ? s : parseCookieValue(s);
|
||||
return $.isFunction(converter) ? converter(value) : value;
|
||||
}
|
||||
|
||||
var config = $.cookie = function (key, value, options) {
|
||||
|
||||
// Write
|
||||
|
||||
if (value !== undefined && !$.isFunction(value)) {
|
||||
options = $.extend({}, config.defaults, options);
|
||||
|
||||
if (typeof options.expires === 'number') {
|
||||
var days = options.expires, t = options.expires = new Date();
|
||||
t.setTime(+t + days * 864e+5);
|
||||
}
|
||||
|
||||
return (document.cookie = [
|
||||
encode(key), '=', stringifyCookieValue(value),
|
||||
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
|
||||
options.path ? '; path=' + options.path : '',
|
||||
options.domain ? '; domain=' + options.domain : '',
|
||||
options.secure ? '; secure' : ''
|
||||
].join(''));
|
||||
}
|
||||
|
||||
// Read
|
||||
|
||||
var result = key ? undefined : {};
|
||||
|
||||
// To prevent the for loop in the first place assign an empty array
|
||||
// in case there are no cookies at all. Also prevents odd result when
|
||||
// calling $.cookie().
|
||||
var cookies = document.cookie ? document.cookie.split('; ') : [];
|
||||
|
||||
for (var i = 0, l = cookies.length; i < l; i++) {
|
||||
var parts = cookies[i].split('=');
|
||||
var name = decode(parts.shift());
|
||||
var cookie = parts.join('=');
|
||||
|
||||
if (key && key === name) {
|
||||
// If second argument (value) is a function it's a converter...
|
||||
result = read(cookie, value);
|
||||
break;
|
||||
}
|
||||
|
||||
// Prevent storing a cookie that we couldn't decode.
|
||||
if (!key && (cookie = read(cookie)) !== undefined) {
|
||||
result[name] = cookie;
|
||||
}
|
||||
}
|
||||
|
||||
return result;
|
||||
};
|
||||
|
||||
config.defaults = {};
|
||||
|
||||
$.removeCookie = function (key, options) {
|
||||
if ($.cookie(key) === undefined) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Must not alter options, thus extending a fresh object...
|
||||
$.cookie(key, '', $.extend({}, options, { expires: -1 }));
|
||||
return !$.cookie(key);
|
||||
};
|
||||
|
||||
}));
|
||||
@@ -10,21 +10,21 @@ layui.config({
|
||||
var html = "<link rel=\"stylesheet\" href=\"/static/lib/layui/lib/cropper/cropper.css\">\n" +
|
||||
"<div class=\"layui-fluid showImgEdit\" style=\"display: none\">\n" +
|
||||
" <div class=\"layui-form-item\">\n" +
|
||||
" <div class=\"layui-input-inline layui-btn-container\" style=\"width: auto;\">\n" +
|
||||
" <div class=\"layui-input-inline layui-btn-container\" style=\"width: auto;margin-left:0\">\n" +
|
||||
" <label for=\"cropper_avatarImgUpload\" class=\"layui-btn layui-btn-primary\">\n" +
|
||||
" <i class=\"layui-icon\"></i>选择图片\n" +
|
||||
" </label>\n" +
|
||||
" <input class=\"layui-upload-file\" id=\"cropper_avatarImgUpload\" type=\"file\" value=\"选择图片\" name=\"file\">\n" +
|
||||
" </div>\n" +
|
||||
" <div class=\"layui-form-mid layui-word-aux\">头像的尺寸限定150x150px,大小在50kb以内</div>\n" +
|
||||
" <div class=\"layui-form-mid layui-word-aux\" style=\"margin-left:0\">头像的尺寸限定150x150px,大小在50kb以内</div>\n" +
|
||||
" </div>\n" +
|
||||
" <div class=\"layui-row layui-col-space15\">\n" +
|
||||
" <div class=\"layui-col-xs9\">\n" +
|
||||
" <div class=\"layui-col-xs12 layui-col-md9 \">\n" +
|
||||
" <div class=\"readyimg\" style=\"height:450px;background-color: rgb(247, 247, 247);\">\n" +
|
||||
" <img src=\"\" >\n" +
|
||||
" </div>\n" +
|
||||
" </div>\n" +
|
||||
" <div class=\"layui-col-xs3\">\n" +
|
||||
" <div class=\"layui-col-xs12 layui-col-md3 \">\n" +
|
||||
" <div class=\"img-preview\" style=\"width:200px;height:200px;overflow:hidden\">\n" +
|
||||
" </div>\n" +
|
||||
" </div>\n" +
|
||||
@@ -63,6 +63,14 @@ layui.config({
|
||||
data = e.data,
|
||||
done = e.done;
|
||||
|
||||
if(area === true){
|
||||
if(window.innerWidth > 900){
|
||||
area = '900px'
|
||||
}else{
|
||||
area = ['100%','100%']
|
||||
}
|
||||
}
|
||||
|
||||
var content = $('.showImgEdit')
|
||||
,image = $(".showImgEdit .readyimg img")
|
||||
,preview = '.showImgEdit .img-preview'
|
||||
|
||||
Reference in New Issue
Block a user