修改代码样式

This commit is contained in:
Anyon 2020-09-19 13:33:25 +08:00
parent febc23f386
commit 6d67d52b9a
12 changed files with 66 additions and 38 deletions

View File

@ -5,9 +5,9 @@
<ul class="layui-tab-title notselect">
{foreach ['ta'=>'全部订单','t2'=>'待支付的订单','t3'=>'待发货的订单','t4'=>'待收货的订单','t5'=>'已完成的订单','t0'=>'已取消的订单'] as $k=>$v}
{if isset($type) and 't'.$type eq $k}
<li data-open="{:url('index')}?type={$k}" class="layui-this">{$v} <sup class="layui-badge absolute border-radius">{$total[$k]??0}</sup></li>
<li data-open="{:url('index')}?type={$k}" class="layui-this">{$v}<sup class="layui-badge border-radius">{$total[$k]??0}</sup></li>
{else}
<li data-open="{:url('index')}?type={$k}">{$v} <sup class="layui-badge absolute border-radius">{$total[$k]??0}</sup></li>
<li data-open="{:url('index')}?type={$k}">{$v}<sup class="layui-badge border-radius">{$total[$k]??0}</sup></li>
{/if}{/foreach}
</ul>
<div class="layui-tab-content think-box-shadow table-block">
@ -49,14 +49,13 @@
</div>
</td>
<td class='nowrap'>
<div class="inline-block margin-right-5 think-badge-middle notselect padding-left-5">
{eq name='vo.status' value='0'}<span class="layui-badge layui-bg-gray" data-tips-text="{$vo.cancel_remark}">已取消</span>{/eq}
{eq name='vo.status' value='1'}<span class="layui-badge layui-bg-red">预订单</span>{/eq}
{eq name='vo.status' value='2'}<span class="layui-badge layui-bg-orange">待付款</span>{/eq}
{eq name='vo.status' value='3'}<span class="layui-badge layui-bg-black">待发货</span>{/eq}
{eq name='vo.status' value='4'}<span class="layui-badge layui-bg-green">已发货</span>{/eq}
{eq name='vo.status' value='5'}<span class="layui-badge layui-bg-blue">已完成</span>{/eq}
</div>
{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='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-orange">待付款</span>{/eq}
{eq name='vo.status' value='3'}<span class="layui-badge layui-badge-middle layui-bg-black">待发货</span>{/eq}
{eq name='vo.status' value='4'}<span class="layui-badge layui-badge-middle layui-bg-green">已发货</span>{/eq}
{eq name='vo.status' value='5'}<span class="layui-badge layui-badge-middle layui-bg-blue">已完成</span>{/eq}
<div class="inline-block text-middle">
订单单号:<span class="color-blue">{$vo.order_no|default=''}</span><br>
订单金额:<b class="color-blue">{$vo.amount_total+0}</b><span class="color-blue">{if $vo.amount_express>0}(含{$vo.amount_express+0}元){else}(包邮){/if}</span>已支付 <strong class="color-blue">{$vo.payment_amount+0}</strong><br>
@ -101,14 +100,4 @@
</div>
</div>
<style>
.think-badge-middle .layui-badge {
width: 1em;
height: 68px;
padding-top: 5px;
line-height: 21px;
white-space: normal;
vertical-align: middle;
}
</style>
{/block}

View File

@ -5,9 +5,9 @@
<ul class="layui-tab-title notselect">
{foreach ['ta'=>'全部订单','t1'=>'待发货的订单','t2'=>'已发货的订单','t0'=>'已取消的订单'] as $k => $v}
{if isset($type) and 't'.$type eq $k}
<li data-open="{:url('index')}?type={$k}" class="layui-this">{$v} <sup class="layui-badge absolute border-radius">{$total[$k]??0}</sup></li>
<li data-open="{:url('index')}?type={$k}" class="layui-this">{$v}<sup class="layui-badge border-radius">{$total[$k]??0}</sup></li>
{else}
<li data-open="{:url('index')}?type={$k}">{$v} <sup class="layui-badge absolute border-radius">{$total[$k]??0}</sup></li>
<li data-open="{:url('index')}?type={$k}">{$v}<sup class="layui-badge border-radius">{$total[$k]??0}</sup></li>
{/if}{/foreach}
</ul>
<div class="layui-tab-content think-box-shadow table-block">

View File

@ -5,9 +5,9 @@
<ul class="layui-tab-title notselect">
{foreach ['all'=>'全部订单','2'=>'待支付的订单','3'=>'待发货的订单','4'=>'待收货的订单','5'=>'已完成的订单','0'=>'已取消的订单'] as $k=>$v}
{if isset($type) and $type eq $k}
<li data-open="{:url('index')}?type={$k}" class="layui-this">{$v} <sup class="layui-badge absolute border-radius">{$total[$k]??0}</sup></li>
<li data-open="{:url('index')}?type={$k}" class="layui-this">{$v}<sup class="layui-badge border-radius">{$total[$k]??0}</sup></li>
{else}
<li data-open="{:url('index')}?type={$k}">{$v} <sup class="layui-badge absolute border-radius">{$total[$k]??0}</sup></li>
<li data-open="{:url('index')}?type={$k}">{$v}<sup class="layui-badge border-radius">{$total[$k]??0}</sup></li>
{/if}{/foreach}
</ul>
<div class="layui-tab-content think-box-shadow">

View File

@ -16,11 +16,13 @@
padding: 0 !important;
position: relative;
border-radius: 5px;
background: none;
}
.container .content img {
max-width: 100%;
box-shadow: 0 0 3px #666
border-radius: 5px;
box-shadow: 0 0 3px #666;
}
</style>
{/block}

View File

@ -39,8 +39,10 @@
width: 90%;
display: block;
margin: 5vw auto;
overflow: hidden;
position: relative;
box-shadow: 0 0 3px #333
border-radius: 5px;
box-shadow: 0 0 3px #333;
}
.container a {

View File

@ -1,6 +1,6 @@
{extend name="../../admin/view/main"}
{block name="style"}{include file='news/form-style'}{/block}
{block name="style"}{include file='news/formstyle'}{/block}
{block name='content'}
<div id="NewsEditor" class="layui-clear nowrap padding-bottom-30">

View File

@ -18,6 +18,7 @@
max-width: 270px;
overflow: hidden;
position: relative;
border-radius: 5px;
border: 1px solid #ccc;
background-size: cover;
background-position: center center
@ -77,7 +78,8 @@
.news-right .upload-image-box {
width: 130px;
height: 90px;
border: 1px solid rgba(125, 125, 125, .1);
border-radius: 5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
background: url("__ROOT__/static/plugs/uploader/theme/image.png") no-repeat center center;
background-size: cover;
}

View File

@ -78,9 +78,12 @@
padding: 5px;
margin: 10px;
width: 300px;
overflow: hidden;
position: relative;
border-radius: 5px;
border: 1px solid #ccc;
box-sizing: content-box
box-sizing: content-box;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
#news-box .news-item .news-articel-item {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -4,10 +4,10 @@
font-size: 13px;
text-align: center;
line-height: 22px;
letter-spacing: 8px;
border-radius: 5px;
letter-spacing: 6px;
border: 1px solid #e6e6e6;
background-color: #f2f2f2;
border-radius: 0 2px 2px 0;
}
.notselect {
@ -741,7 +741,8 @@
line-height: 4em;
padding: 15px 25px;
position: relative;
border-radius: 10px;
border-radius: 5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
> div:nth-child(2) {
font-size: 46px;
@ -788,7 +789,7 @@
display: inline-block;
margin-left: -1px;
text-align: center;
line-height: 28px
line-height: 30px
}
> span {
@ -809,6 +810,7 @@
width: 317px;
height: 580px;
position: relative;
border-radius: 5px;
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
.mobile-header {
@ -836,6 +838,7 @@
bottom: 0;
position: absolute;
border: 1px solid #ccc;
border-radius: 0 0 5px 5px;
background: #f5f5f5;
iframe {

View File

@ -2,11 +2,23 @@ fieldset {
margin: 0;
border: 1px solid #e6e6e6;
padding: 10px 20px 5px 20px;
border-radius: 5px;
background: #fff;
legend {
color: #666;
color: #333;
padding: 0 10px;
font-size: 14px
font-size: 14px;
}
}
.layui-tab, .layui-card {
overflow: hidden;
border-radius: 5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
.layui-card-body {
padding: 15px
}
}
@ -34,6 +46,20 @@ fieldset {
border-color: #009688;
}
.layui-badge {
border: none;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.layui-badge-middle {
width: 1em;
height: auto;
padding: 5px;
margin-right: 5px;
white-space: normal;
vertical-align: middle;
}
/*! 搜索表单样式 */
.form-search {
.layui-btn {
@ -130,7 +156,8 @@ fieldset {
.think-box-shadow {
padding: 20px !important;
background: #fff !important;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
border-radius: 5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
}
/** checkbox & radio */