升级Layui版本到2.6.4,后台UI调整
需要更新 static 和 admin
邹景立
@ -20,10 +20,10 @@
|
|||||||
<body class="layui-layout-body">
|
<body class="layui-layout-body">
|
||||||
{block name='body'}
|
{block name='body'}
|
||||||
<div class="layui-layout layui-layout-admin layui-layout-left-hide">
|
<div class="layui-layout layui-layout-admin layui-layout-left-hide">
|
||||||
<div class="layui-body" style="top:0">{block name='content'}{/block}</div>
|
<div class="layui-body think-bg-white" style="top:0">{block name='content'}{/block}</div>
|
||||||
</div>
|
</div>
|
||||||
{/block}
|
{/block}
|
||||||
<script src="__ROOT__/static/plugs/layui/layui.all.js"></script>
|
<script src="__ROOT__/static/plugs/layui/layui.js"></script>
|
||||||
<script src="__ROOT__/static/plugs/require/require.js"></script>
|
<script src="__ROOT__/static/plugs/require/require.js"></script>
|
||||||
<script src="__ROOT__/static/admin.js"></script>
|
<script src="__ROOT__/static/admin.js"></script>
|
||||||
{block name='script'}{/block}
|
{block name='script'}{/block}
|
||||||
|
|||||||
@ -102,7 +102,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 左则菜单 结束 -->
|
<!-- 左则菜单 结束 -->
|
||||||
<!-- 主体内容 开始 -->
|
<!-- 主体内容 开始 -->
|
||||||
<div class="layui-body layui-bg-gray">{block name='content'}{/block}</div>
|
<div class="layui-body">{block name='content'}{/block}</div>
|
||||||
<!-- 主体内容 结束 -->
|
<!-- 主体内容 结束 -->
|
||||||
</div>
|
</div>
|
||||||
<!-- 页面加载动画 -->
|
<!-- 页面加载动画 -->
|
||||||
@ -110,7 +110,7 @@
|
|||||||
<div class="loader"></div>
|
<div class="loader"></div>
|
||||||
</div>
|
</div>
|
||||||
{/block}
|
{/block}
|
||||||
<script src="__ROOT__/static/plugs/layui/layui.all.js"></script>
|
<script src="__ROOT__/static/plugs/layui/layui.js"></script>
|
||||||
<script src="__ROOT__/static/plugs/require/require.js"></script>
|
<script src="__ROOT__/static/plugs/require/require.js"></script>
|
||||||
<script src="__ROOT__/static/admin.js"></script>
|
<script src="__ROOT__/static/admin.js"></script>
|
||||||
{block name='script'}{/block}
|
{block name='script'}{/block}
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<div class="layui-card layui-bg-gray">
|
<div class="layui-card">
|
||||||
{block name='style'}{/block}
|
{block name='style'}{/block}
|
||||||
{notempty name='title'}
|
{notempty name='title'}
|
||||||
<div class="layui-card-header notselect">
|
<div class="layui-card-header notselect">
|
||||||
|
|||||||
@ -10,7 +10,7 @@
|
|||||||
<span class="color-green font-w7">登录账号</span>
|
<span class="color-green font-w7">登录账号</span>
|
||||||
<span class="color-desc margin-left-5">User Name</span>
|
<span class="color-desc margin-left-5">User Name</span>
|
||||||
{if isset($vo) and isset($vo.username)}
|
{if isset($vo) and isset($vo.username)}
|
||||||
<input disabled value='{$vo.username|default=""}' class="layui-input layui-bg-gray">
|
<input disabled value='{$vo.username|default=""}' class="layui-input layui-disabled">
|
||||||
{else}
|
{else}
|
||||||
<input name="username" value='{$vo.username|default=""}' required pattern="^.{4,}$" placeholder="请输入登录账号" class="layui-input">
|
<input name="username" value='{$vo.username|default=""}' required pattern="^.{4,}$" placeholder="请输入登录账号" class="layui-input">
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
@ -5,7 +5,7 @@
|
|||||||
<span class="color-green font-w7">登录用户账号</span>
|
<span class="color-green font-w7">登录用户账号</span>
|
||||||
<span class="color-desc margin-left-5">Username</span>
|
<span class="color-desc margin-left-5">Username</span>
|
||||||
<!--{if isset($vo) and isset($vo.username)}-->
|
<!--{if isset($vo) and isset($vo.username)}-->
|
||||||
<input disabled value='{$vo.username|default=""}' class="layui-input layui-bg-gray">
|
<input disabled value='{$vo.username|default=""}' class="layui-input layui-disabled">
|
||||||
<!--{else}-->
|
<!--{else}-->
|
||||||
<input name="username" value='{$vo.username|default=""}' required pattern="^.{4,}$" placeholder="请输入4位及以上字符登录用户账号" class="layui-input">
|
<input name="username" value='{$vo.username|default=""}' required pattern="^.{4,}$" placeholder="请输入4位及以上字符登录用户账号" class="layui-input">
|
||||||
<!--{/if}-->
|
<!--{/if}-->
|
||||||
|
|||||||
@ -196,12 +196,12 @@
|
|||||||
</label>
|
</label>
|
||||||
<div class="pull-right">
|
<div class="pull-right">
|
||||||
<a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-click="addSpecVal(x.list)">增加</a>
|
<a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-click="addSpecVal(x.list)">增加</a>
|
||||||
<a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-class="{false:'layui-bg-gray'}[$index>0]" ng-click="upSpecRow(specs,$index)">上移</a>
|
<a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-class="{false:'layui-btn-disabled'}[$index>0]" ng-click="upSpecRow(specs,$index)">上移</a>
|
||||||
<a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-class="{false:'layui-bg-gray'}[$index<specs.length-1]" ng-click="dnSpecRow(specs,$index)">下移</a>
|
<a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-class="{false:'layui-btn-disabled'}[$index<specs.length-1]" ng-click="dnSpecRow(specs,$index)">下移</a>
|
||||||
<a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-click="delSpecRow(specs,$index)" ng-if="specs.length>1">删除</a>
|
<a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-click="delSpecRow(specs,$index)" ng-if="specs.length>1">删除</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="goods-spec-box padding-10 margin-0 layui-bg-gray block relative" ng-if="x.list && x.list.length > 0">
|
<div class="goods-spec-box padding-10 margin-0 block relative" ng-if="x.list && x.list.length > 0">
|
||||||
<label class="label-required-null inline-block margin-right-10 margin-bottom-5 relative nowrap" ng-repeat="xx in x.list">
|
<label class="label-required-null inline-block margin-right-10 margin-bottom-5 relative nowrap" ng-repeat="xx in x.list">
|
||||||
<input lay-ignore ng-click="xx.check=checkListChecked(x.list,$event.target.checked)" ng-model="xx.check" type="checkbox">
|
<input lay-ignore ng-click="xx.check=checkListChecked(x.list,$event.target.checked)" ng-model="xx.check" type="checkbox">
|
||||||
<input ng-blur="xx.name=trimSpace(xx.name)" ng-keyup="xx.name=$event.target.value" ng-model="xx.name" placeholder="请输入规格" required type="text">
|
<input ng-blur="xx.name=trimSpace(xx.name)" ng-keyup="xx.name=$event.target.value" ng-model="xx.name" placeholder="请输入规格" required type="text">
|
||||||
@ -217,13 +217,13 @@
|
|||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="nowrap" ng-repeat="x in navas track by $index"><b ng-bind="x"></b></th>
|
<th class="nowrap" ng-repeat="x in navas track by $index"><b ng-bind="x"></b></th>
|
||||||
<th class="text-center nowrap pointer" data-tips-text="批量设置商品SKU" ng-click="batchSet('sku',null)" width="12%"><b>商品SKU</b> <i class="layui-icon"></i></th>
|
<th class="text-center nowrap pointer" data-tips-text="批量设置商品SKU" ng-click="batchSet('sku',null,'请输入商品SKU代码')" width="12%"><b>商品SKU</b> <i class="layui-icon"></i></th>
|
||||||
<th class="text-center nowrap pointer" data-tips-text="批量设置市场价格" ng-click="batchSet('market',2)" width="10%"><b>市场价格</b> <i class="layui-icon"></i></th>
|
<th class="text-center nowrap pointer" data-tips-text="批量设置市场价格" ng-click="batchSet('market',2,'请输入商品市场价格')" width="10%"><b>市场价格</b> <i class="layui-icon"></i></th>
|
||||||
<th class="text-center nowrap pointer" data-tips-text="批量设置销售价格" ng-click="batchSet('selling',2)" width="10%"><b>销售价格</b> <i class="layui-icon"></i></th>
|
<th class="text-center nowrap pointer" data-tips-text="批量设置销售价格" ng-click="batchSet('selling',2,'请输入商品市销售价格')" width="10%"><b>销售价格</b> <i class="layui-icon"></i></th>
|
||||||
<th class="text-center nowrap pointer" data-tips-text="批量设置奖励余额" ng-click="batchSet('balance',2)" width="10%"><b>奖励余额</b> <i class="layui-icon"></i></th>
|
<th class="text-center nowrap pointer" data-tips-text="批量设置奖励余额" ng-click="batchSet('balance',2,'请输入赠送账户余额')" width="10%"><b>奖励余额</b> <i class="layui-icon"></i></th>
|
||||||
<th class="text-center nowrap pointer layui-hide" data-tips-text="批量设置奖励积分" ng-click="batchSet('integral',0)" width="10%"><b>奖励积分</b> <i class="layui-icon"></i></th>
|
<th class="text-center nowrap pointer layui-hide" data-tips-text="批量设置奖励积分" ng-click="batchSet('integral',0,'请输入赠送用户积分')" width="10%"><b>奖励积分</b> <i class="layui-icon"></i></th>
|
||||||
<th class="text-center nowrap pointer" data-tips-text="批量设置虚拟销量" ng-click="batchSet('virtual',0)" width="10%"><b>虚拟销量</b> <i class="layui-icon"></i></th>
|
<th class="text-center nowrap pointer" data-tips-text="批量设置虚拟销量" ng-click="batchSet('virtual',0,'请输入虚拟销量数值')" width="10%"><b>虚拟销量</b> <i class="layui-icon"></i></th>
|
||||||
<th class="text-center nowrap pointer" data-tips-text="批量设置快递计件" ng-click="batchSet('express',0)" width="10%"><b>快递计件</b> <i class="layui-icon"></i></th>
|
<th class="text-center nowrap pointer" data-tips-text="批量设置快递计件" ng-click="batchSet('express',0,'请输入快递计费基数')" width="10%"><b>快递计件</b> <i class="layui-icon"></i></th>
|
||||||
<th class="text-center nowrap pointer" width="08%"><b>销售状态</b></th>
|
<th class="text-center nowrap pointer" width="08%"><b>销售状态</b></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
@ -344,10 +344,10 @@
|
|||||||
$rootScope.cache = angular.fromJson(angular.element('#GoodsItems').val() || '[]') || {};
|
$rootScope.cache = angular.fromJson(angular.element('#GoodsItems').val() || '[]') || {};
|
||||||
$rootScope.specs = angular.fromJson(angular.element('#GoodsSpecs').val() || '[{"name":"默认分组","list":[{"name":"默认规格","check":true}]}]');
|
$rootScope.specs = angular.fromJson(angular.element('#GoodsSpecs').val() || '[{"name":"默认分组","list":[{"name":"默认规格","check":true}]}]');
|
||||||
/*! 批量设置数值 */
|
/*! 批量设置数值 */
|
||||||
$rootScope.batchSet = function (name, fixed) {
|
$rootScope.batchSet = function (name, fixed, title) {
|
||||||
layer.prompt({
|
layer.prompt({
|
||||||
title: '请输入数量【 取值范围：1 - 999999 】',
|
title: title || (fixed === null ? '请输入内容' : '请输入数量【 取值范围：1 - 999999 】'),
|
||||||
formType: 0, value: (1).toFixed(fixed), success: function ($fn) {
|
formType: 0, value: fixed === null ? '' : (1).toFixed(fixed), success: function ($fn) {
|
||||||
var min = (1).toFixed(fixed), max = (999999).toFixed(fixed);
|
var min = (1).toFixed(fixed), max = (999999).toFixed(fixed);
|
||||||
$fn.find('.layui-layer-input').attr({'data-value-min': min, 'data-value-max': max, 'data-blur-number': fixed});
|
$fn.find('.layui-layer-input').attr({'data-value-min': min, 'data-value-max': max, 'data-blur-number': fixed});
|
||||||
}
|
}
|
||||||
|
|||||||
@ -17,6 +17,7 @@
|
|||||||
.goods-spec-box {
|
.goods-spec-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 10px 10px 0;
|
margin: 0 10px 10px 0;
|
||||||
|
background: #EEEEEE;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td class='nowrap'>
|
<td class='nowrap'>
|
||||||
{eq name='vo.status' value='0'}<span class="layui-badge layui-badge-middle layui-bg-gray" data-tips-text="{$vo.cancel_remark}">已取消</span>{/eq}
|
{eq name='vo.status' value='0'}<span class="layui-badge layui-badge-middle layui-bg-gray layui-border-cyan" data-tips-text="{$vo.cancel_remark}">已取消</span>{/eq}
|
||||||
{eq name='vo.status' value='1'}<span class="layui-badge layui-badge-middle layui-bg-red">预订单</span>{/eq}
|
{eq name='vo.status' value='1'}<span class="layui-badge layui-badge-middle layui-bg-red">预订单</span>{/eq}
|
||||||
{eq name='vo.status' value='2'}<span class="layui-badge layui-badge-middle layui-bg-red">待付款</span>{/eq}
|
{eq name='vo.status' value='2'}<span class="layui-badge layui-badge-middle layui-bg-red">待付款</span>{/eq}
|
||||||
{eq name='vo.status' value='3'}<span class="layui-badge layui-badge-middle layui-bg-orange">待审核</span>{/eq}
|
{eq name='vo.status' value='3'}<span class="layui-badge layui-badge-middle layui-bg-orange">待审核</span>{/eq}
|
||||||
|
|||||||
@ -21,7 +21,7 @@
|
|||||||
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
||||||
<select class="layui-select" name="upgrade">
|
<select class="layui-select" name="upgrade">
|
||||||
<option value="">-- 全部 --</option>
|
<option value="">-- 全部 --</option>
|
||||||
{foreach $upgrades as $upgrade}{if input('upgrade') eq $upgrade.number}
|
{foreach $upgrades as $upgrade}{if input('upgrade') eq $upgrade.number.''}
|
||||||
<option selected value="{$upgrade.number|default=0}">[ {$upgrade.number|default='0'} ] {$upgrade.name|default=''}</option>
|
<option selected value="{$upgrade.number|default=0}">[ {$upgrade.number|default='0'} ] {$upgrade.name|default=''}</option>
|
||||||
{else}
|
{else}
|
||||||
<option value="{$upgrade.number|default=0}">[ {$upgrade.number|default='0'} ] {$upgrade.name|default=''}</option>
|
<option value="{$upgrade.number|default=0}">[ {$upgrade.number|default='0'} ] {$upgrade.name|default=''}</option>
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{block name="content"}
|
{block name="content"}
|
||||||
<div class="layui-badge layui-bg-cyan text-left notselect block shadow margin-0 padding-10 padding-left-20 border-radius-5 font-s15">
|
<div class="layui-badge layui-bg-gray text-left notselect block shadow margin-0 padding-10 padding-left-20 border-radius-5 font-s15">
|
||||||
<!-- 0 $total, 1 $count, 2 $audit, 3 $locks -->
|
<!-- 0 $total, 1 $count, 2 $audit, 3 $locks -->
|
||||||
提现统计：已产生提现累计 <b>{$transfer.0|default=0.00}</b> 元（ 含待转账 <b>{$transfer.3|default='0.00'}</b> 元，含待审核 <b>{$transfer.2|default='0.00'}</b> 元 ），累计已提现 <b>{$transfer.1|default=0.00}</b> 元。
|
提现统计：已产生提现累计 <b>{$transfer.0|default=0.00}</b> 元（ 含待转账 <b>{$transfer.3|default='0.00'}</b> 元，含待审核 <b>{$transfer.2|default='0.00'}</b> 元 ），累计已提现 <b>{$transfer.1|default=0.00}</b> 元。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,2 +1 @@
|
|||||||
/** layui-v2.5.7 MIT License */
|
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}
|
||||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}
|
|
||||||
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 777 B |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
5
public/static/plugs/layui/layui.js
Normal file
@ -1,4 +1,12 @@
|
|||||||
@borderRadius: 5px;
|
@boxBorderRadius: 5px;
|
||||||
@borderColor: #DCDCDC;
|
@boxBorderColor: #EEE;
|
||||||
@minShadow: 0 2px 3px 0 rgba(0, 0, 0, .11);
|
|
||||||
@maxShadow: 0 2px 3px 0 rgba(0, 0, 0, .22);
|
@radioBorderColor: #CCC;
|
||||||
|
|
||||||
|
@inputBorderColor: #E9E9E9;
|
||||||
|
@inputBorderActiveColor: #DDD;
|
||||||
|
|
||||||
|
@minOuterShadow: 0 2px 3px 0 rgba(0, 0, 0, .11);
|
||||||
|
@maxOuterShadow: 0 2px 3px 0 rgba(0, 0, 0, .22);
|
||||||
|
@minInsetShadow: 0 2px 5px 0 rgba(0, 0, 0, .11) inset;
|
||||||
|
@maxInsetShadow: 0 2px 20px 0 rgba(0, 0, 0, .11) inset;
|
||||||
|
|||||||
@ -6,9 +6,9 @@
|
|||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
letter-spacing: 6px;
|
letter-spacing: 6px;
|
||||||
border: 1px solid @borderColor;
|
border: 1px solid @boxBorderColor;
|
||||||
background-color: #f2f2f2;
|
background-color: #f2f2f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -51,11 +51,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.shadow {
|
.shadow {
|
||||||
box-shadow: @maxShadow;
|
box-shadow: @maxOuterShadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow-mini {
|
.shadow-mini {
|
||||||
box-shadow: @minShadow;
|
box-shadow: @minOuterShadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow-none {
|
.shadow-none {
|
||||||
@ -80,8 +80,8 @@
|
|||||||
.think-box-shadow {
|
.think-box-shadow {
|
||||||
padding: 20px !important;
|
padding: 20px !important;
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
box-shadow: @maxShadow;
|
box-shadow: @maxOuterShadow;
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
|
|
||||||
> form.layui-card {
|
> form.layui-card {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@ -360,7 +360,7 @@
|
|||||||
padding: 15px 25px;
|
padding: 15px 25px;
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 3em;
|
line-height: 3em;
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
|
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
|
||||||
|
|
||||||
> div:nth-child(2) {
|
> div:nth-child(2) {
|
||||||
@ -400,7 +400,7 @@
|
|||||||
color: #333;
|
color: #333;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
border: 1px solid @borderColor;
|
border: 1px solid @boxBorderColor;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -454,11 +454,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-line {
|
&-line {
|
||||||
border: 1px solid @borderColor;
|
border: 1px solid @boxBorderColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-bottom-line {
|
&-bottom-line {
|
||||||
border-bottom: 1px solid @borderColor;
|
border-bottom: 1px solid @boxBorderColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-top-0 {
|
&-top-0 {
|
||||||
|
|||||||
@ -2,10 +2,10 @@
|
|||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px 0;
|
||||||
border: 1px solid @borderColor;
|
border: 1px solid @boxBorderColor;
|
||||||
padding: 10px 20px 5px 20px;
|
padding: 10px 20px 5px 20px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
|
|
||||||
legend {
|
legend {
|
||||||
color: #666;
|
color: #666;
|
||||||
@ -15,22 +15,22 @@ fieldset {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.layui-tab, .layui-card {
|
.layui-tab, .layui-card {
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-tab {
|
.layui-tab {
|
||||||
.layui-tab-title {
|
.layui-tab-title {
|
||||||
border-top-left-radius: @borderRadius;
|
border-top-left-radius: @boxBorderRadius;
|
||||||
border-top-right-radius: @borderRadius;
|
border-top-right-radius: @boxBorderRadius;
|
||||||
|
|
||||||
> li:first-child {
|
> li:first-child {
|
||||||
border-top-left-radius: @borderRadius;
|
border-top-left-radius: @boxBorderRadius;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-tab-content {
|
.layui-tab-content {
|
||||||
border-bottom-left-radius: @borderRadius;
|
border-bottom-left-radius: @boxBorderRadius;
|
||||||
border-bottom-right-radius: @borderRadius;
|
border-bottom-right-radius: @boxBorderRadius;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .layui-tab-content {
|
> .layui-tab-content {
|
||||||
@ -50,12 +50,16 @@ fieldset {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.layui-code {
|
.layui-code {
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-btn {
|
.layui-btn {
|
||||||
border: 1px solid #009688;
|
border: 1px solid #009688;
|
||||||
|
|
||||||
|
&:hover:not(.layui-btn-disabled) {
|
||||||
|
box-shadow: @maxInsetShadow;
|
||||||
|
}
|
||||||
|
|
||||||
&-warm {
|
&-warm {
|
||||||
border: 1px solid #FFB800;
|
border: 1px solid #FFB800;
|
||||||
}
|
}
|
||||||
@ -69,7 +73,11 @@ fieldset {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-disabled {
|
&-disabled {
|
||||||
border: 1px solid @borderColor;
|
border: 1px solid @boxBorderColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-primary {
|
||||||
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-group {
|
&-group {
|
||||||
@ -138,7 +146,8 @@ fieldset {
|
|||||||
width: auto !important;
|
width: auto !important;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
line-height: 32px
|
line-height: 32px;
|
||||||
|
border-color: @inputBorderColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-input-inline {
|
.layui-input-inline {
|
||||||
@ -150,13 +159,15 @@ fieldset {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
line-height: 32px
|
line-height: 32px;
|
||||||
|
border-color: @inputBorderColor;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-form-select dl {
|
.layui-form-select dl {
|
||||||
top: 31px;
|
top: 31px;
|
||||||
padding: 0
|
padding: 0;
|
||||||
|
border-color: @inputBorderActiveColor;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -191,7 +202,12 @@ fieldset {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.layui-input, .layui-select {
|
.layui-input, .layui-select {
|
||||||
line-height: 38px
|
line-height: 38px;
|
||||||
|
border-color: @inputBorderColor;
|
||||||
|
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
border-color: @inputBorderActiveColor;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-disabled, .layui-disabled:hover {
|
.layui-disabled, .layui-disabled:hover {
|
||||||
@ -220,7 +236,7 @@ label.think-radio, label.think-checkbox {
|
|||||||
width: 18px;
|
width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 1px solid @borderColor;
|
border: 1px solid @radioBorderColor;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
@ -292,14 +308,14 @@ label.think-radio, label.think-checkbox {
|
|||||||
div.headimg {
|
div.headimg {
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
border: 1px solid @borderColor;
|
border: 1px solid @boxBorderColor;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
box-shadow: @minShadow;
|
box-shadow: @minOuterShadow;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
@ -349,7 +365,7 @@ label.think-radio, label.think-checkbox {
|
|||||||
color: #666;
|
color: #666;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
font-size: 9pt;
|
font-size: 9pt;
|
||||||
border: 1px solid @borderColor;
|
border: 1px solid @inputBorderColor;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 18px
|
line-height: 18px
|
||||||
}
|
}
|
||||||
|
|||||||
@ -11,6 +11,7 @@
|
|||||||
top: 50px;
|
top: 50px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
background: #eee;
|
||||||
|
|
||||||
> .layui-card {
|
> .layui-card {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
@ -29,7 +30,7 @@
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
box-shadow: @maxShadow;
|
box-shadow: @maxOuterShadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .layui-card-header + .layui-card-body {
|
> .layui-card-header + .layui-card-body {
|
||||||
@ -42,7 +43,7 @@
|
|||||||
|
|
||||||
> .layui-tab.layui-tab-card {
|
> .layui-tab.layui-tab-card {
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: @maxShadow;
|
box-shadow: @maxOuterShadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .layui-tab.layui-tab-card > .layui-tab-content.think-box-shadow {
|
> .layui-tab.layui-tab-card > .layui-tab-content.think-box-shadow {
|
||||||
@ -272,8 +273,8 @@
|
|||||||
height: 580px;
|
height: 580px;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
||||||
box-shadow: @minShadow;
|
box-shadow: @minOuterShadow;
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
|
|
||||||
.mobile-header {
|
.mobile-header {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -301,7 +302,7 @@
|
|||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
border-radius: 0 0 @borderRadius @borderRadius;
|
border-radius: 0 0 @boxBorderRadius @boxBorderRadius;
|
||||||
|
|
||||||
iframe {
|
iframe {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -319,7 +320,7 @@
|
|||||||
padding-left: 43px;
|
padding-left: 43px;
|
||||||
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
|
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
border-radius: 0 0 @borderRadius @borderRadius;
|
border-radius: 0 0 @boxBorderRadius @boxBorderRadius;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
float: left;
|
float: left;
|
||||||
|
|||||||
@ -105,7 +105,7 @@ body {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -124,7 +124,7 @@ body {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
text-indent: 35px;
|
text-indent: 35px;
|
||||||
border-radius: @borderRadius;
|
border-radius: @boxBorderRadius;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
background: rgba(0, 0, 0, .12);
|
background: rgba(0, 0, 0, .12);
|
||||||
text-shadow: #000 .1em .1em .1em;
|
text-shadow: #000 .1em .1em .1em;
|
||||||
@ -152,7 +152,7 @@ body {
|
|||||||
height: 45px !important;
|
height: 45px !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
border-radius: @borderRadius !important;
|
border-radius: @boxBorderRadius !important;
|
||||||
letter-spacing: 1px !important;
|
letter-spacing: 1px !important;
|
||||||
box-shadow: 0 15px 30px 0 hsla(0, 0%, 100%, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2);
|
box-shadow: 0 15px 30px 0 hsla(0, 0%, 100%, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2);
|
||||||
}
|
}
|
||||||
|
|||||||