代码样式调整

This commit is contained in:
Anyon 2020-09-20 14:19:25 +08:00
parent 84a8c3ab2e
commit d2eec3d1cc
9 changed files with 128 additions and 43 deletions

View File

@ -16,7 +16,6 @@
{/block} {/block}
{block name="content"} {block name="content"}
<div class="think-box-shadow table-block"> <div class="think-box-shadow table-block">
<div class="layui-row layui-col-space20 portal-block-container notselect"> <div class="layui-row layui-col-space20 portal-block-container notselect">
<div class="layui-col-sm6 layui-col-md6 layui-col-lg3"> <div class="layui-col-sm6 layui-col-md6 layui-col-lg3">

View File

@ -2,8 +2,8 @@
{block name="content"} {block name="content"}
<div class="think-box-shadow layui-form"> <div class="think-box-shadow layui-form" style="min-width:875px">
<div class="layui-input-block"> <div class="layui-input-block nowrap">
{foreach ['api'=>'微信公众平台直接模式','thr'=>'微信开放平台授权模式','test'=>'微信接口功能测试'] as $k=>$v} {foreach ['api'=>'微信公众平台直接模式','thr'=>'微信开放平台授权模式','test'=>'微信接口功能测试'] as $k=>$v}
<input type="radio" data-wechat-type="{$k}" name="wechat.type" value="{$k}" title="{$v}" lay-filter="wechat_type"> <input type="radio" data-wechat-type="{$k}" name="wechat.type" value="{$k}" title="{$v}" lay-filter="wechat_type">
{/foreach} {/foreach}
@ -11,7 +11,7 @@
</div> </div>
</div> </div>
<div class="think-box-shadow margin-top-15"> <div class="think-box-shadow margin-top-15" style="min-width:875px">
<div class="padding-top-20" style="width:850px"> <div class="padding-top-20" style="width:850px">
<div class="layui-anim layui-anim-fadein" data-type="api">{include file='config/options_api'}</div> <div class="layui-anim layui-anim-fadein" data-type="api">{include file='config/options_api'}</div>
<div class="layui-anim layui-anim-fadein" data-type="thr">{include file='config/options_thr'}</div> <div class="layui-anim layui-anim-fadein" data-type="thr">{include file='config/options_thr'}</div>

View File

@ -1,7 +1,7 @@
{extend name="../../admin/view/main"} {extend name="../../admin/view/main"}
{block name="content"} {block name="content"}
<div class="think-box-shadow"> <div class="think-box-shadow" style="min-width:875px">
<div class="layui-anim layui-anim-fadein padding-top-20" style="width:850px"> <div class="layui-anim layui-anim-fadein padding-top-20" style="width:850px">
<form onsubmit="return false;" data-auto="true" method="post" class='layui-form layui-card noshadow' autocomplete="off" lay-filter="payment"> <form onsubmit="return false;" data-auto="true" method="post" class='layui-form layui-card noshadow' autocomplete="off" lay-filter="payment">

View File

@ -13,7 +13,7 @@
{/block} {/block}
{block name='content'} {block name='content'}
<div class="think-box-shadow"> <div class="think-box-shadow table-block">
{include file='keys/index_search'} {include file='keys/index_search'}
<table class="layui-table margin-top-10" lay-skin="line"> <table class="layui-table margin-top-10" lay-skin="line">
{notempty name='list'} {notempty name='list'}

View File

@ -8,7 +8,7 @@ website: http://code.google.com/p/jquerytree/
-------------------------------------*/ -------------------------------------*/
.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif} .ztree * {padding:0; margin:0; font-size:12px}
.ztree {margin:0; padding:5px; color:#333} .ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0} .ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{ margin:0; padding:0 0 0 18px} .ztree li ul{ margin:0; padding:0 0 0 18px}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -8,6 +8,7 @@
letter-spacing: 6px; letter-spacing: 6px;
border: 1px solid #DDD; border: 1px solid #DDD;
background-color: #f2f2f2; background-color: #f2f2f2;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
} }
.notselect { .notselect {
@ -44,6 +45,10 @@
white-space: nowrap !important white-space: nowrap !important
} }
.shadow {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.noshadow { .noshadow {
box-shadow: none !important; box-shadow: none !important;
} }
@ -894,13 +899,13 @@
} }
} }
[data-tips-image] { [data-tips-image] {
cursor: zoom-in !important cursor: zoom-in !important
} }
.portal-block-container { .portal-block-container {
font-size: 14px; font-size: 14px;
margin-bottom: 10px;
letter-spacing: 1px; letter-spacing: 1px;
.portal-block-icon { .portal-block-icon {

View File

@ -4,7 +4,7 @@ fieldset {
padding: 10px 20px 5px 20px; padding: 10px 20px 5px 20px;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
legend { legend {
color: #333; color: #333;
@ -13,9 +13,8 @@ fieldset {
} }
} }
.layui-table { .layui-code {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); border-radius: 5px;
border-color: #DDD;
} }
.layui-tab, .layui-card { .layui-tab, .layui-card {
@ -24,7 +23,7 @@ fieldset {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
.layui-card-header { .layui-card-header {
padding: 0 20px; border-color: #DDD;
} }
.layui-card-body { .layui-card-body {
@ -78,7 +77,7 @@ fieldset {
.layui-badge { .layui-badge {
margin-right: 5px; margin-right: 5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
&-middle { &-middle {
width: 1em; width: 1em;
@ -163,7 +162,7 @@ fieldset {
padding: 20px !important; padding: 20px !important;
background: #fff !important; background: #fff !important;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
} }
/** checkbox & radio */ /** checkbox & radio */
@ -276,9 +275,114 @@ label.think-checkbox, label.think-radio {
} }
.layui-table { .layui-table {
overflow: hidden;
border-width: 0;
border-color: #ddd;
border-radius: 5px;
border-collapse: separate;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
td, th { &[lay-skin='nob'] {
font-size: 12px tr {
td, th {
border-width: 0;
}
}
}
&[lay-skin='line'] {
border-color: #ddd;
border-width: 0 0 1px 0;
tr {
td:first-child, th:first-child {
border-left-width: 1px;
}
}
tr:last-child {
td, td {
border-bottom-width: 0;
}
}
}
tr {
td, th {
font-size: 12px;
border-color: #ddd;
border-width: 0 0 1px 1px;
.text-explode {
color: #ccc !important;
margin: 0 4px !important;
&:first-child {
opacity: 0;
display: none;
}
}
.background-image {
float: left;
width: 40px;
height: 40px;
margin-right: 5px;
display: inline-block;
background: no-repeat center center;
background-size: cover;
vertical-align: middle
}
}
td:last-child, th:last-child {
border-right-width: 1px;
}
}
tr:first-child {
th, td {
border-top-width: 1px;
&:last-child {
border-top-right-radius: 5px;
}
&:first-child {
border-top-left-radius: 5px;
}
}
}
tr:last-child {
th, td {
border-bottom-width: 1px;
}
td {
&:last-child {
border-bottom-right-radius: 5px;
}
&:first-child {
border-bottom-left-radius: 5px;
}
}
}
thead + tbody tr:first-child {
th, td {
border-top-width: 0;
&:last-child {
border-top-right-radius: 0;
}
&:first-child {
border-top-left-radius: 0;
}
}
} }
.list-table-image { .list-table-image {
@ -301,9 +405,9 @@ label.think-checkbox, label.think-radio {
width: 50px; width: 50px;
color: #666; color: #666;
padding: 2px; padding: 2px;
font-size: 9pt;
border: 1px solid #DDD; border: 1px solid #DDD;
text-align: center; text-align: center;
font-size: 9pt;
line-height: 18px line-height: 18px
} }
} }
@ -319,27 +423,4 @@ label.think-checkbox, label.think-radio {
vertical-align: middle vertical-align: middle
} }
} }
td {
.text-explode {
color: #ccc !important;
margin: 0 4px !important;
&:first-child {
display: none;
opacity: 0
}
}
.background-image {
float: left;
width: 40px;
height: 40px;
display: inline-block;
margin-right: 5px;
background: no-repeat center center;
background-size: cover;
vertical-align: middle
}
}
} }