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



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

57 224 75



模板描述:灰色简洁风格 共享打印机 后台系统。灰色简洁风格的共享打印机后台系统源码下载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>



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


热门标签: 扁平化 黑色 bootstrap自适应 蓝色 普通自适应 欧美风 红色 中国风 绿色 韩系 灰色 日系 简洁简约 黄色 炫酷 紫色 卡通动画 橙色 精美 实用通用 艺术创意 粉色 大气 白色 棕色 清新 彩色 绘画 其他风格 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

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

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