黑色简洁风格的电子商务后台系统源码下载



7 24 9



模板描述:黑色简洁风格 电子商务 后台系统,黑色简洁风格的电子商务后台管理源码下载html模板下载

代码结构

1. 引入CSS

<link href="../css/eys_stly.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script src="../js/jquery.js"></script>
<script src="../js/jquery.jqChart.min.js"></script>

3. HTML代码

<div class="index">
<div class="index_con_box">
<h5><a>所在位置:</a><a>首页</a></h5>
<p class="index_p_top"><ul class="top_ul"><li><img src="../image/index_top_bg.png"/><span class="img_span1">7天订单</span><span class="img_span2">10</span></li><li><img src="../image/index_top_bg.png"/><span class="img_span1">昨日交易额</span><span class="img_span2">10</span></li><li><img src="../image/index_top_bg.png"/><span class="img_span1">待审核</span><span class="img_span2">10</span></li><li><img src="../image/index_top_bg.png"/><span class="img_span1">待付款</span><span class="img_span2">10</span></li><li><img src="../image/index_top_bg.png"/><span class="img_span1">退货申请</span><span class="img_span2">10</span></li></ul></p></div>
<div class="index_con_box">
<div class="index_con_left">
<h3 class="h3_style">统计简报</h3>
<p class="left_p">
<table width="200" border="1" class="left_p_table">
  <tr class="left_tr1">
    <td>时间</td>
    <td>订货单</td>
    <td>订货金额</td>
    <td>退货单</td>
    <td>退货金额</td>
  </tr>
  <tr>
    <td>昨日</td>
    <td>10笔</td>
    <td>2000¥</td>
    <td>1</td>
    <td>20¥</td>
  </tr>
  <tr>
    <td>本月</td>
    <td>100笔</td>
    <td>20000¥</td>
    <td>10</td>
    <td>200¥</td>
  </tr>
  <tr>
    <td>本年</td>
    <td>1000笔</td>
    <td>20000¥</td>
    <td>100</td>
    <td>200¥</td>
  </tr>
</table>
</p>
</div>
<div class="index_con_right"><h3 class="h3_style">待处理订单</h3>
<p><table width="200" border="1" class="left_p_table">
  <tr>
    <td class="td_style"> 待订单审核</td>
    <td>2</td>
    <td class="td_style">待财务审核</td>
    <td>1</td>
  </tr>
  <tr>
    <td class="td_style">待出库</td>
    <td>1</td>
    <td class="td_style">待发货</td>
    <td>1</td>
  </tr>
  <tr>
    <td class="td_style">待确认收货</td>
    <td>1</td>
    <td class="td_style"> 待退货确认</td>
    <td>0</td>
  </tr>
  <tr><td></td>
  <td></td>
  <td></td>
  </tr>
</table>
</p>
</div>
<div class="index_left2">
<h3 class="h3_style">业务简报<span class="h3_span"><input name="" type="radio" value="" /><a>月</a><input name="" type="radio" value="" /><a>半年</a><input name="" type="radio" value="" /><a>年</a></span></h3>
<p><table width="200" border="1" class="left_p_table">
  <tr class="left_tr1">
    <td>商品名称</td>
    <td>销售量</td>
    <td>销售额</td>
    <td>退货量</td>
    <td>退货金额</td>
  </tr>
  <tr>
    <td>串珠001</td>
    <td>10笔</td>
    <td>2000¥</td>
    <td>1</td>
    <td>20¥</td>
  </tr>
  <tr>
    <td>串珠002</td>
    <td>10笔</td>
    <td>2000¥</td>
    <td>1</td>
    <td>20¥</td>
  </tr>
 <tr>
    <td>串珠003</td>
    <td>10笔</td>
    <td>2000¥</td>
    <td>1</td>
    <td>20¥</td>
  </tr>
   <tr>
    <td>串珠004</td>
    <td>10笔</td>
    <td>2000¥</td>
    <td>1</td>
    <td>20¥</td>
  </tr>
</table></p>
<p class="p_bottom"><a href="#">查看更多</a></p>
</div>
<div class="index_right2">
<h3 class="h3_style">最新通知<span class="h3_span"><a href="#">查看更多</a></span></h3>
<p><a href="#">APP最新版本上线,请下载</a></p>
<p><a href="#">本站优惠活动将于这个月月底举行</a></p>
<p><a href="#">本站优惠活动将于这个月月底举行</a></p>
<p><img src="../image/ldh(1).jpg"/></p>
</div>
</div>
</div>
<script>
$(function(){  
   $('#char_line').jqChart({
                title: { text: '按区域统计线状图' },//图表标题
                border: { strokeStyle: '#000' },//边线颜色
                axes: [/*此处是对轴线的一些优化*/
                        {
                            location: 'left',
                            minimum: 0,
                            maximum: 100,
                            interval: 5,
                        }
                      ],
                series: [
                            {
                                title:"高新区",
                                type: 'column',
								font:'12px',
								 fillStyle: 'red', 
                                data: [
                                      ['1月',  10],
                                      ['2月',  20],
                                      ['3月',  60],
                                      ['4月',  55],
                                      ['5月',  30],
                                      ['6月',  48],
									  ['7月',  78],
									  ['8月',  80],
									  ['9月',  90],
									  ['10月',  30],
									  ['11月',  50],
									  ['12月',  30],
                                ]
                            },
                             {
                                title:"成华区",
                                type: 'column',
								 fillStyle: '#47b2f6', 
                                data: [
                                      ['1月',  15],
                                      ['2月',  20],
                                      ['3月',  60],
                                      ['4月',  22],
                                      ['5月',  30],
                                      ['6月',  48],
									  ['7月',  78],
									  ['8月',  33],
									  ['9月',  50],
									  ['10月',  30],
									  ['11月',  50],
									  ['12月',  60],
                                ]
                            }
							,
							{
                                title:"科华区",
                                type: 'column',
								 fillStyle: '#f4f115', 
                                data: [
                                       ['1月',  10],
                                      ['2月',  30],
                                      ['3月',  80],
                                      ['4月',  52],
                                      ['5月',  10],
                                      ['6月',  28],
									  ['7月',  78],
									  ['8月',  63],
									  ['9月',  50],
									  ['10月',  30],
									  ['11月',  50],
									  ['12月',  60],
                                ]
                            }
							,
							{
                                title:"从合区",
                                type: 'column',
								 fillStyle: '#f511f2', 
                                data: [
                                    ['1月',  30],
                                      ['2月',  10],
                                      ['3月',  60],
                                      ['4月',  22],
                                      ['5月',  50],
                                      ['6月',  48],
									  ['7月',  78],
									  ['8月',  33],
									  ['9月',  70],
									  ['10月',  30],
									  ['11月',  50],
									  ['12月',  20],
                                ]
                            }
							,
                             {
                                title:"锦江区",
								fillStyle:'0ea739',
                                type: 'column',
                                data: [
                                                                          ['1月',  10],
                                      ['2月',  10],
                                      ['3月',  30],
                                      ['4月',  55],
                                      ['5月',  60],
                                      ['6月',  48],
									  ['7月',  78],
									  ['8月',  80],
									  ['9月',  35],
									  ['10月',  30],
									  ['11月',  50],
									  ['12月',  30],
                                ]
                            }
                        ]
            });
}); 
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 分类 响应式 自适应 设备 风格 颜色 pc 电脑 黑色 普通自适应 html+css自适应 html+css响应式 简洁 简约 简单 后台系统 后台 系统

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到