灰色简洁风格的共享打印机后台系统源码下载



5 18 7



模板描述:灰色简洁风格 共享打印机 后台系统,灰色简洁风格的共享打印机后台系统源码下载html模板下载

代码结构

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>

3. HTML代码

<!--top-->
<div class="top_bg overflow">
 <div class="wrap overflow">
  <p class="fl"><a href="#"><img src="images/shop_r1_c1.png"></a></p>
  <span class="fr pt15">
  您好,打印机核心认证店 &nbsp;&nbsp; <a href="#" class="bai"> 退出</a>
  </span>
 </div>
</div>
<!--inf-->
<div class="wrap overflow clearfix mt30 pb50">
 <!--店铺信息and nav-->
 <div class="w238 fl overflow">
   <!--企业标志和name-->
   <div class="name overflow w100">
    <dl class="pt30 overflow">
     <dt class="boder-b "> 
      <img src="images/log.jpg" width="200" height="100">
     </dt>
     <dd class="pt20 tl  f20">
      打印机核心认证店
      <p class="tl gray f12"><img src="images/shop_r3_c4.png" class="fl mr5 "> 代理商</p>
     </dd>
    </dl>
   </div>
   <div class="w100 overflow clearfix name_bg">
    <p></p>
    <p></p>
   </div>
   <div class="w100 pt30 pb25 clearfix overflow tl">
    <img src="images/shop_r5_c2.png" class="fl mr10  ml15"> <a href="#" class="f24 blue">浏览我的店铺</a>
   </div>
   <!--liast-->
   <div class="liat_nav overflow clearfix pt5">
    <dl>
     <dt>
      <a href="index.html" id="nav_r1">店铺管理</a>
     </dt>
     <dd>
      <p><a href="店铺设置.html">店铺设置</a></p>
      <p><a href="修改密码.html">修改密码</a></p>
     </dd>
    </dl>
    <dl>
    <dt>
      <a href="订单管理.html">订单管理</a>
     </dt>
    </dl>
    <dl>
    <dt>
      <a href="结算管理.html">结算管理</a>
     </dt>
    </dl>
     <dl>
    <dt>
      <a href="工单管理.html" >工单管理</a>
     </dt>
    </dl>
   </div>
 </div>
 <!--信息展示-->
 <div class="w826 fr overflow">
  <!--店铺信息-->
  <div class="d_pbg overflow w100">
   <dl>
    <dt class="fl overflow">
     <h5 class="f30 tl l-30">打印机核心认证店</h5>
     <p class="tl l-30 f16 pt20">
      <em>主营</em>打印机、复印件、考勤机
     </p>
    </dt>
    <dd class="fr overflow">
     <a href="#">点击修改</a>
    </dd>
   </dl>
  </div>
  <!--产品销量-->
  <div class="pro_bg overflow clearfix mt30">
   <dl>
    <dt class="  orang">20</dt>
    <dd class="f16 l-30">已售罄商品</dd>
   </dl>
   <dl>
    <dt class=" orang">20</dt>
    <dd class="f16 l-30">待发货订单</dd>
   </dl>
   <dl>
    <dt class=" orang">20</dt>
    <dd class="f16 l-30">维权中订单</dd>
   </dl>
  </div>
  <!--订单--->
  <div class="w100 tl l-30 pt15 f20">
  用户购买待发货订单
  </div>
  <div class="d_list overflow">
   <div class="w100">
   <ul style="background:#f2f1f1">
    <li class="f16">状态</li>
    <li class="f16">日期</li>
    <li class="f16">金额</li>
    <li class="f16">用户</li>
    <li class="f16">订单号</li>
    <li class="f16">操作</li>
   </ul>
   </div>
   <div class="w100">
   <ul>
    <li><em class="blue">待付款</em></li>
    <li>18-09-20 19:20</li>
    <li><em class=" orang">¥1890.09</em></li>
    <li>连岳</li>
    <li>3肉9385848650597690</li>
    <li><a href="#">查看详情</a></li>
   </ul>
   </div>
  </div>
 </div>
</div>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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