text: import React, { Component } from 'react';
  
  //设计导航左侧栏
  export default class Sidebar extends Component {
      render() {
          return (
              <div className="dm-sidebar">
                  <div className="container full-w-h">
                      <div className="sidebar-top">
                           1000+素材网站
                      </div>
                      <div className="sidebar-bottom">
                          <p className="title">网站分类</p>
                          <ul className="filter-ul">
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">摄影素材</p>
                                  <p className="plans-stretch-1 text-right"><lable>24</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">免费素材</p>
                                  <p className="plans-stretch-1 text-right"><lable>9</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">付费素材</p>
                                  <p className="plans-stretch-1 text-right"><lable>119</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">平面设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>119</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">LOGO设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>89</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">ICON设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>89</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">界面设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>24</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">动漫设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>89</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">插画设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>89</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">3D模型</p>
                                  <p className="plans-stretch-1 text-right"><lable>24</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">建筑设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>89</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">室内设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>89</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">工业设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>24</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">家具设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>89</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">艺术设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>89</lable></p> 
                              </li>
                              <li className="item plans plans-align-center">
                                  <p className="plans-stretch-1 text-left">界面设计</p>
                                  <p className="plans-stretch-1 text-right"><lable>24</lable></p> 
                              </li>                                                                                                                                                                                                                        
                          </ul>
                      </div>
                  </div>             
              </div>
          );
      }
  }