fix: update README

Author: sendya

README.md

@@ -2,6 +2,12 @@ English | [简体中文](./README.zh-CN.md)
 
 <h1 align="center">Ant Design Pro Layout</h1>
 
+<div align="center">
+
+[![NPM version](https://img.shields.io/npm/v/@ant-design-vue/pro-layout/latest?style=flat)](https://npmjs.org/package/@ant-design-vue/pro-layout) [![Vue Support](https://img.shields.io/badge/support-Vue2-green?style=flat)](./package.json) [![NPM downloads](http://img.shields.io/npm/dm/@ant-design-vue/pro-layout.svg?style=flat)](https://npmjs.org/package/@ant-design-vue/pro-layout) [![License](https://img.shields.io/github/license/vueComponent/pro-layout)](./LICENSE)
+
+</div>
+
 ## Usage
 
 ```bash

README.zh-CN.md

@@ -1,6 +1,13 @@
 [English](./README.md) | 简体中文
 
 <h1 align="center">Ant Design Pro Layout</h1>
+
+<div align="center">
+
+[![NPM version](https://img.shields.io/npm/v/@ant-design-vue/pro-layout/latest?style=flat)](https://npmjs.org/package/@ant-design-vue/pro-layout) [![Vue Support](https://img.shields.io/badge/support-Vue2-green?style=flat)](./package.json) [![NPM downloads](http://img.shields.io/npm/dm/@ant-design-vue/pro-layout.svg?style=flat)](https://npmjs.org/package/@ant-design-vue/pro-layout) [![License](https://img.shields.io/github/license/vueComponent/pro-layout)](./LICENSE)
+
+</div>
+
 ## 使用
 
 ```bash

examples/src/config/router.config.js

@@ -121,7 +121,7 @@ const asyncRouterMap = [
         name: 'remote-baidu',
         meta: {
           title: '百度',
-          icon: 'smile',
+          icon: 'link',
           target: '_blank'
         }
       }

examples/src/core/antd/icons.js

@@ -90,3 +90,6 @@ export {
   default as AlignLeftOutline
 } from '@ant-design/icons/lib/outline/AlignLeftOutline'
 /* MultiTab end */
+export {
+  default as LinkOutline
+} from '@ant-design/icons/lib/outline/LinkOutline'

examples/src/layouts/BasicLayout.vue

@@ -10,17 +10,19 @@
     :siderWidth="208"
     v-bind="settings"
   >
+    <!--
     <template v-slot:menuRender>
       <ul style="color: white;">
         <li v-for="(menu, key) in menus" :key="key">
           {{ menu.meta.title }}
         </li>
       </ul>
     </template>
+    -->
     <template v-slot:menuHeaderRender>
       <div>
         <img src="../assets/logo.svg" />
-        <h1>Pro 1</h1>
+        <h1>Pro Preview</h1>
       </div>
     </template>
     <template v-slot:headerContentRender>

package.json

@@ -13,7 +13,6 @@
     ],
     "license": "MIT",
     "scripts": {
-        "start": "vc-tools run server",
         "lint": "eslint -c ./.eslintrc --fix --ext .jsx,.js,.vue ./src",
         "compile": "vc-tools run compile --babel-runtime",
         "test": "cross-env NODE_ENV=test jest --config .jest.js",

src/utils/dynamicTheme.js

@@ -33,6 +33,6 @@ export const updateTheme = newPrimaryColor => {
 
 export const updateColorWeak = colorWeak => {
   // document.body.className = colorWeak ? 'colorWeak' : '';
-  const app = document.body.querySelector('#app')
+  const app = document.body.querySelector('#app .ant-pro-basicLayout')
   colorWeak ? app.classList.add('colorWeak') : app.classList.remove('colorWeak')
 }