Repository: xdlumia/lingo
Branch: main
Commit: 5e2ab8fc659c
Files: 48
Total size: 234.8 KB

Directory structure:
gitextract_jqcymo_h/

├── .gitignore
├── README.md
├── babel.config.js
├── package.json
├── public/
│   └── index.html
├── src/
│   ├── App.vue
│   ├── api/
│   │   └── index.js
│   ├── components/
│   │   ├── app-group-nav.vue
│   │   ├── date-time.vue
│   │   ├── fm.vue
│   │   ├── header.vue
│   │   ├── login.vue
│   │   ├── music.vue
│   │   ├── pinned.vue
│   │   ├── public/
│   │   │   ├── d-icon.vue
│   │   │   ├── d-modal.vue
│   │   │   └── d-tabs.vue
│   │   ├── search-box.vue
│   │   ├── sidebar/
│   │   │   ├── add/
│   │   │   │   └── default.vue
│   │   │   ├── add.vue
│   │   │   ├── index.vue
│   │   │   ├── note.vue
│   │   │   ├── setting/
│   │   │   │   ├── about.vue
│   │   │   │   ├── exterior.vue
│   │   │   │   ├── index.vue
│   │   │   │   ├── theme.vue
│   │   │   │   ├── user.vue
│   │   │   │   └── wallpaper.vue
│   │   │   ├── todo.vue
│   │   │   └── weather.vue
│   │   └── yiyan.vue
│   ├── iconfont/
│   │   └── iconfont.js
│   ├── json/
│   │   └── index.js
│   ├── main.js
│   ├── store/
│   │   └── index.js
│   ├── style/
│   │   ├── animate.less
│   │   ├── base.less
│   │   ├── common.less
│   │   ├── element.less
│   │   ├── index.less
│   │   ├── reset.less
│   │   └── theme.less
│   ├── utils/
│   │   ├── directives.js
│   │   ├── filters.js
│   │   ├── localStrong.js
│   │   └── utils.js
│   └── views/
│       └── home.vue
└── vue.config.js

================================================
FILE CONTENTS
================================================

================================================
FILE: .gitignore
================================================
.DS_Store
node_modules
/search
/newTabs/dist/*
newTabs.zip

# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?


================================================
FILE: README.md
================================================
# initial2

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).


================================================
FILE: babel.config.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-13 07:59:11
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-27 15:21:58
 * @Description: file content
 */
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    // element官方教程
    [
      "component",
      { libraryName: "element-ui", styleLibraryName: "theme-chalk", style: true }
    ]
  ]
}


================================================
FILE: package.json
================================================
{
  "name": "lingo",
  "version": "0.2.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "dev": "cross-env NODE_ENV=web vue-cli-service serve",
    "dev:web": "cross-env NODE_ENV=web vue-cli-service serve",
    "build": "vue-cli-service build",
    "build:web": "cross-env NODE_ENV=web vue-cli-service",
    "b": "vue-cli-service build && cross-env NODE_ENV=web vue-cli-service build"
  },
  "dependencies": {
    "axios": "^0.21.0",
    "core-js": "^3.6.5",
    "dayjs": "^1.9.4",
    "element-ui": "^2.14.0",
    "js-base64": "^3.6.0",
    "vue": "^2.6.12",
    "vue-clipboard2": "^0.3.1",
    "vue-swiper": "^0.5.0",
    "vuedraggable": "^2.24.3",
    "vuex": "^3.5.1"
  },
  "devDependencies": {
    "global": "^4.4.0",
    "@vue/cli-plugin-babel": "~4.5.8",
    "@vue/cli-plugin-router": "~4.5.8",
    "@vue/cli-service": "~4.5.8",
    "babel-plugin-component": "^1.1.1",
    "cross-env": "^7.0.2",
    "less": "^3.12.2",
    "less-loader": "^7.0.2",
    "vue-template-compiler": "^2.6.12"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}


================================================
FILE: public/index.html
================================================
<!--
 * @Author: web.王晓冬
 * @Date: 2020-10-10 18:03:48
 * @LastEditors: www.itab.link
 * @LastEditTime: 2022-01-12 22:56:01
 * @Description: file content
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
  <meta name="keywords" content="lingo起始页,开始,起始页,主页,导航,new Tab">
  <meta name="description" content="自定义您新标签页上的网站和壁纸以及搜索引擎">
  <meta property="og:image" content="http://dreamwq.com/search/logo.png">

  <link rel="apple-touch-icon" href="http://dreamwq.com/search/logo.png">

  <link rel="icon" title="<%= NODE_ENV %>" href="<%= BASE_URL %>favicon.svg">

  <!-- iconfont图标 -->
  <!-- <link rel="stylesheet" href="https://at.alicdn.com/t/font_2120635_znp1y6h9j3q.css"> -->
  <!-- iconfonnt天气彩色图标 -->
  <!-- <script src="https://at.alicdn.com/t/font_2136479_l5hhn0ornkq.js"></script> -->
  <!-- 高德地图 -->

  <title>lingo新标签页</title>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
      Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>

================================================
FILE: src/App.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-10 10:04:55
 * @LastEditors: itab.link
 * @LastEditTime: 2022-01-12 20:56:02
 * @Description: file content
*/
<template>
  <div @contextmenu="doNothing()" class="app-box" :class="themeMode">
    <div class="app-bg" :style="{ filter: `blur(${$store.state.setContent.bgBlur}px)` }">
      <video
        v-if="wallpaper.type == 2"
        class="app-bg-video"
        autoplay="true"
        loop="true"
        muted="true"
        :src="wallpaper.src"
      ></video>
      <div v-else class="app-bg-img" :style="{ backgroundImage: `url(${wallpaper.src})` }"></div>
    </div>

    <div class="app-cover">
      <el-tooltip placement="top" v-if="wallpaper.copyright || wallpaper.title">
        <div slot="content">
          {{ wallpaper.title || wallpaper.copyright }}
          <br />
          <d-icon v-size="12" icon="icon-local" v-if="wallpaper.local">
            {{
              wallpaper.local
            }}
          </d-icon>
        </div>
        <d-icon v-size="24" icon="icon-about" class="wallpaper-info"></d-icon>
      </el-tooltip>
      <Home />
    </div>
  </div>
</template>
 <script>
import Home from "@/views/home.vue";

import { imgList, videoList } from "@/json";
import dayjs from "dayjs";

export default {
  name: "",
  props: {},
  components: {
    Home,
  },
  data() {
    //这里存放数据
    return {
      imgList: imgList,
      videoList: videoList,
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    document.querySelector("html").classList = this.themeMode;
  },
  computed: {
    wallpaper() {
      let wallpaper = this.videoList[0];
      wallpaper.type = 2;
      return this.$store.state.wallpaper || wallpaper;
    },
    themeMode() {
      // 如果设置跟随日出日落
      if (this.$store.state.setContent.sunrise) {
        if (this.$store.state.moment == "d") {
          return "light";
        } else {
          return "dark";
        }
      }
      return this.$store.state.setContent.themeMode;
    },
  },
  watch: {
    // 给html添加主题颜色
    themeMode(val) {
      document.querySelector("html").classList = val;
    },
  },
  //方法集合
  methods: {
    // 禁用右键菜单
    doNothing() {
      window.event.returnValue = false;
      return false;
    },

  },
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
};
</script>
<style lang="less" scoped>
.app-box {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #333;
  .app-bg {
    position: absolute;
    backface-visibility: hidden;
    transition-duration: 0.2s;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;

    .app-bg-img,
    .app-bg-video {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      transition: 0.3s;
    }
    .app-bg-img {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    &.bgBlur {
      filter: blur(10px);
      transform: scale(1.042);
    }
  }
  .app-cover {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: radial-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.2) 100%
      ),
      radial-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.2) 166%),
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 0% 75%,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.3) 100%
      );
  }
}
.wallpaper-info {
  position: absolute;
  transition-duration: 0.2s;
  color: rgba(255, 255, 255, 0.2);

  right: 10%;
  bottom: 10%;
  &:hover {
    color: rgba(255, 255, 255, 1);
  }
}
</style>

================================================
FILE: src/api/index.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-13 08:52:34
 * @LastEditors: www.itab.link
 * @LastEditTime: 2022-01-13 00:12:54
 * @Description: file content
 */
import axios from 'axios'
import store from '@/store'

import {
  Message
} from 'element-ui'
import local from '@/utils/localStrong';
import QS from 'querystring';
axios.defaults.paramsSerializer = function (params) {
  return QS.stringify(params);
};

axios.interceptors.request.use(config => {
  // config.headers.token = (local.get('userInfo') || {}).token || ''
  return config
})

// 响应拦截器
axios.interceptors.response.use(response => {
  let res = response.data
  if (res.code == 500) {
    Message.error(res.msg)
  } else if (res.code == 400) {
    Message.error('登陆已过期,请重新登陆')
    // 清空用户信息
    store.commit('setUserInfo', null)
    // 调用登陆的弹出框
    store.commit("setLoginInfo", {
      visible: true,
      type: 'login',
    });
  }
  return response.data
})

let baseUrl = 'http://localhost:8081' //振兴
let dreamwqApi = 'http://localhost:8081' //api
// let dreamwqApi = 'http://localhost:8081' //api
// let baseUrl = 'apis/'

export default {
  // 登陆
  login(params) {
    return axios.post(`${baseUrl}/index/login`, params);
  },
  // 注册
  register(params) {
    return axios.post(`${baseUrl}/index/register`, params);
  },
  // 保存配置
  configInfoSave(params) {
    return axios.post(`${baseUrl}/configInfo/saveOrUpdate`,
      params, {
        headers: {
          token: (local.get('userInfo') || {}).token || ''
        }
      });
  },
  // 获取配置
  configInfoCurInfo(params) {
    return axios.get(`${baseUrl}/configInfo/curInfo`, {
      params: params,
      headers: {
        token: (local.get('userInfo') || {}).token || ''
      }
    });
  },
  //获取根据用户ip获取位置信息
  getCityLocal() {
    return axios.get(`${dreamwqApi}/api/getLocation`);
  },

  //获取实况天气
  getWeather(cid) {
    return axios.get(`https://widget-api.heweather.net/s6/plugin/h5?key=db9bb478dfb943949c821628a67011e9&location=${cid}&lang=cn`);
  },

  //获取一言
  getYiyan(params) {
    return axios.get('https://v1.hitokoto.cn/?c=d&c=i&encode=json', params);
  },

  //百度搜索
  baiduSugrec(params) {
    return axios.get(`${dreamwqApi}/api/baidu_sugrec/${params}`);
  },
  //获取豆瓣fm
  getDoubanFm(params) {
    return axios.get(`${dreamwqApi}/api/fm/playlist`, {
      params
    });
  },
  //获取网站站点
  getWebsiteList(params) {
    return axios.get(`${dreamwqApi}/website/list`, {
      params
    });
  },
};

================================================
FILE: src/components/app-group-nav.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 17:48:38
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-06-09 15:46:42
 * @Description: 应用列表
*/
<template>
  <div class="d-flex-hor">
    <div
      class="app-group"
      @mousewheel="mousewheelHandle($event)"
      :class="{ zoomIn: setContent.startAnimation }"
    >
      <el-carousel
        ref="elCarousel"
        arrow="never"
        :height="`${(setContent.iconSize + 60) * layout[0]}px`"
        :autoplay="false"
        :initial-index="initialIndex"
        indicator-position="outside"
        :class="`layout-col-${layout[0]} layout-row-${layout[1]}`"
      >
        <el-carousel-item v-for="(groupRow, index) in navList" :key="index">
          <div
            class="app-group-item"
            :class="[{ swing: isEdit }, { scaleOut: item.delete }]"
            v-for="item of groupRow"
            :key="item.id"
          >
            <div
              @dragstart="ondrop"
              @dragleave="ondragover"
              draggable="true"
              class="group-item-content"
              @contextmenu.prevent="isEdit = true"
              @touchstart="gotouchstart()"
              @touchmove="gotouchmove()"
              @touchend="gotouchend()"
              v-size="setContent.iconSize"
              :title="item.title"
            >
              <!-- 图标操作 -->
              <div class="icon-item-handle" v-if="item.key != 'add'">
                <p
                  @click.stop="delHandle(item)"
                  class="icon-item-delete d-flex-center"
                  v-color="'#333'"
                >
                  <d-icon v-size="16" icon="icon-close" />
                </p>
                <p
                  @click="editHandle(item)"
                  class="icon-item-edit d-flex-center"
                  :style="{ borderRadius: `${setContent.iconRadius / 2}%` }"
                >
                  <d-icon v-size="34" icon="icon-edit" />
                </p>
              </div>
              <!-- 有可能是天气 -->
              <div
                @click.stop="urlTo(item)"
                class="group-weather group-item-icon"
                :style="[
                  { borderRadius: `${setContent.iconRadius / 2}%` },
                  {
                    backgroundColor: `rgba(var(--background),${
                      setContent.iconOpacity / 100
                    })`,
                  },
                ]"
                v-if="item.key == 'weather'"
              >
                <!-- 图标 -->
                <d-icon
                  v-size="'40%'"
                  :icon="`icon-${$weatherIcon[weatherData.now.cond_code]}`"
                />
                <p class="group-weather-info">
                  {{ weatherData.location }} {{ weatherData.now.cond_txt }}
                  {{ weatherData.now.tmp }}°
                </p>
              </div>
              <!-- backgroundColor 如果当前图标有 背景色就是用背景色 否则使用默认色 -->
              <div
                @click.stop="urlTo(item)"
                v-else
                v-font="setContent.iconSize"
                :style="[
                  {
                    backgroundColor: `${
                      item.bgColor
                        ? item.bgColor
                        : `rgba(var(--background),${
                            setContent.iconOpacity / 100
                          })`
                    }`,
                  },
                  { borderRadius: `${setContent.iconRadius / 2}%` },
                ]"
                class="group-item-icon d-flex-center"
              >
                <!--文字  -->
                <span
                  v-if="item.type == 2 && item.iconType == 'text'"
                  :style="{ color: item.bgColor ? '#fff' : '' }"
                  class="group-item-icon-font"
                  >{{ item.icon }}</span
                >
                <!-- 图片图标 -->
                <img
                  v-else-if="item.type == 2"
                  v-size="item.source ? '100%' : '38%'"
                  :src="item.icon"
                  alt=""
                />
                <!-- icon图标 -->
                <d-icon
                  v-else
                  v-size="'42%'"
                  v-color="item.color"
                  :icon="`icon-${item.key}`"
                />
              </div>
            </div>
            <p class="group-item-title f14 d-elip">
              <span v-show="setContent.iconTitle"> {{ item.title }}</span>
            </p>
          </div>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>

<script>
import draggable from "vuedraggable";
export default {
  name: "sidebar",
  props: {},
  components: { draggable },
  data() {
    //这里存放数据
    return {
      myArray: [],
      initialIndex: 0,
      isEdit: false,
      //0 web 1 app 2 自定义
      // navList: navList,
      timer: true,
      delta: "", //鼠标滚轮方向
      timeOutEvent: null,
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    document.addEventListener(
      "click",
      () => {
        this.isEdit = false;
      },
      false
    );
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {
    // 获取所有菜单并分组
    navList() {
      let navList = this.$store.state.navList;
      let objList = {};
      let navNum = navList.length; //获取菜单总数
      let pageSize = this.layout[0] * this.layout[1]; //每页数量
      navList.forEach((item, index) => {
        let page = Math.floor(index / pageSize);
        if (objList[page]) {
          objList[page].push(item);
        } else {
          objList[page] = [item];
        }
      });
      return objList;
    },
    //设置内容
    setContent() {
      return this.$store.state.setContent || {};
    },
    // 布局设置
    layout() {
      return this.$store.state.setContent.layout || [2, 8];
    },
    // 天气数据
    weatherData() {
      return this.$store.state.weather || {};
    },
  },
  watch: {},
  //方法集合
  methods: {
    ondrop() {
      console.log(11);
    },

    ondragover() {
      console.log("ondragover");
    },
    scrollLoop() {
      let length = Object.keys(this.navList).length || 0;
      //上滚
      if (this.delta > 0) {
        this.initialIndex++;
        if (this.initialIndex >= length) {
          this.initialIndex = 0;
        }
      }
      //下滚
      if (this.delta < 0) {
        this.initialIndex--;

        if (this.initialIndex < 0) {
          this.initialIndex = length - 1;
        }
      }

      this.$refs.elCarousel.setActiveItem(this.initialIndex);
    },
    mousewheelHandle(ev) {
      this.delta = -ev.wheelDelta || ev.detail;

      if (this.timer) {
        this.timer = false;
        this.scrollLoop();
        setTimeout(() => {
          this.timer = true;
        }, 260);
      }
    },
    urlTo(row) {
      if (row.type == 0 || row.type == 2) {
        window.open(row.url, "_blank");
      } else {
        let editType = row.key == "add" ? "add" : "";
        this.$store.commit("setShowSide", {
          val: true,
          comp: row.key,
          editType: editType,
        });
      }
    },
    delHandle(row) {
      let navList = this.$store.state.navList;
      let index = navList.findIndex((v) => v.id == row.id);
      navList[index].delete = true;
      navList.splice(index, 1, navList[index]);
      setTimeout(() => {
        navList[index].delete = false;
        navList.splice(index, 1);
        this.$store.commit("setNavList", navList);
      }, 200);
    },
    editHandle(row) {
      this.$store.commit("setShowSide", {
        val: true,
        comp: "add",
        editType: "edit",
      });
      this.$store.commit("setNavRowData", row);
    },
    gotouchstart(row) {
      let that = this;
      clearTimeout(this.timeOutEvent); //清除定时器
      this.timeOutEvent = 0;
      this.timeOutEvent = setTimeout(() => {
        //执行长按要执行的内容，
        this.isEdit = true;
      }, 600); //这里设置定时
    },
    //手释放，如果在500毫秒内就释放，则取消长按事件，此时可以执行onclick应该执行的事件
    gotouchend() {
      clearTimeout(this.timeOutEvent);
      if (this.timeOutEvent != 0) {
        //这里写要执行的内容（尤如onclick事件）
      }
    },
    //如果手指有移动，则取消所有事件，此时说明用户只是要移动而不是长按
    gotouchmove() {
      clearTimeout(this.timeOutEvent); //清除定时器
      this.timeOutEvent = 0;
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less'>
.group-weather {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  position: relative;
  text-align: center;

  &-info {
    text-align: center;
    font-size: 12px;
    transform: scale(0.9);
    color: rgba(var(--main-color), 0.8);
  }
}
.app-group {
  margin-top: 30px;
  width: 1300px;
  padding: 0 20px;
  overflow: hidden;
  &-item {
    transition-duration: 0.2s;
    text-align: center;
    cursor: pointer;
    width: calc(100% / 5);
    display: inline-block;
    margin-top: 30px;
    .group-item-title {
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      color: #fff;
      overflow: hidden;
    }
    .group-item-content {
      margin: 0 auto;
      position: relative;
      .group-item-icon {
        transition-duration: 0.2s;
        box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
        height: 100%;
        overflow: hidden;
        backdrop-filter: blur(3px);
        &:hover {
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
        }
        .group-item-icon-font {
          font-weight: 500;
          text-transform: uppercase;
          font-size: 0.3em;
          color: rgba(var(--main-color), 1);
        }
      }
      .icon-item-handle {
        opacity: 1;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
      }
      .icon-item-handle {
        display: none;
        z-index: 9;
        .icon-item-delete {
          .icon {
            cursor: auto;
          }
          z-index: 11;
          position: absolute;
          backdrop-filter: blur(10px);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
          right: -5px;
          top: -5px;
          height: 24px;
          width: 24px;
          border-radius: 50%;
          background-color: #efefef;
        }
        .icon-item-edit {
          opacity: 0;
          transition-duration: 0.2s;
          z-index: 10;
          position: absolute;
          left: 0;
          top: 0;
          backdrop-filter: blur(10px);
          height: 100%;
          width: 100%;
          color: #333;
          background-color: rgba(255, 255, 255, 0.5);
          &:hover {
            opacity: 1;
          }
        }
      }

      &:active {
        transform: scale(0.95);
      }
    }
    &.swing {
      .icon-item-handle {
        display: block;
      }
    }
  }

  &.active {
    transform: translateX(0);
  }
}
.layout-col-3 {
  .app-group-item {
    margin-top: 25px;
  }
}
.layout-row-2 {
  .app-group-item {
    width: calc(100% / 2);
  }
}
.layout-row-3 {
  .app-group-item {
    width: calc(100% / 3);
  }
}
.layout-row-4 {
  .app-group-item {
    width: calc(100% / 4);
  }
}
.layout-row-5 {
  .app-group-item {
    width: calc(100% / 5);
  }
}
.layout-row-6 {
  .app-group-item {
    width: calc(100% / 6);
  }
}
.layout-row-7 {
  .app-group-item {
    width: calc(100% / 7);
  }
}
.layout-row-8 {
  .app-group-item {
    width: calc(100% / 8);
  }
}
</style>

================================================
FILE: src/components/date-time.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-14 16:38:27
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-05-31 11:12:13
 * @Description: 时间
*/
<template>
  <div class="app-date-box ac">
    <p class="app-time">{{ time }}</p>
    <p class="app-date">{{ date }} 星期{{ week }}</p>
  </div>
</template>

<script>
import dayjs from "dayjs";
export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      time: "",
      date: "",
      week: "",
      timer: null, //定时器
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    // 初始化获取天气
    this.getTimeing();
  },
  computed: {},
  watch: {},
  //方法集合
  methods: {
    // 定时获取时间
    getTimeing() {
      // 即时获取时间
      this.getTime();
      this.moment();
      this.timer = setInterval(() => {
        this.moment();
        this.getTime();
      }, 30000);
    },
    // 即时获取时间
    getTime() {
      let week = {
        1: "一",
        2: "二",
        3: "三",
        4: "四",
        5: "五",
        6: "六",
        7: "日",
      };
      this.date = dayjs().format("MM月DD日");
      this.time = dayjs().format("HH:mm");
      this.week = week[dayjs().day()];
    },
    // 判断白天晚上
    moment() {
      let nowDate = dayjs().format("YYYY-MM-DD");

      let rise = new Date(
        `${nowDate} ${this.$store.state.weather.sun.rise}`
      ).getTime(); //日出
      let set = new Date(
        `${nowDate} ${this.$store.state.weather.sun.set}`
      ).getTime(); //日落

      let nowTamp = dayjs().valueOf();
      let moment = nowTamp > rise && nowTamp < set ? "d" : "n";

      // 如果当前时间大于日出时间 并且小于日落时间 那就是白天
      this.$store.commit("setMoment", moment);
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroyed() {
    this.timer = null;
    clearInterval(this.timer);
  },
};
</script>
<style lang='less' scoped>
//@import url();
.app-date-box {
  color: #fff;
  margin-bottom: 20px;
  .app-time {
    color: #fff;
    line-height: 50px;
    font-size: 50px;
  }
  .app-date {
    font-size: 12px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
  }
}
</style>


================================================
FILE: src/components/fm.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-14 12:38:18
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-28 11:26:10
 * @Description: FM
*/
<template>
  <div class="app-fm al">
    <ul class="fm-box d-flex">
      <li class="d-cell">
        <div class="fm-title">
          <span>
            This Time - Carrie Underwood-张杰
            <p class="fm-time fr">{{ currentTime }}/{{ duration }}</p></span
          >
        </div>
        <div class="fm-progress">
          <p class="fm-progress-curr" v-w="`${progress}%`"></p>
        </div>
      </li>
      <li class="f24 ml20">
        <i
          :class="`el-icon-video-${isPlay ? 'pause' : 'play'}`"
          @click="playPause"
        ></i>
      </li>
    </ul>
    <audio
      class="d-hide"
      id="audio"
      @timeupdate="audioUpdateTime"
      @playing="playing"
      controls
      autoplay
      src="https://m8.music.126.net/20201027224122/5947f4e7d7370d53a08d039a31eeb82e/ymusic/0652/0f53/5653/181ac6b261898ffaa1c4a91d81eb1eb1.mp3"
    >
      您的浏览器不支持 audio 标签。
    </audio>
  </div>
</template>

<script>
import axios from "axios";
let audio = "";
export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      duration: "00:00", //总时长
      currentTime: "00:00", //当前播放时间
      progress: 0, //播放进度百分比
      isPlay: false,
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    // 初始化获取天气
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    audio = document.getElementById("audio");
    this.getDoubanFm();
  },
  computed: {},
  watch: {},
  //方法集合
  methods: {
    getDoubanFm() {
      this.$http.getDoubanFm().then((res) => {
        if (res.code != 200) {
          return;
        }
        let data = JSON.parse(res.data || "{}");
        console.log(data.song.length);
      });
    },
    playing() {
      this.isPlay = true;
      // console.log(audio.paused); //是否暂停
    },
    // 暂停播放
    playPause() {
      if (this.isPlay) {
        audio.pause();
      } else {
        audio.play();
      }
      this.isPlay = !this.isPlay;
    },
    timeToString(time) {
      time = parseInt(time);
      let Intmm = parseInt(time / 60); //取整分
      let mm = Intmm < 10 ? "0" + Intmm : Intmm; //个位数补0
      let yu = time % 60; //取剩余秒
      let ss = yu < 10 ? "0" + yu : yu; //秒
      return `${mm}:${ss}`;
    },
    // 播放更新事件
    audioUpdateTime(e) {
      let duration = e.target.duration; // 歌曲总长
      let currentTime = e.target.currentTime; // 当前歌曲播放长度
      this.progress = ((currentTime / duration) * 100).toFixed(2);
      this.duration = this.timeToString(duration);
      this.currentTime = this.timeToString(currentTime);
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroyed() {},
};
</script>
<style lang='less' scoped>
//@import url();
.app-fm {
  width: 100%;
  font-size: 12px;
  padding: 10px 20px;
  overflow: hidden;
  color: #fff;
  cursor: pointer;

  .fm-box {
    opacity: 0.8;
    max-width: 400px;
    margin: 0 auto;
    .fm-progress {
      width: 100%;
      margin: 10px 0;
      width: 100%;
      height: 1px;
      background-color: #999;
      .fm-progress-curr {
        background-color: #fff;
        height: 100%;
        width: 0%;
      }
    }
    .fm-time {
      color: #e1e1e1;
    }
  }
}
</style>


================================================
FILE: src/components/header.vue
================================================
<template>
  <div class="app-header">
    <div
      @click="$store.commit('setShowSide', { val: true, comp: 'weather' })"
      class="header-webther fl d-flex-ver d-pointer"
    >
      <svg v-size="22" class="icon ml5" aria-hidden="true">
        <use :xlink:href="`#icon-${$weatherIcon[weatherData.now.cond_code]}`" />
      </svg>
      <span class="wea">{{ weatherData.now.tmp }}</span>

      <em class="super">{{ airType }}</em>
    </div>
    <div class="header-setting fr">
      <d-icon
        icon="icon-setting"
        title="设置"
        @click="$store.commit('setShowSide', { val: true, comp: 'setting' })"
        class="icon-handle d-inline f24"
      ></d-icon>
      <d-icon
        icon="icon-add"
        title="添加网站"
        @click="$store.commit('setShowSide', { val: true, comp: 'add' })"
        class="icon-handle d-inline f24 ml10"
      ></d-icon>
    </div>
    <div id="aMap" class="d-hide"></div>
  </div>
</template>

<script>
import axios from "axios";
import dayjs from "dayjs";
export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      weatherData: { now: {} },
      currentPosition: {}, //当前位置
      airType: "°C",
      timer: null,
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() { },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    this.getCityLocal();
    this.timerGetCityLocal();

    // 定时获取天气
  },
  computed: {},
  watch: {},
  //方法集合
  methods: {
    timerGetCityLocal() {
      this.timer = setInterval(() => {
        this.getCityLocal();
      }, 1000 * 60 * 60);
    },

    // 根据坐标获取城市编码
    getCityLocal() {
      this.$http
        .getCityLocal()
        .then((res) => {
          return res.data || {};
        })
        .then((res) => {
          this.currentPosition = res;
          this.getWeather(res.id);
        });
    },
    // 定时获取天气
    timerWeather() {
      this.timer = setInterval(() => {
        this.getWeather(this.currentPosition.cid);
      }, 5000);
    },
    // 获取天气
    getWeather(city) {
      this.$http.getWeather(city).then((res) => {
        if (res.status != "ok") return;
        this.weatherData = res || {};
        this.weatherData.location = this.currentPosition.name;
        this.moment(res.sun);
        this.$store.commit("setWeather", this.weatherData);
      });
    },
    // 判断白天晚上
    moment(sun) {
      let nowDate = dayjs().format("YYYY-MM-DD");
      let rise = new Date(`${nowDate} ${sun.rise}`).getTime(); //日出
      let set = new Date(`${nowDate} ${sun.set}`).getTime(); //日落

      let nowTamp = dayjs().valueOf();
      let moment = nowTamp > rise && nowTamp < set ? "d" : "n";

      // 如果当前时间大于日出时间 并且小于日落时间 那就是白天
      this.$store.commit("setMoment", moment);
    },
  },
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
  beforeDestroyed() {
    this.timer = null;
    clearInterval(this.timer);
  },
};
</script>
<style lang='less' scoped>
//@import url();
.app-header {
  overflow: hidden;
  max-height: 64px;
  min-height: 50px;
  padding: 20px 50px;
  color: #fff;
  .header-webther {
    .super {
      // vertical-align: super;
      font-size: 12px;
      color: #ddd;
      margin-top: -3px;
    }
    .icon {
      color: #fff;
    }
    .wea {
      font-size: 20px;
      margin-left: 8px;
      margin-right: 6px;
    }
  }
}
.header-setting {
  .icon-handle {
    transition: 0.5s;
    cursor: pointer;
    opacity: 0.4;
    &:hover {
      transform: rotate(90deg);
      opacity: 0.9;
    }
  }
}
</style>


================================================
FILE: src/components/login.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-15 21:52:45
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-12-07 16:43:44
 * @Description: 注册
*/
<template>
  <div>
    <el-dialog title="欢迎使用" width="420px" :visible.sync="loginInfo.visible">
      <div class="pl20 pr20">
        <p class="login-tip">
          {{ loginInfo.type == "reg" ? "注册" : "登录" }}后可实现数据备份等功能
        </p>
        <el-form :model="loginForm" ref="loginForm" label-position="right">
          <el-form-item
            prop="loginName"
            :rules="{ required: true, message: '账号不能为空' }"
          >
            <el-input
              maxlength="18"
              size="medium"
              v-model="loginForm.loginName"
              placeholder="请输入账号"
            ></el-input>
          </el-form-item>
          <el-form-item
            prop="password"
            :rules="{ required: true, message: '密码不能为空' }"
          >
            <el-input
              show-password
              size="medium"
              type="password"
              v-model="loginForm.password"
              placeholder="请输入密码"
            ></el-input>
          </el-form-item>
          <el-form-item
            prop="notarize"
            v-if="loginInfo.type == 'reg'"
            :rules="{ required: true, message: '密码确认不能为空' }"
          >
            <el-input
              show-password
              size="medium"
              type="notarize"
              v-model="loginForm.notarize"
              placeholder="请确认密码"
            ></el-input>
          </el-form-item>
          <el-button
            @click="loginOrRegHandle"
            size="mediun"
            type="primary"
            class="wfull mb50 mt20"
            >立即{{ loginInfo.type == "reg" ? "注册" : "登录" }}</el-button
          >
        </el-form>

        <div
          v-loading="loading"
          class="ac mt20"
          v-if="loginInfo.type == 'login'"
        >
          还没有账号？<el-button type="text" @click="loginHandle('reg')"
            >立即注册</el-button
          >
        </div>
        <div class="ac mt20" v-if="loginInfo.type == 'reg'">
          已有账号？<el-button type="text" @click="loginHandle('login')"
            >立即登陆</el-button
          >
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { encode } from "js-base64";
//例如：import 《组件名称》 from '《组件路径》';
export default {
  name: "",
  props: {},
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
      loading: false,
      loginForm: {
        loginName: "",
        password: "",
        notarize: "", //确认密码
      },
    };
  },
  //监听属性 类似于data概念
  computed: {
    loginInfo() {
      return this.$store.state.loginInfo || {};
    },
  },
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    loginHandle(type) {
      let data = {
        visible: true,
        type: type,
      };
      this.$store.commit("setLoginInfo", data);
    },
    // 登陆注册
    loginOrRegHandle() {
      this.$refs.loginForm.validate((res) => {
        if (!res) return;
        this.loading = true;
        let type = "login";
        if (this.loginInfo.type == "reg") {
          if (this.loginForm.password != this.loginForm.notarize) {
            this.$message.error("两次输入的密码不一致,请重新输入");
            return;
          }
          type = "register";
        }
        let params = {};
        params.loginName = this.loginForm.loginName;
        params.password = encode(this.loginForm.password);
        this.$http[type](params)
          .then((res) => {
            if (res.code != 200) return;
            this.$message({
              type: "success",
              message: `${type == "login" ? "登陆" : "注册"}成功`,
              showClose: true,
            });
            // 用户信息保存到本地
            this.$store.commit("setUserInfo", res.data);
            // 调用登陆的弹出框
            this.$store.commit("setLoginInfo", {
              visible: false,
              type: type,
            });
            // 登录成功后初始化配置
            this.$store.dispatch("initSetting");
          })
          .finally(() => {
            this.loading = false;
          });
      });
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='less' scoped>
.login-tip {
  font-size: 12px;
  margin-bottom: 20px;
  color: rgba(var(--main-color), 0.5);
}
</style>

================================================
FILE: src/components/music.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-14 12:38:18
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-01-19 11:12:30
 * @Description: FM
*/
<template>
  <div
    class="music-box"
    :class="{ 'full-screen': isFullScreen }"
    @click="isFullScreen = !isFullScreen"
  >
    <svg
      width="230"
      height="230"
      viewBox="0 0 230 230"
      transform="rotate(90),scale(-1,1)"
    >
      //进度条渐变色
      <defs>
        <linearGradient id="orange" x1="0%" y1="0%" x2="100%" y2="0%">
          <stop offset="0%" stop-color="#F34D4D" />
          <stop offset="100%" stop-color="#F27D31" />
        </linearGradient>
      </defs>
      　
      <circle
        class="test"
        cx="125"
        cy="115"
        r="50"
        fill="none"
        stroke="url(#orange)"
        stroke-width="12"
        stroke-dasharray="314.1592653589793"
        stroke-dashoffset="31.41592653589793"
        stroke-linecap="round"
      />
      　　　　　　　　//内层圆　　　　　　 　　　　
    </svg>
    我是小蚊子
    <audio
      class="d-hide"
      id="audio"
      @timeupdate="audioUpdateTime"
      @playing="playing"
      controls
      autoplay
      src="https://m8.music.126.net/20201027224122/5947f4e7d7370d53a08d039a31eeb82e/ymusic/0652/0f53/5653/181ac6b261898ffaa1c4a91d81eb1eb1.mp3"
    >
      您的浏览器不支持 audio 标签。
    </audio>
  </div>
</template>

<script>
import axios from "axios";
let audio = "";
export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      duration: "00:00", //总时长
      currentTime: "00:00", //当前播放时间
      progress: 0, //播放进度百分比
      isPlay: false,
      isFullScreen: false,
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    // 初始化获取天气
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    audio = document.getElementById("audio");
    this.getDoubanFm();
  },
  computed: {},
  watch: {},
  //方法集合
  methods: {
    getDoubanFm() {
      this.$http.getDoubanFm().then((res) => {
        if (res.code != 200) {
          return;
        }
        console.log(res);
        let data = res.data;
      });
    },
    playing() {
      this.isPlay = true;
      // console.log(audio.paused); //是否暂停
    },
    // 暂停播放
    playPause() {
      if (this.isPlay) {
        audio.pause();
      } else {
        audio.play();
      }
      this.isPlay = !this.isPlay;
    },
    timeToString(time) {
      time = parseInt(time);
      let Intmm = parseInt(time / 60); //取整分
      let mm = Intmm < 10 ? "0" + Intmm : Intmm; //个位数补0
      let yu = time % 60; //取剩余秒
      let ss = yu < 10 ? "0" + yu : yu; //秒
      return `${mm}:${ss}`;
    },
    // 播放更新事件
    audioUpdateTime(e) {
      let duration = e.target.duration; // 歌曲总长
      let currentTime = e.target.currentTime; // 当前歌曲播放长度
      this.progress = ((currentTime / duration) * 100).toFixed(2);
      this.duration = this.timeToString(duration);
      this.currentTime = this.timeToString(currentTime);
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroyed() {},
};
</script>


<style lang='less' scoped>
.music-box {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 999;
  width: 100px;
  height: 100px;
  transition: all 0.5s;
  background: #181818;
  color: #fff;
  &.full-screen {
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: 0px;
    border-radius: 0;
  }
}
</style>

================================================
FILE: src/components/pinned.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-23 10:09:07
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-30 09:09:43
 * @Description: pinned
*/
<template>
  <div class="app-pinned">
    <template v-for="(row, index) of noteList">
      <div
        :class="{ zoomOut: row.animation }"
        class="pinned-item"
        v-if="row.fixed"
        :key="row.created"
      >
        <d-icon
          class="icon-close"
          icon="icon-close"
          @click.native="noteFixed(row, index)"
        ></d-icon>
        <div
          @blur="noteInput($event, row, index)"
          contenteditable
          class="pinned-text"
        >
          {{ row.text }}
        </div>
        <time class="pinned-time">{{
          row.created | timeToStr("YYYY-MM-DD HH:MM")
        }}</time>
      </div>
    </template>
  </div>
</template>

<script>
export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {
    noteList() {
      return this.$store.state.note;
    },
  },
  watch: {},
  //方法集合
  methods: {
    noteInput(e, row, index) {
      row.text = e.target.textContent;
      this.noteList.splice(index, 1, row);
      //   this.$store.commit("setNote", this.noteList);
    },
    noteFixed(row, index) {
      row.animation = true;
      this.noteList.splice(index, 1, row);
      setTimeout(() => {
        row.fixed = !row.fixed;
        this.noteList.splice(index, 1, row);
        this.$store.commit("setNote", this.noteList);
      }, 180);
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.app-pinned {
  position: absolute;
  left: 80px;
  top: 90px;
  width: 300px;
  perspective: 500px;
  transition: all 0.25s;

  .pinned-item {
    position: relative;
    transition-duration: 0.25s;
    cursor: pointer;
    font-size: 13px;
    padding: 15px 20px;
    background: rgba(var(--background), 0.7);
    border-radius: 5px;
    color: rgba(var(--main-color), 0.8);
    margin-bottom: 10px;

    .icon-close {
      opacity: 0;
      transition-duration: 0.2s;
      position: absolute;
      right: 5px;
      top: 5px;
      font-size: 14px;
      color: rgba(var(--main-color), 0.8);
    }
    &:hover {
      transform: rotateX(3deg) rotateY(-3deg);
      .icon-close {
        opacity: 1;
      }
    }
    .pinned-text {
      border: none;
      text-align: left;
      word-break: break-all;
    }
    .pinned-time {
      margin-top: 5px;
      display: block;
      color: rgba(var(--main-color), 0.3);
      font-size: 12px;
    }
  }
}
[contenteditable]:focus {
  outline: none;
}
</style>

================================================
FILE: src/components/public/d-icon.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-27 10:31:35
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-28 10:22:49
 * @Description: file content
*/
<template>
  <svg class="d-icon" @click="handleClick" aria-hidden="true">
    <use :xlink:href="`#${icon}`" />
  </svg>
</template>

<script>
export default {
  name: "dIcon",

  props: {
    icon: String,
  },
  methods: {
    handleClick(evt) {
      this.$emit("click", evt);
    },
  },
};
</script>
<style lang="less" scoped>
.d-icon {
  cursor: pointer;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>


================================================
FILE: src/components/public/d-modal.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 17:48:38
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-30 08:44:59
 * @Description: 应用列表
*/
<template>
  <transition name="el-fade-in">
    <div class="d-modal" v-show="visible">
      <div class="d-modal-bg" @click="handleClose"></div>
      <div class="d-modal-wrap zoomIn" :style="{ maxWidth: width }">
        <div class="d-modal-header d-flex-between">
          <span class="d-model-title f20">{{ title }}</span>
          <i
            title="关闭"
            @click="handleClose"
            icon="icon-close"
            v-size="20"
            class="d-model-close"
          ></i>
        </div>
        <div class="d-model-body">
          <slot></slot>
        </div>
      </div>
    </div>
  </transition>
</template>

<script>
import weather from "@/components/sidebar/weather";

export default {
  name: "sidebar",
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
    width: {
      type: String,
      default: "600px",
    },
    title: String,
  },
  components: { weather },
  data() {
    //这里存放数据
    return {
      initialIndex: 0,
      isEdit: false,
      //0 web 1 app 2 自定义
      // navList: navList,
      timer: true,
      delta: "", //鼠标滚轮方向
      timeOutEvent: null,
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {},
  watch: {
    visible(val) {
      if (val) {
        this.$nextTick(() => {
          let elBox = document.body.querySelector(".app-box");
          elBox.appendChild(this.$el);
        });
      }
    },
  },
  //方法集合
  methods: {
    // 关闭
    handleClose() {
      this.hide();
    },
    hide() {
      this.$emit("update:visible", false);
      this.$emit("close");
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  destroyed() {
    // if appendToBody is true, remove DOM node after destroy
    if (this.$el && this.$el.parentNode) {
      this.$el.parentNode.removeChild(this.$el);
    }
  },
};
</script>
<style lang='less'>
.d-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  .d-modal-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .d-modal-wrap {
    position: relative;
    margin: 15vh auto;
    z-index: 1;
    .icon-close {
      transition: 0.2s;
      display: inline-block;
      &:hover {
        transform: rotate(90deg);
        color: var(--primary-color);
      }
    }
    border-radius: 5px;
    padding: 25px;
    background-color: var(--background-info);
    .d-model-title,
    .d-model-close {
      color: rgba(var(--main-color), 0.8);
    }
    .d-model-body {
      margin-top: 20px;
      color: rgba(var(--main-color), 0.8);
      padding-bottom: 20px;
    }
  }
}
</style>

================================================
FILE: src/components/public/d-tabs.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-27 16:37:58
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-27 16:57:46
 * @Description: file content
*/
<template>
  <ul class="d-tabs">
    <li
      class="d-tabs-item"
      v-for="(row, index) of data"
      :key="index"
      :class="{ active: value == index }"
      @click="tabClick(row, index)"
    >
      {{ row.label || row }}
    </li>
  </ul>
</template>

<script>
export default {
  name: "",
  props: {
    value: {
      required: true,
    },
    data: {
      required: true,
      type: [Array, Object],
      default: () => [],
    },
  },
  components: {},
  data() {
    return {};
    //这里存放数据
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {},
  watch: {},
  //方法集合
  methods: {
    tabClick(row, index) {
      this.$emit("input", index);
      this.$emit("tab-click", row, index);
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.d-tabs {
  .d-tabs-item {
    cursor: pointer;
    text-align: center;
    flex: 1;
    color: rgba(var(--main-color), 1);
    border-bottom: 1px solid transparent;
    display: inline-block;
    padding: 0 20px;
    &.active {
      background-color: rgba(var(--main-color), 0.02);
      color: var(--primary-color);
      border-color: var(--main-color);
    }
    &:hover {
      color: var(--primary-color);
    }
  }
  line-height: 40px;
  background-color: rgba(var(--main-color), 0.06);
  color: rgba(var(--color), 1);
}
</style>

================================================
FILE: src/components/search-box.vue
================================================
<template>
  <div class="d-flex-hor">
    <div class="app-serach-box">
      <div class="se-input-box" :class="{ active: value }">
        <div class="se-select" @click.stop="isShowSelect = !isShowSelect">
          <d-icon v-size="20" :icon="`icon-${currSearch.icon}`"></d-icon>
        </div>
        <input
          v-focus="true"
          v-model.trim="value"
          class="se-input"
          @input="keyWordList()"
          @keyup.13="searchHandle(value)"
          @keydown="keydown($event)"
          placeholder="输入并搜索"
          type="text"
        />
        <div class="se-close" v-show="value" @click="value = ''">
          <d-icon v-size="20" icon="icon-clost" class="select-icon"></d-icon>
        </div>
        <div class="se-select" @click="searchHandle(value)">
          <d-icon v-size="20" icon="icon-search" class="select-icon"></d-icon>
        </div>
      </div>
      <div class="se-list-keyword">
        <ul class="se-all" :class="{ action: isShowSelect }">
          <li
            class="se-item"
            v-for="(item, index) of searchList"
            :key="item.key"
            :title="item.title"
          >
            <span
              @click.stop="clickSelect(item)"
              class="se-item-icon"
              :style="{ transition: `${0.2 * (index + 1)}s` }"
              :class="{ action: item.key == currSearch.key }"
            >
              <d-icon v-size="18" :icon="`icon-${item.icon}`"></d-icon>
            </span>
          </li>
        </ul>
        <ul class="se-keyword al" v-if="value && showKeyWord" :style="{ height: keyListHeight }">
          <li
            @click.stop="searchHandle(tranText, 'fanyi')"
            class="se-keyword-item d-elip"
            @keydown="keydown"
            :class="{ focus: keyIndex === 0 }"
          >翻译：{{ tranText }}</li>
          <li
            @click.stop="searchHandle(item)"
            class="se-keyword-item d-elip"
            v-for="(item, index) of keyList"
            :class="{ focus: keyIndex == index + 1 }"
            :key="item"
            :data-index="index + 1"
          >{{ item }}</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import axios from "axios";
export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      value: "", //input绑定值
      isShowSelect: false, //是否显示搜索引擎列表
      showKeyWord: false,
      //   搜索引擎列表
      searchList: [
        {
          key: "baidu",
          title: "百度搜索",
          icon: "baidu",
          href: "http://www.baidu.com/s?wd=",
          translate: "https://fanyi.baidu.com/translate?#zh/en/",
        },
        {
          key: "bing",
          title: "必应搜索",
          icon: "bing",
          href: "https://cn.bing.com/search?q=",
          translate: "https://fanyi.baidu.com/translate?#zh/en/",
        },
        {
          key: "google",
          title: "google搜索",
          icon: "google",
          href: "https://www.google.com/search?q=",
          translate:
            "https://translate.google.cn/#view=home&op=translate&sl=en&tl=zh-CN&text=",
        },
      ],

      currSearch: {}, //   当前搜索引擎信息
      keyList: [], //关键字列表
      keyListHeight: "0px",
      tranText: "", //要翻译的文本
      keyIndex: -1, //关键字下标
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.init();
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() { },
  computed: {},
  watch: {},
  //方法集合
  methods: {
    init() {
      let search = this.$store.state.setContent.search || "baidu";
      this.currSearch = this.searchList.find((v) => v.key == search);
      document.addEventListener(
        "click",
        () => {
          this.showKeyWord = false;
          this.isShowSelect = false;
        },
        false
      );
    },
    keydown(el) {
      let keyCode = el.keyCode;
      if (keyCode === 40) {
        this.keyIndex++;
        if (this.keyIndex >= 11) {
          this.keyIndex = 0;
        }
      } else if (keyCode === 38) {
        el.preventDefault();
        this.keyIndex--;
        if (this.keyIndex <= 0) {
          this.keyIndex = 10;
        }
      }
      if (this.keyIndex > 0) {
        this.value = this.keyList[this.keyIndex - 1];
      }
    },
    keyWordList() {
      if (!this.value) {
        this.keyList = [];
        this.keyListHeight = "0px";
        return;
      }
      this.showKeyWord = true;
      this.tranText = this.value;
      this.keyIndex = -1;
      this.keyListHeight = this.keyList.length * 30 + 30 + "px";
      this.$http.baiduSugrec(this.value).then((res) => {
        let data = res.data;
        this.keyList = data.g || [];
        this.keyList = this.keyList.map((item) => item.q);
        this.keyListHeight = this.keyList.length * 30 + 30 + "px";
      });
    },
    clickSelect(row) {
      this.currSearch = row;
      this.$store.commit("setSetContent", {
        ...this.$store.state.setContent,
        search: row.key,
      });
    },
    // 开始搜索
    searchHandle(value, type) {
      if (!value) return;
      let url = `${this.currSearch.href}${value}`;
      if (this.keyIndex === 0 || type == "fanyi") {
        url = `${this.currSearch.translate}${value}`;
      }

      window.open(url, "_blank");
      this.value = "";
    },
  },
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.app-serach-box {
  position: relative;
  text-align: center;
  padding: 0 20px;
  width: 600px;
  .se-input-box {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
    backdrop-filter: blur(8px);
    background-color: rgba(var(--background), 0.4);
    overflow: hidden;
    display: flex;
    height: 54px;
    align-items: center;
    border-radius: 40px;
    transition: 0.2s;
    color: rgba(var(--main-color), 0.8);
    .select-icon {
      color: rgba(var(--main-color), 0.3);
    }
    .se-select {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      min-width: 50px;
      max-width: 50px;
      transition: 0.2s;

      &:hover {
        background-color: rgba(var(--background), 0.2);
      }
    }
    .se-input {
      color: rgba(var(--main-color), 0.94);
      background-color: transparent;
      font-size: 14px;
      width: 100%;
    }
    &:hover,
    &.active {
      background-color: rgba(var(--background), 0.8);
    }
  }
  .se-list-keyword {
    position: absolute;
    padding: 0 20px;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .se-all {
    height: 0;
    transform: scaleY(0);
    transform-origin: top;
    z-index: 0;
    transition: 0.2s;
    // backdrop-filter: blur(8px);
    width: 100%;
    border-radius: 30px;
    padding: 5px 10px;
    // box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4);

    font-size: 0;
    .se-item {
      color: #eee;
      .se-item-icon {
        color: rgba(var(--main-color), 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        line-height: 30px;
        background-color: rgba(var(--background), 0.1);
        margin: 0 auto;
        height: 30px;
        width: 80%;
        border-radius: 15px;
        backdrop-filter: blur(8px);
        transition: 0.2s;
        transform: translateY(-20px);
        &:hover {
          background-color: rgba(var(--background), 0.6);
        }
        &.action {
          background-color: rgba(var(--background), 0.6);
        }
      }

      display: inline-block;
      width: 20%;
    }
    &.action {
      padding: 10px;
      height: 50px;
      transform: scaleY(1);
      .se-item {
        .se-item-icon {
          opacity: 1;
          vertical-align: middle;
          transform: rotateX(0);
        }
      }
    }
  }

  //   关键字列表
  .se-keyword {
    backdrop-filter: blur(10px);
    transition: 0.2s;
    height: 0;
    background-color: rgba(var(--background), 0.3);
    border-radius: 20px;
    overflow: hidden;
    .se-keyword-item {
      cursor: pointer;
      padding: 0 30px;
      color: rgba(var(--main-color), 0.8);
      height: 30px;
      line-height: 30px;
      font-size: 13px;
      transition: 0.2s;
      &.focus,
      &:hover {
        background-color: rgba(var(--background), 0.2);
        text-indent: 10px;
      }
      &:hover {
        text-indent: 10px;
      }
    }
    &.active {
      height: 30px;
    }
  }
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(var(--main-color), 0.8);
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(var(--main-color), 0.8);
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(var(--main-color), 0.8);
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(var(--main-color), 0.8);
}
</style>

================================================
FILE: src/components/sidebar/add/default.vue
================================================
<template>
  <div class="default-nav">
    <el-input
      class="p5"
      maxlength="10"
      clearable
      placeholder="请输入网站名称"
      v-model="queryForm.name"
      size="small"
      @clear="queryHandle"
      @keyup.native.13="queryHandle"
    >
      <i class="el-icon-search el-input__icon d-block" slot="prefix" @click="queryHandle()"></i>
    </el-input>
    <div class="d-flex">
      <ul class="class-box d-elip">
        <li class="pl20" @click="tabClick({ type: -1 })" :class="{ active: tabActive == -1 }">常用网站</li>
        <li
          @click="tabClick(item)"
          :class="{ active: tabActive == item.type }"
          v-for="item of categoryData"
          :key="item.type"
        >{{ item.name }}</li>
      </ul>
      <div
        class="default-box"
        v-infinite-scroll="loadMore"
        :infinite-scroll-disabled="tabActive == -1"
      >
        <div
          class="app-group layout-row-2 p0 mt0"
          style="width: auto; margin-top: -20px"
          v-loading="loading"
        >
          <div class="ac" v-if="!defaultNavList.length">暂无数据</div>
          <template v-for="(row, index) of defaultNavList">
            <div class="app-group-item mb10" v-if="row.key != 'add'" :key="index">
              <div class="group-item-content" v-size="80">
                <!-- 图标 -->

                <i
                  @click.stop="selNav(row)"
                  v-show="!navListIds.includes(row.id)"
                  class="icon-item unselect el-icon-success"
                ></i>
                <i
                  @click.stop="selNav(row)"
                  v-show="navListIds.includes(row.id)"
                  class="icon-item select el-icon-success"
                ></i>

                <div
                  @click.stop="urlTo(row)"
                  class="group-item-icon d-flex-center d-hidden"
                  v-font="setContent.iconSize"
                  :style="{
                    backgroundColor: `rgba(var(--background),${setContent.iconOpacity / 100
                      }`,
                    borderRadius: `${setContent.iconRadius / 2}%`,
                  }"
                >
                  <el-tooltip v-if="row.type == 2" effect="dark" placement="top">
                    <div style="max-width: 300px" slot="content">{{ row.description || row.title }}</div>
                    <img v-size="row.source ? '100%' : '38%'" :src="row.icon" :alt="row.title" />
                  </el-tooltip>
                  <d-icon v-else v-size="'40%'" v-color="row.color" :icon="`icon-${row.key}`" />
                </div>
                <p
                  class="group-item-title f12 d-elip"
                  style="padding: 0"
                  :title="row.title"
                  :style="{ color: `rgba(var(--main-color),.8)` }"
                >
                  <span>{{ row.title }}</span>
                </p>
              </div>
            </div>
          </template>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { navList } from "@/json";

const categoryData = [
  // { name: "受欢迎的", type: "popular" },

];
export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      tabActive: -1,
      loading: false,
      defaultNavList: navList, //默认捷径
      queryForm: { type: -1, name: "", page: 1, size: 50 },
      // 分类
      categoryData: categoryData,
      // 网站列表
      websiteData: [],
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() { },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() { },
  computed: {
    //设置内容
    setContent() {
      return this.$store.state.setContent || {};
    },
    // 当前用户用到的菜单]
    navList() {
      return this.$store.state.navList;
    },
    // 桌面存在的捷径id
    navListIds() {
      return this.$store.state.navList.map((row) => row.id);
    },
  },
  watch: {},
  //方法集合
  //方法集合
  methods: {
    tabClick(item) {
      document.querySelector(".default-box").scrollTop = 0;
      this.tabActive = item.type;
      this.queryForm.type = item.type;
      if (this.tabActive == -1) {
        this.queryForm.type = "";
      }

      this.queryForm.page = 1;
      if (this.tabActive == -1) {
        // index==-1是 定义的默认图标
        this.defaultNavList = navList;
      }
    },
    queryHandle() {
      this.queryForm.type = "";
      this.queryForm.page = 1;
      this.tabActive = "";
    },


    urlTo(row) {
      if (row.type == 0 || row.type == 2) {
        window.open(row.url, "_blank");
      } else {
        this.$message.warning("当前图标属于应用");
        return;
        let editType = row.key == "add" ? "add" : "";
        this.$store.commit("setShowSide", {
          val: true,
          comp: row.key,
          editType: editType,
        });
      }
    },
    // 点击添加捷径
    selNav(row) {
      // 判断当前图标是否存在首页列表中
      let idIndex = this.navListIds.findIndex((v) => v == row.id);
      // 如果没有当前图标添加 否则删除
      if (idIndex == -1) {
        let length = this.navList.length;
        // 因为最后一个图标是添加 所以要插入倒数第二位
        this.navList.splice(length - 1, 0, row);
      } else {
        let navListIndex = this.navList.findIndex((v) => v.id == row.id);
        this.navListIds.splice(idIndex, 1);
        this.navList.splice(navListIndex, 1);
      }
      this.$store.commit("setNavList", this.navList);
    },
  },
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.default-nav {
  .class-box,
  .default-box {
    height: calc(100vh - 146px);
    overflow-y: auto;
    flex: 1;
  }
  .class-box {
    flex: 1;
    min-width: 140px;
    max-width: 140px;
    background-color: rgba(0, 0, 0, 0.1);
    li {
      padding: 0 25px;
      line-height: 40px;
      font-size: 14px;
      cursor: pointer;
      color: rgba(var(--main-color), 0.7);
      &.active {
        color: #1e6fff;
      }
      &:hover {
        background: rgba(var(--main-color), 0.1);
      }
    }
  }
  .group-item-content {
    &:active {
      transform: scale(1) !important;
    }

    .icon-item {
      font-size: 28px;
      border-radius: 50%;
      position: absolute;
      z-index: 2;
      right: 0px;
      bottom: 0px;
      &.unselect {
        color: #ddd;
        display: none;
      }
      &:hover {
        color: #3d923b;
      }

      &.select {
        color: #06af02;
        &:hover {
          &:before {
            content: "\e79d";
            color: #e6162d;
          }
        }
      }
    }
    &:hover {
      .unselect {
        display: block;
      }
    }
  }
}
</style>

================================================
FILE: src/components/sidebar/add.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 18:03:48
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-01-19 17:17:46
 * @Description: add 添加和修改图标
*/
<template>
  <div class="side-add">
    <d-tabs
      class="d-flex-between"
      v-model="tabIndex"
      :data="['默认', '自定义']"
    />
    <!-- 默认捷径 -->
    <defaults v-show="tabIndex == 0" />

    <!-- 自定义添加捷径 -->
    <div class="mt20 pl20 pr20" v-show="tabIndex == 1">
      <div>
        <input
          @input="getIcon"
          class="add-input"
          v-model.trim="addForm.title"
          maxlength="20"
          placeholder="标题"
          type="text"
        />
        <input
          class="add-input"
          v-model.trim="addForm.url"
          placeholder="网址"
          @input="getIcon"
          type="text"
        />
        <p style="color: #e74c3c" class="f12">{{ tips }}</p>
        <div class="app-group mb20 d-flex-ver" style="width: auto">
          <div class="app-group-item mt0" style="width: auto">
            <div class="group-item-content" v-size="setContent.iconSize">
              <!-- 图标 -->

              <div
                class="group-item-icon d-flex-center"
                :style="[
                  {
                    backgroundColor: `${
                      addForm.bgColor
                        ? addForm.bgColor
                        : `rgba(var(--background),${
                            setContent.iconOpacity / 100
                          })`
                    }`,
                  },
                  { borderRadius: `${setContent.iconRadius / 2}%` },
                  { fontSize: `${setContent.iconSize}px` },
                ]"
              >
                <span
                  v-if="addForm.type == 2 && addForm.iconType == 'text'"
                  :style="{ color: addForm.bgColor ? '#fff' : '' }"
                  class="group-item-icon-font"
                  >{{ addForm.icon }}</span
                >
                <img
                  v-else-if="addForm.type == 2"
                  @error="imgError"
                  v-size="'36%'"
                  :src="addForm.icon"
                  alt=""
                />
                <d-icon
                  v-else
                  v-size="'40%'"
                  v-color="addForm.color"
                  :icon="`icon-${addForm.key}`"
                />
              </div>
            </div>
          </div>
          <div class="add-icon-info ml10">
            输入完整链接后会自动获取网站图标<br />
            如果图标获取失败会以标题前两个字符作为名称
          </div>
        </div>
        <ul class="add-color d-pointer d-flex-between">
          <li
            class="add-color-item"
            @click="selBgColor(item)"
            v-for="item of colorList"
            :class="[
              `color-item-select-${item == addForm.bgColor ? true : false}`,
              `color-item-${item}`,
            ]"
            :key="item"
            :style="[{ backgroundColor: item }, { borderColor: item }]"
          ></li>
        </ul>
        <el-button type="primary" class="wfull mt20" @click="submit">
          确定
        </el-button>
      </div>
    </div>
  </div>
</template>

<script>
import dayjs from "dayjs";
import defaults from "./add/default";
function isURL(domain) {
  var name = /[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\.?/;
  if (!name.test(domain)) {
    return false;
  } else {
    return true;
  }
}
function formatUrl(url) {
  if (
    url.substr(0, 7).toLowerCase() == "http://" ||
    url.substr(0, 8).toLowerCase() == "https://" ||
    url.substr(0, 2).toLowerCase() == "http://"
  ) {
    return url;
  } else {
    return "http://" + url;
  }
}
export default {
  title: "新增",
  name: "add",
  props: {},
  components: { defaults },
  data() {
    //这里存放数据
    return {
      tabIndex: 0,
      colorList: [
        "",
        "#1abc9c",
        "#2ecc71",
        "#33c5c5",
        "#3498db",
        "#9b59b6",
        "#34495e",
        "#f1c40f",
        "#e67e22",
        "#e74c3c",
      ],
      tips: "",
      addForm: {
        title: "",
        url: "",
        bgColor: "",
        type: 2,
        icon: "",
        iconType: "text",
        color: "",
        key: "",
        id: "",
      },
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {
    //设置内容
    setContent() {
      return this.$store.state.setContent || {};
    },
    editType() {
      return this.$store.state.editType;
    },
    // 当前用户用到的菜单]
    navList() {
      return this.$store.state.navList;
    },
    // 桌面存在的捷径id
    navListIds() {
      return this.$store.state.navList.map((row) => row.id);
    },
  },
  watch: {
    "$store.state.navRowData": {
      handler(val) {
        for (let key in this.addForm) {
          this.addForm[key] = val[key] || "";
        }
        this.init(val);
      },
      deep: true,
      immediate: true,
    },
    "$store.state.isShowSide": {
      handler(val) {
        if (val && this.editType == "add") {
          this.init();
        }
      },
      deep: true,
      immediate: true,
    },
  },
  //方法集合
  methods: {
    init() {
      if (this.editType != "edit") {
        this.tabIndex = 0;
        this.addForm = {
          title: "",
          url: "",
          bgColor: "",
          type: 2,
          icon: "",
          iconType: "text",
          color: "",
          key: "",
          id: "",
        };
      } else {
        this.tabIndex = 1;
      }
    },
    // 选择图片背景
    selBgColor(item) {
      this.addForm.bgColor = item;
    },
    // 提交
    submit() {
      if (!this.addForm.title) {
        this.tips = "请输入标题";
        return;
      }
      if (!isURL(this.addForm.url)) {
        this.tips = "请输入正确的网址";
        return;
      }

      this.addForm.url = formatUrl(this.addForm.url);

      if (this.editType == "edit") {
        let url = this.addForm.url;
        let index = this.navList.findIndex((v) => v.id == this.addForm.id);
        let cloneData = this.$util.deepClone(this.addForm);
        this.navList.splice(index, 1, cloneData);
        this.$store.commit("setNavList", this.navList);
        this.$store.commit("setShowSide", { val: false });
        this.$message.success("修改成功");
      } else {
        this.addForm.id = dayjs().valueOf(); //当前时间戳作为id
        let length = this.navList.length;
        let cloneData = this.$util.deepClone(this.addForm);
        this.navList.splice(length - 1, 0, cloneData);
        this.$store.commit("setNavList", this.navList);
        this.$message.success("添加成功");
      }
    },
    getIcon() {
      if (!this.addForm.title) {
        this.tips = "请输入标题";
      } else if (!isURL(this.addForm.url)) {
        this.tips = "请输入正确的网址";
      } else {
        this.tips = "";
      }

      let url = this.addForm.url;
      if (isURL(url)) {
        this.addForm.icon = `${formatUrl(url)}/favicon.ico`;
        this.addForm.iconType = 1;
      } else {
        this.imgError();
      }
    },
    imgError() {
      this.addForm.iconType = "text";
      this.addForm.icon = this.addForm.title.substr(0, 2);
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.side-add {
  overflow: hidden;
  background-color: var(--background-info);
  font-size: 14px;
  height: 100%;
  width: 100%;
  .add-input {
    font-size: 14px;
    color: rgba(var(--main-color), 0.8);
    border-radius: 3px;
    padding: 0 10px;
    margin-bottom: 20px;
    line-height: 40px;
    background: rgba(var(--main-color), 0.1);
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .add-color {
    .add-color-item {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-clip: content-box;
      border: 1px solid;
      box-sizing: content-box;
      padding: 2px;
      transition: 0.2s;
      box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.15);
      &:hover {
        transform: scale(1.2);
      }
    }

    .color-item-select-false {
      border-color: transparent !important;
    }
  }
  .add-icon-preview {
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
}
.color-item- {
  background-size: 35%;
  background-image: url("../../assets/transparent.png");
  border-color: #666 !important;
}
.add-icon-info {
  line-height: 20px;
  font-size: 14px;
  color: rgba(var(--main-color), 0.6);
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #777;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #777;
}
</style>

================================================
FILE: src/components/sidebar/index.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 17:48:38
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-27 10:56:07
 * @Description: file content
*/
<template>
  <div class="app-sidebar-box">
    <transition name="el-fade-in">
      <div
        class="app-sidebar-cover"
        @click="$store.commit('setShowSide', { val: false })"
        v-show="showSidebar"
      ></div>
    </transition>

    <div class="app-sidebar-content" :class="{ active: showSidebar }">
      <h2 class="sidebar-title">
        {{ title[sideComp] }}
        <div class="ar fr">
          <d-icon
            class="sidebar-close"
            icon="icon-close"
            v-size="24"
            title="关闭"
            @click.native="$store.commit('setShowSide', { val: false })"
          >
          </d-icon>
        </div>
      </h2>
      <div class="app-sidebar-main">
        <keep-alive>
          <templates ref="comp" :is="sideComp"></templates>
        </keep-alive>
      </div>
    </div>
  </div>
</template>

<script>
// const weather = () => import("@/components/sidebar/weather");
// const todo = () => import("@/components/sidebar/todo");
// const note = () => import("@/components/sidebar/note");
const setting = () => import("@/components/sidebar/setting");
// const add = () => import("@/components/sidebar/add");
const indexFiles = require.context(`./`, false, /(?<!index)\.vue$/);
const comps = indexFiles.keys().reduce((obj, key) => {
  let comp = indexFiles(key).default;
  let name = key.match(/.\/(\S*).vue/)[1];
  obj[name] = comp;
  return obj;
}, {});
export default {
  title: "设置",
  name: "sidebar",
  props: {},
  components: { ...comps, setting },
  data() {
    //这里存放数据
    return {
      title: {
        weather: "天气",
        todo: "待办事项",
        note: "便笺",
        setting: "设置",
        add: "新增",
      },
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {
    showSidebar() {
      return this.$store.state.isShowSide || false;
    },
    sideComp() {
      return this.$store.state.sideComp || "";
    },
  },
  watch: {
    "$store.state.editType": {
      handler(val) {
        this.title.add = val == "add" ? "新增" : "编辑";
      },
    },
  },
  //方法集合
  methods: {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.app-sidebar-cover {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.app-sidebar-content {
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 20px 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  transition: transform 0.2s;
  z-index: 100;
  transform: translateZ(0);
  transform: translateX(100%);
  top: 0;
  bottom: 0;
  right: 0;
  width: 400px;
  &.active {
    transform: translateX(0);
  }
  .app-sidebar-main {
    overflow-y: auto;
    padding-top: 60px;
    background-color: var(--background-info);
    height: 100%;
    width: 100%;
  }
}
.sidebar-title {
  position: absolute;
  z-index: 2001;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #1e1e1e;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  line-height: 60px;
  // color: rgba(var(--main-color), 1);
  color: #fff;
  font-size: 24px;
  padding: 0 20px;
}
.sidebar-close {
  display: inline-block;
  transition: 0.2s;
  &:hover {
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 641px) {
  .app-sidebar-content {
    width: 80%;
  }
}
</style>

================================================
FILE: src/components/sidebar/note.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 18:03:48
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-27 11:20:25
 * @Description: note
*/
<template>
  <div class="side-note">
    <ul class="note-list">
      <li class="note-item" @click="addNote">
        <d-icon v-size="16" class="mr5" icon="icon-add" />
        新建笔记
      </li>
      <li
        v-for="(row, index) of noteList"
        :key="index"
        @click="rowHandle(row, index)"
        class="note-item"
        :class="{ active: index == noteIndex }"
      >
        <span class="note-item-text d-elip">
          {{ row.text ? row.text : "新建笔记" }}
        </span>
        <p class="f14 note-handle">
          <d-icon
            v-if="row.text"
            v-size="16"
            class="icon mr5"
            :icon="`icon-fixed-${row.fixed ? 'solid' : 'line'}`"
            @click.native.stop="noteFixed(row, index)"
            :title="`${row.fixed ? '取消' : '固定'}到桌面`"
          />

          <d-icon
            v-if="index != noteIndex"
            v-size="16"
            class="icon"
            icon="icon-close"
            @click.native="noteDelete(row, index)"
            title="删除"
          />
        </p>
      </li>
    </ul>
    <div class="note-input">
      <textarea
        @input="textInput"
        v-model="value"
        rows="2"
        placeholder="写点儿什么吧"
      ></textarea>
    </div>
  </div>
</template>

<script>
import dayjs from "dayjs";
export default {
  title: "便笺",
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      value: "",
      noteIndex: 0,
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.init();
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {
    noteList() {
      return this.$store.state.note;
    },
  },
  watch: {},
  //方法集合
  methods: {
    init() {
      // 获取note
      this.noteIndex = 0;
    },
    localSave() {
      this.$store.commit("setNote", this.noteList);
    },
    // 新建笔记
    addNote() {
      let textJson = {
        text: "",
        created: dayjs().valueOf(),
      };
      this.noteList.unshift(textJson);
      this.value = "";
      this.localSave();
    },
    rowHandle(row, index) {
      this.noteIndex = index;
      this.value = row.text;
    },
    textInput() {
      this.noteList[this.noteIndex].text = this.value;
      this.noteList[this.noteIndex].created = dayjs().valueOf();
      this.localSave();
    },
    noteFixed(row, index) {
      row.fixed = !row.fixed;
      row.animation = false;
      this.noteList.splice(index, 1, row);
      this.localSave();
    },
    // 删除note
    noteDelete(row, index) {
      this.noteList.splice(index, 1);
      this.localSave();
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.side-note {
  display: flex;
  height: 100%;
  .note-list {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    .note-item {
      display: flex;
      align-items: center;
      cursor: pointer;
      font-size: 13px;
      color: rgba(var(--main-color), 0.7);
      line-height: 40px;
      padding: 0 10px;
      font-weight: 500;
      .note-item-text {
        flex: 1;
      }
      .note-handle {
        display: none;
        .icon {
          color: rgba(var(--main-color), 0.7);
        }
      }
      &.active {
        color: #1e6fff;
      }
      &:hover {
        background: rgba(var(--main-color), 0.1);
        .note-handle {
          display: block;
        }
      }
      &:first-child {
        margin-bottom: 20px;
        text-align: center;
        background: rgba(var(--main-color), 0.05);
      }
    }
  }
  .note-input {
    flex: 1;
    textarea {
      color: rgba(var(--main-color), 0.8);
      padding: 20px 10px;
      box-sizing: border-box;
      font-size: 14px;
      display: block;
      width: 100% !important;
      height: 100% !important;
    }
  }
}
</style>

================================================
FILE: src/components/sidebar/setting/about.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-15 21:52:45
 * @LastEditors: www.itab.link
 * @LastEditTime: 2022-01-13 00:13:08
 * @Description: setting 关于我
*/
<template>
  <div>
    <section class="set-section mt20">
      <h2>关于</h2>
      <ul class="set-about">
        <li>
          <a href="/" target="_blank"> 隐私政策 </a>
        </li>
        <li>
          <a href="/" target="_blank"> 联系我 </a>
        </li>
        <li @click="opentModal('反馈与建议')">反馈与建议</li>
        <li @click="opentModal('捐助我')">捐助我</li>
      </ul>
    </section>
    <el-dialog width="520px" :visible.sync="visible" :title="title">
      <div class="ac f14" v-show="title == '反馈与建议'">
        <p class="mb20">
          如需反馈问题、提供建议，请加作者微信：xdlumia,进入微信群
        </p>
        <img src="@/assets/xdlumia-min.jpg" alt="" />
      </div>
      <div class="give-reward" v-show="title == '捐助我'">
        <p class="mb10 ac f14" v-lh="20">
          如果觉得还不错，请随意打赏，您的支持将鼓励我做的更好。
          <br />请简单粗暴的爱我，爱你们，么么哒(╯ε╰)
        </p>
        <img src="@/assets/alipay-min.jpg" alt="" />
        <img src="@/assets/wechat-min.jpg" alt="" />
      </div>
    </el-dialog>
  </div>
</template>

<script>
//例如：import 《组件名称》 from '《组件路径》';
export default {
  name: "",
  props: {},
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
      visible: false,
      title: "捐助我",
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    opentModal(title) {
      this.title = title;
      this.visible = true;
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
.set-about {
  li,
  a {
    cursor: pointer;
    color: var(--primary-color);
  }
}
.give-reward {
  img {
    max-width: 50%;
  }
}
.main {
  line-height: 24px;
  strong {
    font-size: 18px;
    font-weight: bold;
  }
}
</style>

================================================
FILE: src/components/sidebar/setting/exterior.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 18:03:48
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-01-20 09:43:20
 * @Description: setting 外观
*/
<template>
  <section class="set-section">
    <h2>外观</h2>
    <ul>
      <li class="d-flex-between">
        启动动画
        <el-switch v-model="startAnimation"></el-switch>
      </li>
      <li class="d-flex-between">
        显示图标名称
        <el-switch v-model="iconTitle"></el-switch>
      </li>

      <li>
        图标大小
        <div class="d-flex-between">
          <el-slider
            :min="60"
            :max="110"
            v-model="iconSize"
            class="wfull"
          ></el-slider>
          <span class="range-slider__value">
            <span>{{ iconSize }}</span>
          </span>
        </div>
      </li>
      <li>
        图标圆角
        <div class="d-flex-between">
          <el-slider
            :min="20"
            :max="100"
            v-model="iconRadius"
            class="wfull"
          ></el-slider>
          <span class="range-slider__value">
            <span>{{ iconRadius }}%</span>
          </span>
        </div>
      </li>
      <li>
        图标背景透明度
        <div class="d-flex-between">
          <el-slider
            :min="1"
            :max="90"
            v-model="iconOpacity"
            class="wfull"
          ></el-slider>
          <span class="range-slider__value">
            <span>{{ iconOpacity }}%</span>
          </span>
        </div>
      </li>

      <li class="d-flex-between">
        <p>
          底部显示名言名句
          <a
            v-color="'var(--primary-color)'"
            class="f12"
            href="https://hitokoto.cn/"
            target="_blank"
            >[一言]</a
          >
        </p>
        <el-switch v-model="yiyan"></el-switch>
      </li>
      <li class>
        图标布局
        <el-row :gutter="10">
          <el-col
            :span="12"
            v-for="(item, index) of layoutList"
            :key="index"
            class="ac"
          >
            <div
              @click="setLayout(item)"
              class="layout-content"
              :class="[
                `group-column-${item[0]} layout-row-${item[1]}`,
                { active: layout.toString() == item.toString() },
              ]"
            >
              <p
                :style="{ width: `calc(100% / ${item[1]})` }"
                v-for="row of item[0] * item[1]"
                class="layout-content-item d-flex-center"
                :key="row"
              ></p>
            </div>
            <p class="f12">{{ item[0] }} X {{ item[1] }}</p>
          </el-col>
        </el-row>
      </li>
    </ul>
  </section>
</template>

<script>
export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      // 当前布局
      activeLayout: "",
      // 布局示例
      layoutList: [
        [2, 4],
        [2, 5],
        [2, 6],
        [2, 7],
        [2, 8],
        [3, 4],
        [3, 5],
        [3, 6],
        [3, 7],
        [3, 8],
      ],
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  //方法集合
  methods: {
    setLayout(row) {
      let setContent = this.$store.state.setContent || {};
      setContent.layout = row;
      this.$store.commit("setSetContent", setContent);
    },
  },
  computed: {
    layout() {
      return this.$store.state.setContent.layout || [2, 5];
    },
    yiyan: {
      get() {
        return this.$store.state.setContent.yiyan;
      },
      set(val) {
        let setContent = this.$store.state.setContent || {};
        setContent.yiyan = val;
        this.$store.commit("setSetContent", setContent);
      },
    },
    iconRadius: {
      get() {
        return this.$store.state.setContent.iconRadius;
      },
      set(val) {
        let setContent = this.$store.state.setContent || {};
        setContent.iconRadius = val;
        this.$store.commit("setSetContent", setContent);
      },
    },
    // 图标透明度
    iconOpacity: {
      get() {
        return this.$store.state.setContent.iconOpacity;
      },
      set(val) {
        let setContent = this.$store.state.setContent || {};
        setContent.iconOpacity = val;
        this.$store.commit("setSetContent", setContent);
      },
    },
    // 图标透明度
    iconSize: {
      get() {
        return this.$store.state.setContent.iconSize;
      },
      set(val) {
        let setContent = this.$store.state.setContent || {};
        setContent.iconSize = val;
        this.$store.commit("setSetContent", setContent);
      },
    },
    // 图标标题
    iconTitle: {
      get() {
        return this.$store.state.setContent.iconTitle;
      },
      set(val) {
        let setContent = this.$store.state.setContent || {};
        setContent.iconTitle = val;
        this.$store.commit("setSetContent", setContent);
      },
    },
    // 启动动画
    startAnimation: {
      get() {
        return this.$store.state.setContent.startAnimation;
      },
      set(val) {
        let setContent = this.$store.state.setContent || {};
        setContent.startAnimation = val;
        this.$store.commit("setSetContent", setContent);
      },
    },
  },
  watch: {},
};
</script>
<style lang='less' scoped>
.layout-content {
  transition: border 0.2s;
  display: flex;
  flex-flow: wrap;
  height: 60px;
  border: 1px solid rgba(var(--main-color), 0.15);
  border-radius: 3px;
  &:hover {
    cursor: pointer;
    border-color: var(--primary-color);
  }
  &.active {
    border-color: var(--primary-color);
  }
  .layout-content-item {
    &:after {
      content: "";
      display: block;
      height: 10px;
      width: 10px;
      background-color: rgba(var(--main-color), 0.2);
      border-radius: 50%;
    }
  }
}
</style>

================================================
FILE: src/components/sidebar/setting/index.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 18:03:48
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-12-04 14:47:33
 * @Description: setting 设置
*/
<template>
  <div class="side-comp-box">
    <!-- 账号与备份 -->
    <user />
    <!-- 外观 -->
    <theme />
    <!-- 外观 -->
    <exterior />
    <!-- 壁纸 -->
    <wallpaper />
    <section class="set-section mt20">
      <ul>
        <li class="d-flex-between">
          初始化设置

          <el-button size="mini" type="primary" @click="resetSet"
            >重置</el-button
          >
        </li>
      </ul>
    </section>
    <!-- 关于我 -->
    <about />
  </div>
</template>

<script>
import user from "./user";
import exterior from "./exterior";
import wallpaper from "./wallpaper";
import theme from "./theme";
import about from "./about";

export default {
  name: "",
  props: {},
  components: { exterior, wallpaper, theme, about, user },
  data() {
    //这里存放数据
    return {};
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},

  watch: {},
  //方法集合
  methods: {
    resetSet() {
      this.$confirm(
        "此操作将清空您的喜好设置!  您的便笺和待办事项不会清空,是否继续?",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
          center: true,
        }
      ).then(() => {
        this.$message({
          type: "success",
          message: "删除成功!",
        });
      });
      // let submit = confirm(
      //   "此操作将清空您的喜好设置!  您的便笺和待办事项不会清空"
      // );
      // if (submit) {
      //   this.$local.remove("setContent");
      //   this.$local.remove("navList");
      //   this.$local.remove("wallpaper");
      //   location.reload();
      // }
    },
  },
};
</script>
<style lang='less'>
.side-comp-box {
  padding: 0 20px 10px;
  background-color: var(--background-info);
  font-size: 14px;
  height: 100%;
  width: 100%;

  .set-section {
    color: rgba(var(--main-color), 0.7);
    line-height: 30px;
    & > ul {
      background-color: rgba(var(--main-color), 0.05);
      padding: 10px;
      border-radius: 5px;
    }
    h3 {
      color: rgba(var(--main-color), 1);
    }
    h2 {
      color: rgba(var(--main-color), 1);
      line-height: 50px;
      font-size: 16px;
    }
  }
}
</style>

================================================
FILE: src/components/sidebar/setting/theme.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-15 21:52:45
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-27 15:12:48
 * @Description: setting 主题
*/
<template>
  <section class="set-section">
    <h2>主题</h2>
    <ul>
      <li class="d-flex-between">
        深色模式
        <el-switch
          v-model="themeMode"
          :disabled="$store.state.setContent.sunrise"
          active-value="dark"
          inactive-value="light"
        ></el-switch>
      </li>
      <li class="d-flex-between">
        <div>
          跟随日出日落
          <span class="f12" v-color="'rgba(var(--main-color),.4)'">
            日出:{{ $store.state.weather.sun.rise }},日落:{{
              $store.state.weather.sun.set
            }}
          </span>
        </div>
        <el-switch v-model="sunrise"></el-switch>
      </li>
    </ul>
  </section>
</template>

<script>
//例如：import 《组件名称》 from '《组件路径》';
export default {
  name: "",
  props: {},
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {
    themeMode: {
      get() {
        return this.$store.state.setContent.themeMode;
      },
      set(val) {
        let setContent = this.$store.state.setContent;
        setContent.themeMode = val;
        this.$store.commit("setSetContent", setContent);
      },
    },
    sunrise: {
      get() {
        return this.$store.state.setContent.sunrise;
      },
      set(val) {
        let setContent = this.$store.state.setContent;
        setContent.sunrise = val;
        // setContent.themeMode = false;
        this.$store.commit("setSetContent", setContent);
      },
    },
  },
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
</style>

================================================
FILE: src/components/sidebar/setting/user.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-15 21:52:45
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-12-07 17:00:49
 * @Description: setting 主题
*/
<template>
  <div>
    <section class="set-section">
      <h2>账号与备份</h2>
      <ul v-if="Object.keys(userInfo).length">
        <li>
          <el-button type="text">{{ userInfo.loginName }}</el-button>
          <el-button class="fr" type="priamry" size="mini" @click="logout"
            >退出登陆</el-button
          >
        </li>

        <li>
          <el-button type="text" @click="bakHandle">手动备份数据</el-button>
        </li>
      </ul>
      <ul v-else>
        <li>
          <el-button
            class="wfull"
            size="medium"
            type="primary"
            @click="loginHandle('login')"
            >登录</el-button
          >
        </li>
        <li class="mt10">
          <el-button
            class="wfull"
            type="text"
            size="medium"
            @click="loginHandle('reg')"
            >注册</el-button
          >
        </li>
      </ul>
    </section>
  </div>
</template>

<script>
//例如：import 《组件名称》 from '《组件路径》';
export default {
  name: "",
  props: {},
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {
    userInfo() {
      return this.$store.state.userInfo || {};
    },
  },
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    loginHandle(type) {
      let data = {
        visible: true,
        type: type,
      };
      this.$store.commit("setLoginInfo", data);
    },
    logout() {
      this.$message.success("退出成功");
      this.$store.commit("setUserInfo", "");
    },
    // 手动备份
    bakHandle() {
      this.$store.dispatch("saveConfig");
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='less' scoped>
.login-tip {
  font-size: 12px;
  margin-bottom: 20px;
  color: rgba(var(--main-color), 0.5);
}
</style>

================================================
FILE: src/components/sidebar/setting/wallpaper.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 18:03:48
 * @LastEditors: www.itab.link
 * @LastEditTime: 2022-01-13 00:13:24
 * @Description: 设置-壁纸
*/
<template>
  <section class="set-section">
    <h2 class="f16">壁纸</h2>
    <ul>
      <li class>
        对壁纸进行模糊处理
        <!-- <el-switch v-model="bgBlur"></el-switch> -->
        <ul class="d-flex-between">
          <el-slider v-model="bgBlur" class="wfull"></el-slider>
          <span class="range-slider__value">
            <span>{{ bgBlur }}</span>
          </span>
        </ul>
      </li>
      <li>
        <h3>动态</h3>
        <el-row :gutter="10">
          <el-col :span="8" v-for="(row, index) of videoList" :key="index">
            <div
              :title="`${row.title} ${row.local}`"
              class="wallpaper-item"
              @click="selWallpaper(row, 2)"
              :class="{ active: activeSrc == row.src }"
            >
              <video :alt="row.title" :src="row.src" />
            </div>
          </el-col>
        </el-row>
        <h3>必应</h3>
        <el-row :gutter="10">
          <el-col :span="8">
            <div
              :title="`${bingWallpaper.title} ${bingWallpaper.copyright}`"
              class="wallpaper-item"
              @click="selWallpaper(bingWallpaper, 1)"
              :class="{ active: activeSrc == bingWallpaper.fullSrc }"
            >
              <el-image
                fit="cover"
                class="wallpaper-img"
                :alt="bingWallpaper.title"
                :src="bingWallpaper.src"
                lazy
              ></el-image>
            </div>
          </el-col>
          <el-col :span="16">
            <title>必应壁纸</title>
            <p
              class="f12 bing-copyright"
              :title="bingWallpaper.copyright"
              style="line-height: 18px"
            >
              {{ bingWallpaper.copyright }}
            </p>
            <p class="f12">
              图像来源:
              <a
                v-color="'var(--primary-color)'"
                href="https://cn.bing.com/"
                target="_blank"
                >必应</a
              >

              <a
                v-color="'var(--primary-color)'"
                class="ml10"
                href="/"
                download="bing"
                target="_blank"
                >点此下载</a
              >
            </p>
          </el-col>
        </el-row>
        <div v-for="(item, index) of dataList" :key="index">
          <h3>{{ item.title }}</h3>
          <el-row :gutter="10">
            <el-col :span="8" v-for="(row, index) of item.data" :key="index">
              <div
                :title="`${row.title} ${row.local}`"
                @click="selWallpaper(row, 0)"
                class="wallpaper-item"
                :class="{ active: activeSrc == row.src }"
              >
                <el-image
                  fit="cover"
                  class="wallpaper-img"
                  :alt="row.title"
                  :src="row.src"
                  lazy
                ></el-image>
              </div>
            </el-col>
          </el-row>
        </div>
      </li>
    </ul>
  </section>
</template>

<script>
import { videoList, imgList } from "@/json";

export default {
  name: "wallpaper",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      dataList: [
        {
          title: "默认",
          data: imgList,
        },
      ],
      imgList: imgList,
      videoList: videoList,
      activeSrc: "",
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.activeSrc = this.$local.get("wallpaper").src;
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {
    bingWallpaper() {
      return this.$store.state.bingWallpaper || {};
    },
    bgBlur: {
      get() {
        return this.$store.state.setContent.bgBlur;
      },
      set(val) {
        let setContent = this.$store.state.setContent || {};
        setContent.bgBlur = val;
        this.$store.commit("setSetContent", setContent);
      },
    },
  },
  watch: {},
  //方法集合
  methods: {
    // 0 本地 1 bing 2视频
    selWallpaper(row, type) {
      row.type = type;
      this.activeSrc = row.src;
      this.$store.commit("setWallpaper", row);
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.wallpaper-item {
  cursor: pointer;
  position: relative;
  background: #000;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
  height: 60px;
  &:after {
    display: flex;
    font-family: element-icons !important;
    justify-content: center;
    align-items: center;
    content: "\e6da";
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s;
    background: rgba(0, 0, 0, 0.7);
  }
  &.active {
    &:after {
      opacity: 1;
    }
  }
  .wallpaper-img,
  video {
    width: 100%;
    height: 100%;
    transition: 0.2s;
    display: block;
  }
  &:hover {
    .wallpaper-img,
    video {
      opacity: 0.7;
      transform: scale(1.05);
    }
  }
}
.bing-copyright {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
</style>

================================================
FILE: src/components/sidebar/todo.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 18:03:48
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-12-07 17:59:42
 * @Description: todo
*/
<template>
  <div class="side-todo">
    <div class="todo-input">
      <input
        v-model.trim="value"
        @keydown.13="addTodo"
        placeholder="添加任务"
        type="text"
      />
    </div>
    <ul class="todo-unfinish">
      <li class="todo-item" v-for="(row, index) of unfinish" :key="row.time">
        <el-checkbox
          name="unfinish"
          @click.native="finHandle(row, index, $event)"
        ></el-checkbox>
        <span class="todo-item-text">{{ row.text }}</span>
        <d-icon
          v-size="18"
          class="todo-delete"
          icon="icon-close"
          @click.native="todoDelete('unfinish', index)"
          title="删除"
        />
      </li>
    </ul>
    <!-- 未完成 -->
    <div class="finish-box" :class="{ active: active }">
      <div class="finish-btn d-flex-ver f14" @click="active = !active">
        <i class="icon el-icon-arrow-right f14 mr5"> </i>

        已完成
      </div>
      <transition name="el-zoom-in-top">
        <ul class="todo-finish" v-show="active">
          <li
            class="todo-item d-elip"
            v-for="(row, index) of finish"
            :key="row.time"
          >
            <el-checkbox
              checked
              name="finish"
              @click.native="unfinHandle(row, index, $event)"
            ></el-checkbox>
            <span :title="row.text" class="todo-item-text">{{ row.text }}</span>
            <d-icon
              v-size="18"
              class="todo-delete"
              icon="icon-close"
              @click.native="todoDelete('finish', index)"
              title="删除"
            />
          </li>
        </ul>
      </transition>
    </div>
  </div>
</template>

<script>
import dayjs from "dayjs";
export default {
  title: "待办事项",
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      value: "",
      active: true,
      //   未完成
      unfinish: [],
      //   已完成
      finish: [],
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.init();
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {},
  watch: {},
  //方法集合
  methods: {
    init() {
      // 获取todo
      let todo = this.$local.get("todo") || {};
      this.unfinish = todo.unfinish || [];
      this.finish = todo.finish || [];
    },
    localSave() {
      this.$local.set("todo", {
        unfinish: this.unfinish,
        finish: this.finish,
      });
      this.$store.dispatch("saveConfig");
    },
    // 添加todo
    addTodo() {
      if (this.value) {
        let textJson = {
          text: this.value,
          created: dayjs().valueOf(),
        };
        this.unfinish.unshift(textJson);
        this.value = "";
      }
    },
    // 标记完成
    finHandle(row, index, ev) {
      console.log(ev);
      ev.preventDefault();
      this.unfinish.splice(index, 1);
      this.finish.unshift(row);
      this.localSave();
    },
    // 标记未完成
    unfinHandle(row, index, ev) {
      ev.preventDefault();
      this.finish.splice(index, 1);
      this.unfinish.unshift(row);
      this.localSave();
    },
    // 删除todo
    todoDelete(type, index) {
      this[type].splice(index, 1);
      this.localSave();
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
/deep/.el-collapse-item__header {
  flex-direction: row-reverse;
  justify-content: flex-end;
  .el-collapse-item__arrow {
    margin: 0;
  }
}
/deep/.el-collapse-item__content {
  padding-bottom: 0;
}
.side-todo {
  padding-top: 20px;
  overflow: hidden;
  background-color: var(--background-info);
  font-size: 14px;
  height: 100%;
  width: 100%;
  // 输入框
  .todo-input {
    input {
      color: rgba(var(--main-color), 0.8);
      padding: 0 10px;
      height: 60px;
      font-size: 16px;
      line-height: 40px;
      background: rgba(var(--main-color), 0.1);
      display: block;
      box-sizing: border-box;
      width: 100%;
    }
  }
  // 列表
  .todo-item {
    padding: 0 15px;
    input:checked {
      margin-right: 10px;
    }
    display: flex;
    align-items: center;
    font-size: 14px;
    color: rgba(var(--main-color), 0.9);
    min-height: 50px;
    line-height: 24px;
    border-bottom: 1px solid rgba(var(--main-color), 0.05);
    .todo-item-text {
      margin-left: 10px;
      flex: 1;
    }
    .todo-delete {
      display: none;
      color: rgba(var(--main-color), 0.4);
      transition: 0.2s;
      &:hover {
        color: rgba(var(--main-color), 0.5);
      }
    }
    &:hover {
      background-color: rgba(var(--main-color), 0.05);
      .todo-delete {
        display: block;
      }
    }
  }
  .todo-finish {
    .todo-item {
      .todo-item-text {
        text-decoration: line-through;
      }

      color: #999;
    }
  }
}
.finish-box {
  .finish-btn {
    padding: 0 10px;
    height: 40px;
    background-color: rgba(var(--main-color), 0.06);
    color: rgba(var(--main-color), 0.8);
    .icon {
      transition: 0.2s;
    }
  }
  &.active {
    .icon {
      transform: rotate(90deg);
    }
  }
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #777;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #777;
}
</style>

================================================
FILE: src/components/sidebar/weather.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-12 18:03:48
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-06-10 14:46:22
 * @Description: 天气
*/
<template>
  <div
    class="side-weather ac"
    :style="{
      backgroundImage: `url(
          https://cdn.heweather.com/img/plugin/190516/bg/h5/${weatherData.now.cond_code}${moment}.png
        )`,
    }"
  >
    <div class="side-weather-city f30 mt30">{{ weatherData.location }}</div>
    <div class="side-weather-wea d-flex-center mt10 mb10 f14">
      <d-icon
        v-size="22"
        class="mr5"
        :icon="`icon-${$weatherIcon[weatherData.now.cond_code]}`"
      />
      {{ weatherData.now.cond_txt }}
    </div>

    <div class="side-weather-tem mb10 b" style="font-size: 60px">
      {{ weatherData.now.tmp }}°
    </div>
    <div class="side-weather-tem f13" v-if="weatherData.daily_forecast">
      最高{{ weatherData.daily_forecast[0].tmp_max }}° 最低{{
        weatherData.daily_forecast[0].tmp_min
      }}°
    </div>
    <!-- 气压 -->
    <ul class="side-weather-box f12">
      <li class="box-item">
        <d-icon v-size="26" icon="icon-fengxiang" />
        <p>风向</p>
        <p>{{ weatherData.now.wind_dir }}{{ weatherData.now.wind_sc }}级</p>
      </li>
      <li class="box-item">
        <d-icon v-size="26" icon="icon-air" />

        <p>空气质量</p>
        <p>
          {{ weatherData.air_now_city.qlty }}/{{ weatherData.air_now_city.aqi }}
        </p>
      </li>
      <li class="box-item">
        <d-icon v-size="26" icon="icon-shidu" />
        <p>湿度</p>

        <p>{{ weatherData.now.hum }}%</p>
      </li>
    </ul>
    <!-- 当天小时天气 -->
    <ul class="side-weather-hours d-auto-x i-scrollbar-hide">
      <template v-for="(row, index) of weatherData.hourly">
        <li class="hours-item" v-if="index < 16" :key="row.date">
          <p class="d-elip">
            {{ new Date(row.time).getTime() | timeToStr("HH") }}时
          </p>
          <d-icon v-size="22" :icon="`icon-${$weatherIcon[row.cond_code]}`" />
          <p>{{ row.tmp }}°</p>
        </li>
      </template>
    </ul>
    <!-- 一周天气 -->
    <ul class="side-weather-week">
      <li
        class="week-item"
        v-for="row of weatherData.daily_forecast"
        :key="row.date"
      >
        <span>{{
          ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][
            dayjs(row.date).day()
          ]
        }}</span>
        <d-icon v-size="24" :icon="`icon-${$weatherIcon[row.cond_code_d]}`" />
        <span>{{ row.tmp_min }}~{{ row.tmp_max }}</span>
      </li>
    </ul>
    <ul class="side-weather-sun d-flex-between">
      <li>日出: {{ weatherData.sun.rise }}</li>
      <li>日落: {{ weatherData.sun.set }}</li>
    </ul>
  </div>
</template>

<script>
import dayjs from "dayjs";
export default {
  title: "天气",
  name: "weather",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      weatherWeekList: [],
      weatherHours: {},
      dayjs: dayjs,
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    // this.getWeekWeather();
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {
    // 天气数据
    weatherData() {
      return this.$store.state.weather || {};
    },
    // 当前时刻 n:夜晚 d:白天
    moment() {
      return this.$store.state.moment;
    },
  },
  watch: {},
  //方法集合
  methods: {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.side-weather {
  overflow: hidden;
  background-color: #11132a;
  background-size: cover;
  color: #fff;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.side-weather-box {
  padding-top: 20px;
  display: flex;
  .box-item {
    flex: 1;
    line-height: 24px;
  }
}
.side-weather-hours {
  margin-top: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-left: none;
  border-right: none;
  display: flex;
  font-size: 14px;
  line-height: 30px;
  padding: 10px;
  &::-webkit-scrollbar {
    height: 6px;
  }
  .hours-item {
    min-width: 40px;
    flex: 1;
  }
}
.side-weather-week {
  padding: 0 20px;
  .week-item {
    display: flex;
    font-size: 14px;
    line-height: 40px;
    align-items: center;
    justify-content: space-between;
  }
}
.side-weather-about {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.side-weather-sun {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-left: none;
  border-right: none;
}
</style>

================================================
FILE: src/components/yiyan.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-14 12:38:18
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-01-20 09:55:08
 * @Description: 一言
*/
<template>
  <div class="app-yiyan ac">
    <div
      class="yiyan-text f12"
      v-clipboard:copy="yiyan.hitokoto"
      @contextmenu="yiyanHandle"
      v-clipboard:success="onCopy"
      title="点击左键复制，右键切换"
    >
      「 {{ yiyan.hitokoto }} 」
    </div>
    <div class="yiyan-from f12">--{{ yiyan.from }}</div>
  </div>
</template>

<script>
import axios from "axios";

export default {
  name: "",
  props: {},
  components: {},
  data() {
    //这里存放数据
    return {
      yiyan: {},
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    // 获取一言
    this.getYiyan();
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {},
  watch: {},
  //方法集合
  methods: {
    yiyanHandle() {
      this.getYiyan();
    }, //获取一言
    getYiyan() {
      this.$http.getYiyan().then((res) => {
        this.yiyan = res || {};
      });
    },
    onCopy() {
      this.$message.success("一言已复制到剪切板");
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroyed() {},
};
</script>
<style lang='less' scoped>
//@import url();
.app-yiyan {
  overflow: hidden;
  cursor: pointer;
  max-height: 60px;
  padding: 10px 0;
  transition: 0.3s;
  line-height: 20px;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.9);
  .yiyan-text {
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  }
  .yiyan-from {
    opacity: 0;
    transition: 0.4s;
  }
  &:hover {
    background-color: rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(1px);
    .yiyan-from {
      opacity: 1;
    }
  }
}
</style>


================================================
FILE: src/iconfont/iconfont.js
================================================
!function(l){var a,c,h,o,i,t,m='<svg><symbol id="icon-fixed-solid" viewBox="0 0 1024 1024"><path d="M716.27425565 67.86980978l220.55048533 223.23017955c25.04931555 22.36962133 27.33288107 60.11835733 5.91862897 85.75021512-21.88028587 25.63185778-58.79016107 27.96202667-83.85112746 6.0584391-2.27191467-1.39810133-4.10109725-3.72827022-5.91862898-6.0584391l-22.3346688-17.70928356L605.55628089 684.43249778 676.16039822 756.66773333a61.16693333 61.16693333 0 0 1-5.93027982 85.75021512 58.02120533 58.02120533 0 0 1-77.92084765 0l-415.11958755-427.35297423a61.16693333 61.16693333 0 0 1 5.91862898-85.75021511 58.02120533 58.02120533 0 0 1 77.92084764 0l70.18468693 72.23523556 318.06805334-230.22068622-16.41603982-17.24324978c-25.04931555-22.36962133-27.33288107-60.11835733-5.91862898-85.75021512 21.86863502-25.63185778 58.77851022-27.96202667 83.83947662-6.0584391 1.82918258 1.39810133 4.10109725 3.72827022 5.47589689 5.59240533zM383.60769422 714.72469333l-82.47632782-83.42004622c-66.99235555 82.48797867-172.24608427 202.25865955-191.37677085 226.95844978-28.25329778 35.41856711-49.21316693 75.96350578-63.80002417 118.83861333 41.91973831-13.98101333 81.55591111-36.35063467 116.19387164-64.31266133 24.15220053-19.57341867 141.72087182-127.22722133 221.4592512-196.66625422v-1.39810134z"  ></path></symbol><symbol id="icon-fixed-line" viewBox="0 0 1024 1024"><path d="M965.10134045 324.77092978l-265.63925334-265.63925333c-12.69942045-12.69942045-33.43792355-12.69942045-44.50622578 0l-52.54530844 52.54530844c-12.69942045 12.69942045-12.69942045 31.80680533 0 44.50622578l30.17568711 30.17568711-190.840832 147.96572444c-81.08987733-28.66107733-171.84995555-9.55369245-232.20132978 52.54530845l-15.96165689 15.96165688c-12.69942045 12.69942045-12.69942045 31.80680533 0 44.50622578l135.266304 135.266304-200.39452444 203.65676089c-20.73850311 20.73850311-58.83676445 108.11983645-76.31303111 144.703488-4.77684622 12.69942045-3.145728 25.39884089 6.40796444 34.95253333 6.40796445 6.40796445 14.33053867 9.55369245 22.25311289 9.55369245 4.77684622 0 7.92257422-1.63111822 12.69942044-3.145728 36.58365155-15.96165689 124.08149333-55.69103645 144.703488-76.31303111l202.02564267-202.02564267 135.266304 135.266304c6.40796445 6.40796445 14.33053867 9.55369245 22.25311289 9.55369245 7.92257422 0 15.96165689-3.145728 22.25311289-9.55369245l15.96165689-15.96165689c60.46788267-60.46788267 81.08987733-152.74257067 52.54530844-232.20132978l147.96572445-190.840832 30.17568711 30.17568712c12.69942045 12.69942045 33.43792355 12.69942045 44.50622578 0l52.54530844-52.54530845c14.21403022-11.30131911 14.21403022-30.29219555 1.39810134-43.10812444z m-769.8878009 526.61816889c-4.77684622 4.77684622-23.88423111 14.33053867-47.76846222 27.02995911 11.18481067-23.88423111 22.25311289-42.991616 27.02995912-47.76846223l202.02564266-202.02564266 20.73850311 20.73850311-202.02564267 202.02564267z m696.72049778-497.95709156l-33.43792355-33.43792356c-6.40796445-6.40796445-15.96165689-9.55369245-23.88423111-9.55369244-9.55369245 0-17.47626667 4.77684622-23.88423112 12.69942044l-182.91825777 233.832448c-7.92257422 9.55369245-9.55369245 22.25311289-3.145728 33.43792356 27.02995911 57.32215467 15.96165689 125.71261155-25.39884089 173.36456534l-135.14979556-135.14979556-66.75933866-66.75933867-135.266304-135.266304c46.137344-41.36049778 114.52780089-52.54530845 173.36456533-25.39884089 11.18481067 4.77684622 23.88423111 3.145728 33.43792355-3.145728l233.832448-181.28713955c7.92257422-6.40796445 11.18481067-14.33053867 12.69942045-23.88423111 1.63111822-9.55369245-3.145728-17.47626667-9.55369245-23.88423112l-33.43792355-33.43792355 6.40796445-6.40796445 219.50190933 217.87079112-6.40796445 6.40796444z m0 0"  ></path></symbol><symbol id="icon-lingyi" viewBox="0 0 1024 1024"><path d="M512 354.011429s58.514286 80.457143 58.514286 160.914285-58.514286 160.914286-58.514286 160.914286c89.234286 0 160.914286-71.68 160.914286-160.914286s-71.68-160.914286-160.914286-160.914285zM512 354.011429c-89.234286 0-160.914286 71.68-160.914286 160.914285s71.68 160.914286 160.914286 160.914286c0 0-58.514286-80.457143-58.514286-160.914286s58.514286-160.914286 58.514286-160.914285z" fill="#FFBB02" ></path><path d="M512 0C229.668571 0 0 229.668571 0 512s229.668571 512 512 512 512-229.668571 512-512S794.331429 0 512 0z m0 705.097143c-194.56 0-351.085714-160.914286-351.085714-190.171429s156.525714-190.171429 351.085714-190.171428 351.085714 160.914286 351.085714 190.171428-156.525714 190.171429-351.085714 190.171429z" fill="#FFBB02" ></path></symbol><symbol id="icon-weather" viewBox="0 0 1024 1024"><path d="M294.56 512a235.2 235.2 0 1 0 235.2-235.2 235.2 235.2 0 0 0-235.2 235.2z m0 0"  ></path><path d="M255.2 512a39.36 39.36 0 0 0-39.84-39.36H138.08a39.36 39.36 0 1 0 0 78.24h77.76a39.36 39.36 0 0 0 39.36-38.88z m666.72-39.36h-77.76a39.36 39.36 0 1 0 0 78.24h77.76a39.36 39.36 0 0 0 0-78.24zM280.16 704L224 760.64a39.36 39.36 0 1 0 55.68 55.68L334.4 761.6A39.36 39.36 0 0 0 280.16 704z m250.08-468.96a39.36 39.36 0 0 0 39.36-39.84V119.36a39.36 39.36 0 0 0-78.24 0v77.28a39.36 39.36 0 0 0 39.36 39.84z m0 549.12a39.36 39.36 0 0 0-39.36 39.84v77.76a39.36 39.36 0 1 0 78.24 0v-76.32a39.36 39.36 0 0 0-39.36-39.84z m250.08-468.96l54.72-54.72a39.36 39.36 0 0 0-55.68-55.68l-54.72 56.16a39.36 39.36 0 0 0 55.68 55.68z m0 388.8a39.36 39.36 0 1 0-55.68 55.68l54.72 54.72a39.36 39.36 0 1 0 55.68-55.68zM280.16 316.64a39.36 39.36 0 0 0 55.2-55.68L280.64 206.24A39.36 39.36 0 0 0 224 261.92z"  ></path></symbol><symbol id="icon-kuaidi" viewBox="0 0 1024 1024"><path d="M927.38634628 765.40019258L892.97519258 765.40019258C884.4875 705.17288428 833.57692315 658.53557685 771.61538427 658.53557685 709.685 658.53557685 658.77615372 705.14346113 650.25730742 765.36557685L408.35634629 765.40019258C399.86865372 705.17288428 348.96153886 658.53557685 287.00173057 658.53557685 225.03846113 658.53557685 174.13134628 705.17288428 165.64365373 765.40019258L96.61365372 765.40019258C77.54923057 765.40019258 62 749.69692315 62 730.44038428L62 206.01384628C62 186.75730742 77.54923057 171.05230742 96.61365372 171.05230742L650.45980742 171.05230742C669.52769258 171.05230742 685.07692315 186.75730742 685.07692315 206.01384628L685.07692315 310.89846113 806.22903886 310.89846113C831.65057685 310.89846113 842.33461572 326.60692315 858.15557685 345.86346113L935.49673057 485.02596114C935.49673057 485.02596114 962 522.51096113 962 555.63096114L962 730.44038428C962 749.69692315 946.4525 765.40019258 927.38634628 765.40019258ZM419.33634629 313.9775C371.22788427 265.57653887 293.26711572 265.57653887 245.16384628 313.9775 197.08826943 362.36634629 197.08826943 440.83769258 245.16384628 489.21096114 287.97788428 532.28807685 354.43769258 536.98538428 402.45442315 503.37384629L448.18653887 550.38673057 482.57692315 515.78519258 436.16288427 468.08865372C466.51019258 420.16365371 460.92326943 355.82923057 419.33634629 313.9775ZM890.56942315 525.9275L817.69192315 389.0825C817.69192315 389.0825 809.94673057 380.82153886 804.36846113 380.82153886L719.69057685 380.82153886 719.69057685 555.63096114 904.02442315 555.63096114C904.02442315 546.89403887 897.02346114 535.52115371 890.56942315 525.9275ZM268.66942315 465.58942315C233.54346114 430.25230742 233.54346114 372.96730742 268.66942315 337.62326943 303.78153886 302.29134629 360.73076943 302.29134629 395.82903887 337.62326943 430.95673057 372.96730742 430.95673057 430.25230742 395.82903887 465.58942315 360.72557685 500.92307685 303.78153886 500.92307685 268.66942315 465.58942315ZM287.00173057 695.48057685C334.80038427 695.48057685 373.53673057 734.60288428 373.53673057 782.88442315 373.53673057 831.1625 334.80038427 870.28480743 287.00173057 870.28480743 239.19961573 870.28480743 200.45980742 831.1625 200.45980742 782.88442315 200.45980742 734.60288428 239.19961573 695.48057685 287.00173057 695.48057685ZM771.61538427 695.48057685C819.41576943 695.48057685 858.15557685 734.60288428 858.15557685 782.88442315 858.15557685 831.1625 819.41576943 870.28480743 771.61538427 870.28480743 723.81673057 870.28480743 685.07692315 831.1625 685.07692315 782.88442315 685.07692315 734.60288428 723.81673057 695.48057685 771.61538427 695.48057685Z"  ></path></symbol><symbol id="icon-weibo" viewBox="0 0 1026 1024"><path d="M937.60419922 466.73808594c0 0.02636719 0 0.07998047 0 0.13359375-5.69443359 17.56318359-24.53554688 27.19599609-42.04511719 21.5024414-17.56318359-5.6953125-27.196875-24.53642578-21.5015625-42.15146484l-0.05449219-0.02636719c17.45683594-54.07382812 6.38701172-115.75810547-34.27382812-160.99716797-40.71533203-45.2390625-100.75078125-62.5359375-156.20712891-50.72080078-18.04306641 3.85927734-35.81982422-7.69042969-39.65097656-25.75898437-3.83115234-18.06855469 7.66494141-35.87167969 25.70625-39.73095703l0 0c77.97041016-16.63154297 162.48691406 7.63769531 219.75380859 71.31796875C946.59892578 303.93212891 962.03251953 390.65732422 937.60419922 466.73808594zM706.3015625 341.58623047l0-0.02636719c-15.48720703 3.37939453-30.76259766-6.57333984-34.06289063-22.11328125-3.35214844-15.5671875 6.59970703-30.92167969 22.08779297-34.22197266 38.00039062-8.11669922 79.19384766 3.67207031 107.0288086 34.67373047 27.94130859 31.02890625 35.39267578 73.26035156 23.4711914 110.32998047-4.89638672 15.16816406-21.07617188 23.41757813-36.19072265 18.57392578-15.11542969-4.89638672-23.36572266-21.18251953-18.46933594-36.29707031l-0.05361328 0c5.85439453-18.14765625 2.18144531-38.79931641-11.44335938-53.96748047C745.04726563 343.39589844 724.87548828 337.67509766 706.3015625 341.58623047zM523.29658203 394.43662109c88.7484375-37.28232422 166.23896484-39.49101563 194.55380859 1.09072266 15.06269531 21.60791016 13.62392578 51.91787109-0.26630859 87.04511719-6.43974609 16.17890625 1.96875 18.70751953 14.26376953 22.40595703C781.82333984 520.51923828 837.546875 558.14785156 837.546875 624.40859375c0 109.74462891-157.80322266 247.90869141-394.93476563 247.90869141-180.90087891 0-365.821875-87.92226562-365.82187499-232.52695313 0-75.62900391 47.76679688-163.04589844 130.021875-245.56640625 109.82373047-110.11640625 237.90322266-160.27910156 286.06904296-111.92695312 21.26162109 21.2625 23.31035156 58.17128906 9.6600586 102.18691406C495.40888672 406.65078125 523.29658203 394.38300781 523.29658203 394.43662109zM409.1890625 476.29267578c-144.33837891 14.31650391-253.81669922 102.98408203-244.42294922 197.98505859 9.36738281 95.05458984 133.98662109 160.51816406 278.325 146.20253907 144.365625-14.31738281 253.78945313-102.93134766 244.42294922-198.04042969C678.14580078 527.43710937 553.55380859 461.97529297 409.1890625 476.29267578zM349.73984375 779.65771484C280.33789062 757.19726563 250.95957031 688.48789063 281.34863281 626.53730469c29.83095703-60.67353516 107.48232422-95.00185547 176.16533203-77.06601563 71.10527344 18.41396484 107.37597656 85.68720703 78.31757813 150.99082031C506.37236328 767.30996094 421.64316406 802.91621094 349.73984375 779.65771484zM388.93730469 649.53037109c-22.35322266-9.36738281-51.25341797 0.26630859-65.03642578 21.9796875-13.97109375 21.76875-7.39863281 47.74130859 14.79550781 57.853125 22.51230469 10.32451172 52.396875 0.53173828 66.36796875-21.82148437C418.76826172 684.97578125 411.55683594 659.21679688 388.93730469 649.53037109zM444.04912109 626.64541016c-8.59482422-3.40751953-19.31923828 0.68994141-24.34833984 9.15292968-4.87089844 8.51572266-2.18144531 18.20214844 6.41162109 21.76875 8.75566406 3.61845703 19.90546875-0.58535156 24.9609375-9.20830078C455.89150391 639.63125 452.75117188 629.83847656 444.04912109 626.64541016z"  ></path></symbol><symbol id="icon-ctrip" viewBox="0 0 1024 1024"><path d="M795.40923173 546.05538482a2.17869882 2.17869882 0 0 1-1.3220258-1.21626377c-15.10282271-34.65822833-46.53530785-55.77891251-84.35582199-55.77891253a99.17308729 99.17308729 0 0 0-98.28468559 113.65191299l0.48650552 2.9296098c6.45148558 34.54188955-5.57366063 57.93645861-16.78443928 71.47400199a93.27156381 93.27156381 0 0 1-67.7511781 33.16698312 2.26330813 2.26330813 0 0 1-1.72392122-0.70860555c-21.72352771-23.09843491-27.26545964-64.2187248-15.67393754-118.03046256a2.25273216 2.25273216 0 0 1 1.98832669-1.75565068c57.19612361-5.28810322 121.94365935-47.10642268 141.93268908-150.00233463a2.22100347 2.22100347 0 0 1 1.51239715-1.70276927c11.29538873-3.45841919 25.54153841-7.16009191 34.04480809-9.29648529 19.03717143-4.92851245 31.18923239-8.12252618 40.71839446-12.40588969a52.02435917 52.02435917 0 0 0 16.69982994-11.78189424 2.11524144 2.11524144 0 0 1 1.29029714-0.66630089c49.70816963-7.09663453 86.19608199-39.13196319 97.30109859-87.02102554l0.5393869-2.87672841c3.84973941-21.66007031-2.43252754-44.29315244-17.32382618-62.0506027-13.37890073-16.08640969-32.56413961-27.3606457-55.87409858-32.976611a2.25273216 2.25273216 0 0 1-1.56527855-1.37490721 136.31672378 136.31672378 0 0 0-25.52038571-42.37885909C713.03116046 137.94073376 661.37696879 116.50276347 604.08565913 116.50276347c-55.68372645 0-140.66354467 19.71404829-238.23962395 109.73871697a2.23157946 2.23157946 0 0 1-1.82968402 0.57111561 242.56529287 242.56529287 0 0 0-34.58419499-2.44310352c-94.0542027 0-160.92755586 49.70816963-174.50740465 129.57968001a54.00210989 54.00210989 0 0 0 54.03383858 63.07649437H209.18069013l8.83113252-0.88840093a2.24215542 2.24215542 0 0 1 2.36907015 3.00364237c-15.26146614 41.53276205-29.58164918 99.83938817-19.88326771 167.64344691C221.99905276 738.73271193 345.19070379 902.26201393 564.71044318 902.26201393a501.74580563 501.74580563 0 0 0 71.91820284-5.41501718 245.01897237 245.01897237 0 0 0 78.41199384-29.45473521l0.10576204-0.0634566c84.90578487-37.30227995 136.94072001-119.60631787 143.11722415-227.14518408l0.10576205-3.02479509c0.0528814-43.51051277-25.56269036-78.65524661-62.96015637-91.10344095z m-176.38996931-284.39418909a34.51016164 34.51016164 0 0 1 24.399308-10.22719166 33.70636926 33.70636926 0 0 1 20.30631583 6.8745345l-7.53025864-1.13165445a27.49813642 27.49813642 0 0 0 0 54.91166354l13.10392004-3.41611454a34.09768947 34.09768947 0 0 1-25.94343462 12.10975631 34.7534144 34.7534144 0 0 1-24.32527465-59.14214641z m41.44815273 11.52806474l-7.13893919 6.98029652-7.14951593-6.98029652 3.51130059-6.39860497 3.57475797-0.97301024 3.63821458 0.97301024z m-78.83504198 561.59655758c-174.06320379 0-277.43504451-221.74074208-102.09212034-358.53339542l0.15864344-0.11633799c6.73704377-4.62180231 12.93470063-6.66300966 18.32856587-6.66301042 23.39456828 0 30.54408423 38.02146146-6.98029652 67.30697726a1.68161657 1.68161657 0 0 0-0.43362409 0.4336241s-25.77421521 26.60973549-29.89893607 41.67025354v0.13749072c-54.68956272 142.77878535 26.0915013 235.7119111 124.15408685 255.74324549z"  ></path></symbol><symbol id="icon-vqq" viewBox="0 0 1024 1024"><path d="M512 92C279.96874999 92 92 280.0625 92 512s187.96875001 420 420 420c231.9375 0 420-188.0625 420-420S743.9375 92 512 92z m231.28125001 462.46875001c-83.625 72.1875-178.6875 129.5625-280.40625001 170.53124999-4.875 1.59375001-8.15625001 3.28125001-13.125 3.28125001-32.71875001 4.96875001-63.9375-16.40625001-68.90625001-49.21875001l-1.03124999-2.90625001c-30.9375 10.78125001-66.28125001-7.21875001-72.75-34.78124999-18.09375001-85.21875001-18.09375001-172.125 0-257.34375001 4.875-27.84375001 39.28125001-44.25 72.1875-34.40624999v-6.5625c1.59375001-3.28125001 1.59375001-6.65625001 3.28125001-9.9375 11.4375-29.4375 45.84375001-45.84375001 77.06249998-34.40624999 72.1875 27.84375001 191.8125 80.34375001 283.68750002 168.93749998 1.6875 1.6875 3.28125001 3.28125001 6.65624999 3.28125001 21.1875 24.46875001 17.90625001 62.25-6.65625001 83.53125001z"  ></path><path d="M638.75 477.6875c-82.96875001-65.0625-190.21875001-105.9375-257.53125001-127.3125-17.71875001 107.15625001-17.90625001 216.09375001 1.31250002 323.25 90.84375001-29.53125001 176.71875001-73.5 254.62499998-128.625 4.875-1.6875 8.15625001-4.96875001 11.43750002-9.84375001 13.125-18 8.25-44.34375001-9.84375001-57.46874999z m-95.0625 54.09375001l-88.5 67.3125c-11.53125001 9.84375001-21.375 4.875-21.375-9.84375001V441.6875c0-16.40625001 9.84375001-21.375 21.375-11.53125001l88.5 67.31250002c3.28125001 1.59375001 4.875 3.28125001 6.5625 8.15624999 4.875 8.25 3.28125001 19.6875-6.5625 26.15625001z"  ></path></symbol><symbol id="icon-zhihu" viewBox="0 0 1024 1024"><path d="M831.5703125 116.4921875H192.4296875C150.6640625 116.4921875 116.4921875 150.6640625 116.4921875 192.4296875v639.140625c0 41.765625 34.171875 75.9375 75.9375 75.9375h639.140625c41.765625 0 75.9375-34.171875 75.9375-75.9375V192.4296875c0-41.765625-34.171875-75.9375-75.9375-75.9375zM521.82441406 527.91998047h-107.72208984a635.76298828 635.76298828 0 0 1-3.38712891 30.48732422c18.97013671 31.16601563 34.77462891 54.8775 47.42455078 71.13761719 14.45027344 21.68173828 37.26316406 48.55886719 68.42759766 80.62347656 7.21880859 6.32970703 10.84007812 15.35994141 10.84007812 27.10019531-3.6196875 12.64992188-10.61859375 19.64724609-21.00304687 21.00304688-9.03972656-0.45720703-17.84689453-4.96441406-26.42150391-13.55167969-14.45976562-14.44869141-29.80863281-33.19576172-46.07033203-56.23171875-14.00572266-18.97013671-29.80863281-43.35873047-47.42455078-73.1689453-6.32970703 20.77998047-14.68125001 40.88126953-25.06728515 60.29753905-24.39017578 48.33580078-58.94173828 90.78486327-103.65626954 127.36933594-6.32970703 9.03023438-12.64992188 13.55009766-18.97013672 13.55009765-18.52558594-0.91124999-28.23292969-8.80874999-29.13152343-23.7130664 0.44455078-4.97390625 3.15457031-10.39394531 8.13005859-16.26011719 56.91041015-50.57912109 95.52621094-102.52353516 115.85214844-155.82375 12.19429687-31.16443359 19.86873047-62.09789063 23.034375-92.81777344H248.79271484c-15.81556641 0-23.71148437-7.89433594-23.71148437-23.71148437 0-15.80449219 7.8975-23.71148437 23.71148437-23.71148438h119.23927735v-153.79242188h-56.23171875c-0.45404297 3.1640625-1.13273438 6.09714844-2.03291017 8.80558594-10.84007812 36.13992187-24.84580078 66.8503125-42.00451171 92.13908203-9.03972656 8.58410156-17.16978516 12.87140625-24.39017578 12.87140625-17.61433594 0-26.42150391-7.89433594-26.4215039-23.71148437 0-2.71001953 2.71001953-7.22039062 8.13005859-13.55009766 18.05888672-25.74597657 30.931875-52.61203125 38.61738281-80.62347656 7.21880859-25.2871875 11.96173828-56.45478516 14.22878906-93.49330078 0-14.44869141 7.8975-21.68015625 23.71148438-21.68015625 15.80449219 0 23.71148437 7.22988281 23.71148437 21.68015625-0.90966797 18.52558594-2.48695313 35.23025391-4.74292968 50.13457031h184.95685546c15.80449219 0 23.71306641 7.90857422 23.7130664 23.71306642 0 15.81398438-7.90857422 23.71306641-23.7130664 23.7130664h-90.10617187v153.79242187h106.36628906c15.80449219 0 23.71148437 7.90541015 23.71148438 23.71148437 0 15.81714844-7.90857422 23.71148437-23.71148438 23.71148438z m285.22441406 227.63847656c0 29.81179687-15.81556641 44.71611328-47.42455078 44.71611328h-142.95076172c-29.80863281 0-44.71453125-14.90431641-44.71453125-44.71611328V300.28308594c0-28.00037109 14.90589844-42.00451172 44.71453125-42.00451172h142.95076172c31.61056641 0 47.42455078 14.00414062 47.42455078 42.00451172v455.27537109z"  ></path><path d="M738.62123047 302.99310547h-100.94783203c-10.39552734 0-15.58142578 6.09714844-15.58142578 18.29302734v413.27085938c0 14.00414062 5.18748047 21.00146484 15.58142578 21.00146484h100.94783203c12.19429687 0 18.29144531-6.99732422 18.29144531-21.00146484V321.28613281c0.00158203-12.19587891-6.09556641-18.29302734-18.29144531-18.29302734z"  ></path></symbol><symbol id="icon-iqiyi" viewBox="0 0 1024 1024"><path d="M360.125 402.83984375c-14.63378906 0-19.37988281 7.11914063-19.37988281 20.56640626v176.79199218c0 13.05175781 3.95507813 24.12597655 18.984375 24.12597656s17.40234375-12.26074219 17.40234375-24.52148438c0.39550781-28.87207031 0-57.74414063 0.39550781-86.61621092V424.59277344c0-12.26074219-1.97753906-21.75292969-17.40234375-21.75292969z"  ></path><path d="M786.08691406 118.46972656H240.68164062C174.23632812 118.46972656 120.05175781 171.86328125 119.26074219 238.70410156v546.59179688c0.39550781 66.4453125 54.58007813 120.234375 121.42089844 120.234375h545.40527343c66.4453125 0 120.62988281-53.7890625 121.42089844-120.234375V238.70410156C907.11230469 171.86328125 852.92773438 118.46972656 786.08691406 118.46972656zM231.98046875 257.29296875c95.71289063-19.77539063 193.40332031-27.68554688 290.69824219-23.73046875 81.87011719-2.76855469 163.74023438 3.1640625 244.42382812 17.79785156 49.43847655 7.91015625 73.16894531 20.17089844 83.84765625 78.70605469 2.76855469 15.42480469-3.55957031 21.75292969-18.19335937 21.35742188-9.09667969-0.39550781-19.37988281-1.58203125-28.87207031-1.58203126-10.67871094 1.18652345-20.56640625-5.53710938-23.33496094-15.82031249-5.53710938-14.63378906-18.984375-24.52148438-34.8046875-25.31250001-98.87695313-14.63378906-198.54492188-20.17089844-298.21289063-16.21582031-57.34863281 3.1640625-115.09277344 11.07421875-172.44140625 16.61132813-13.44726563 0.39550781-25.3125 9.09667969-30.05859375 21.75292969-1.58203125 6.72363281-5.93261719 12.65625001-11.86523437 16.21582031s-13.05175781 4.74609375-19.77539063 3.1640625c-6.72363281-0.79101563-13.84277344-1.18652345-20.56640625-0.79101563-13.05175781 0.39550781-17.79785156-5.53710938-17.79785156-18.984375-1.18652345-34.8046875 22.54394531-65.65429689 56.953125-73.16894531z m456.81152344 396.29882812c-16.61132813 4.35058594-34.01367188 3.55957031-50.22949219-1.58203125-3.95507813-0.79101563-5.14160156-5.93261719-5.53710937-9.88769531v-3.95507812c12.65625001-87.01171875-31.24511719-160.97167969-55.76660157-239.28222657-8.30566406-25.70800781-7.11914063-28.4765625 19.77539063-28.87207031 5.93261719 0 12.26074219 0.39550781 18.19335937 0 5.93261719-1.18652345 12.65625001 0 17.79785157 3.55957032 5.14160156 3.55957031 8.30566406 9.4921875 9.09667968 15.42480468 6.328125 22.54394531 14.23828125 45.08789063 23.33496094 73.95996094 8.70117188-27.68554688 16.21582031-49.04296875 21.75292969-70.40039063 0.79101563-7.11914063 4.74609375-13.44726563 10.28320312-17.79785156 5.53710938-4.35058594 13.05175781-6.328125 19.77539063-5.14160156 52.99804688 0 45.87890625 3.1640625 31.640625 42.71484375-12.65625001 34.8046875-23.33496094 70.40039063-37.96875 104.01855469-15.02929689 33.61816406-9.88769531 70.00488281-11.86523438 104.80957031-0.79101563 11.86523438 4.74609375 27.29003906-10.28320312 32.43164062z m-140.80078125-17.79785156c0 13.44726563-4.35058594 18.19335938-17.40234375 19.37988281-50.22949219 3.55957031-50.22949219 3.95507813-50.22949219-46.27441406v-209.61914062c0-27.68554688 1.58203125-29.26757813 28.87207031-29.66308594 3.95507813 0.39550781 8.30566406 0.39550781 12.26074219 0 19.77539063-1.97753906 26.89453125 5.93261719 26.10351563 25.70800781-1.18652345 39.94628906-0.39550781 79.49707031-0.39550782 119.04785156l0.79101563 0.39550782c0 39.94628906-0.39550781 80.68359375 0 121.02539062z m-100.06347656 21.35742188c5.93261719 1.97753906 4.35058594 15.02929689 1.97753906 23.33496093-2.37304688 6.72363281-9.4921875 11.07421875-16.61132813 9.09667969-19.37988281-1.18652345-40.73730469 1.18652345-52.99804687-20.17089844-3.55957031-5.14160156-9.88769531-7.91015625-16.21582031-7.11914062-6.72363281 0-13.84277344-0.39550781-20.56640625-1.18652344-63.67675781-9.09667969-70.79589844-17.79785156-70.79589844-81.47460937V419.45117187c0-28.4765625 11.07421875-42.31933594 37.96874999-51.02050781 32.82714844-10.67871094 68.42285156-9.88769531 101.25 1.58203125 23.33496094 7.91015625 33.22265625 22.54394531 34.4091797 50.22949219 1.18652345 31.640625 0.79101563 62.49023438 0.79101562 93.33984375v82.265625c-0.39550781 9.4921875-1.58203125 18.984375-3.95507812 28.4765625-2.37304688 11.46972656-20.96191406 24.12597655 4.74609375 32.82714844z m-272.90039063-179.16503907c0-16.61132813 5.53710938-23.33496094 22.93945312-23.33496093 49.04296875 0 41.1328125-3.1640625 41.13281251 39.55078125l-0.39550782 59.72167969v79.89257812c0 15.02929689-5.93261719 20.56640625-20.56640625 20.96191406-42.71484375 1.58203125-42.71484375 1.97753906-42.71484375-41.52832031-0.39550781-44.69238281 0-89.78027344-0.39550781-135.26367188z m0-75.93749999c0-32.43164063 0-32.43164063 33.22265625-32.43164063 29.66308594 0 29.66308594 0 30.05859375 32.82714844 0 33.61816406 0 33.61816406-30.05859375 33.61816406-34.01367188 0.39550781-34.01367188 0.39550781-33.22265625-34.01367187z m669.59472656 311.26464842c-5.14160156 24.91699219-23.33496094 44.69238281-47.85644531 51.41601564-41.92382813 10.67871094-84.63867188 17.79785156-127.74902344 20.17089843-49.04296875 5.53710938-98.0859375 7.51464844-147.52441406 5.53710938-92.94433594 1.97753906-185.88867188-4.74609375-277.64648439-20.96191406-44.69238281-8.30566406-70.79589844-38.36425781-69.60937498-80.68359375 0-11.86523438 4.35058594-17.79785156 16.61132812-17.79785157H219.32421875c10.67871094-1.58203125 20.56640625 5.14160156 23.33496094 15.42480469 4.74609375 15.42480469 18.58886719 26.49902345 35.20019531 27.29003906 41.92382813 6.72363281 84.63867188 11.86523438 126.95800781 14.63378907 67.23632813 4.35058594 134.47265625 4.35058594 201.70898438 0 48.64746094-3.55957031 97.29492188-7.91015625 145.546875-15.42480469 12.26074219-0.39550781 22.54394531-8.70117188 25.70800782-20.56640625 4.35058594-19.37988281 17.00683594-21.35742188 33.61816405-21.35742188 43.11035156 0.39550781 44.296875 1.58203125 33.22265625 42.31933595z m8.30566406-81.87011718c0 15.8203125-4.35058594 23.73046875-22.1484375 24.12597657-45.08789063 0.79101563-45.08789063 1.18652345-45.08789062-44.296875 0-71.58691406 0.39550781-143.96484375 0-215.94726563 0-19.77539063 7.11914063-26.10351563 26.10351562-25.70800781 40.73730469 0.79101563 40.73730469 0 40.73730469 39.94628905l0.39550781 104.80957032v117.0703125z"  ></path></symbol><symbol id="icon-arrow-right" viewBox="0 0 1024 1024"><path d="M741.79999971 494.3250002L317.5499999 70.07500039a24.975 24.975 0 1 0-35.34999961 35.34999961L688.74999981 512 282.20000029 918.59999961a24.975 24.975 0 1 0 35.34999961 35.35000049l424.27500029-424.24999981c9.74999971-9.7750002 9.74999971-25.5999999-0.02500048-35.37500009z"  ></path></symbol><symbol id="icon-add" viewBox="0 0 1024 1024"><path d="M536.6375 487.41875h344.475a24.58125 24.58125 0 1 1 0 49.21875H536.69375v344.475a24.58125 24.58125 0 1 1-49.275 0V536.69375H142.8875a24.58125 24.58125 0 1 1 0-49.275h344.53125V142.8875a24.58125 24.58125 0 1 1 49.21875 0v344.53125z"  ></path></symbol><symbol id="icon-douban" viewBox="0 0 1024 1024"><path d="M393.70361328 445.14764404h251.14169312v92.00582886h-251.14169312v-92.00582886z"  ></path><path d="M741.71917724 114.62506103h-445.46868896c-99.72564698 0-180.59381104 81.27108765-180.59381104 181.5265503v447.72555542c0 100.25051879 80.87640381 181.49935913 180.59381104 181.49935913h445.46868896c99.74871826 0 180.60946656-81.24719238 180.60946656-181.49935913v-447.72555542c0-100.25051879-80.87640381-181.52655029-180.60946656-181.52655028zM305.34222412 298.68698119h427.33135986v48.13824464h-427.33135986v-48.13824462zM342.44662476 585.19448852v-188.13153076h353.06817626v188.13153076h-353.06817626zM744.77859497 741.29153442h-451.51748658v-47.58865356h131.56649781c-12.04650879-25.30673218-27.75640869-52.53909302-47.22940063-81.75064087l47.22940063-18.6663208c18.75036621 27.76712036 35.48034668 61.25180054 50.3069458 100.4680481h89.39877319c17.72698974-30.28601075 33.22842407-63.80529785 46.59411622-100.4680481l51.32620239 18.6663208c-13.38546753 30.9690857-27.90637207 58.21463013-43.27020263 81.75064087h125.62234496v47.58865356z"  ></path></symbol><symbol id="icon-email" viewBox="0 0 1024 1024"><path d="M892.64 220.16c-20.16-21.12-49.44-34.56-82.56-34.56H214.4c-32.64 0-61.92 13.44-82.08 34.56l380.16 314.88 380.16-314.88z m24 42.72l-387.84 321.6c-4.32 3.84-10.56 5.76-16.32 5.76s-12-1.92-16.32-6.24l-387.84-321.6c-2.4 8.64-3.36 16.8-3.36 25.92v447.84c0 56.64 49.44 102.72 109.92 102.72h595.68c60.48 0 109.92-46.08 109.92-102.72v-447.36c-0.48-9.12-1.44-18.24-3.84-25.92z"  ></path></symbol><symbol id="icon-bilibili" viewBox="0 0 1024 1024"><path d="M718.848 452.608c-3.584-12.8-13.312-22.528-25.6-26.624-7.68-2.56-15.872-4.096-24.576-3.584H362.496c-6.144-0.512-12.288-0.512-18.432 0-14.848 2.56-27.136 13.824-31.232 28.16-0.512 5.12-0.512 10.24 0 14.848v186.368c-1.024 17.92 10.24 33.792 27.136 39.424 5.632 2.048 11.264 2.56 16.896 2.56h320c15.872 0.512 30.72-8.704 37.376-23.04 3.584-8.192 4.608-16.896 4.096-26.112V471.552c1.536-6.144 1.536-12.288 0.512-18.944z m-269.312 109.056c0.512 9.216-2.56 17.92-7.68 25.088-13.824 16.896-38.4 19.456-55.296 6.144-3.584-3.072-6.656-6.656-9.216-10.752-4.096-8.192-5.632-17.408-5.12-26.624v-39.424c2.56-17.408 16.896-31.232 34.304-33.28l2.56 1.024c9.728-0.512 19.456 2.56 27.136 9.216 8.704 7.168 13.312 17.92 13.824 29.184v39.424z m204.8-1.536c0.512 9.216-1.536 17.92-6.144 26.112-12.288 17.92-36.864 22.528-54.784 10.24-4.096-2.56-7.68-6.144-10.24-10.24-5.12-8.192-7.168-18.432-6.144-28.16v-39.424c2.048-17.92 16.384-32.256 34.304-34.816l1.024-0.512c21.504-1.536 40.448 14.848 41.984 36.352V560.128z"  ></path><path d="M512 64.512c-247.296 0-447.488 200.192-447.488 447.488 0 247.296 200.192 447.488 447.488 447.488 247.296 0 447.488-200.192 447.488-447.488 0-247.296-200.192-447.488-447.488-447.488z m276.48 633.856c-5.12 23.04-19.456 43.008-39.424 55.296-13.824 8.192-29.184 12.8-45.056 12.8H342.016c-11.776 0.512-23.552 0-35.328-2.048-22.528-5.12-41.984-19.456-54.272-39.424-8.704-13.312-13.312-29.184-13.312-45.056V455.168c-1.024-10.752-1.024-22.016 0-32.768 7.168-38.4 39.424-67.072 78.848-70.144h51.712c-8.192-6.144-15.36-12.8-23.04-19.456-9.216-8.192-13.824-19.968-12.8-32.256 1.024-12.8 8.192-24.576 19.456-31.232 10.752-5.12 23.04-5.12 33.28 0 7.68 4.096 14.336 8.704 20.48 14.848L485.888 353.28h56.32l78.848-69.12c6.144-6.144 12.8-11.264 20.48-14.848 20.48-7.168 43.008 3.584 50.176 24.064 1.024 3.072 1.536 5.632 2.048 8.704 0.512 9.728-2.56 18.944-8.704 26.624-5.632 5.632-11.264 10.752-17.408 15.872-3.584 3.072-7.168 6.144-11.264 9.216h49.152c22.016 0.512 43.008 10.24 57.856 26.112 15.872 14.848 25.6 35.84 26.624 57.856v226.304c1.024 11.264 0.512 23.04-1.536 34.304zM512 64.512z"  ></path></symbol><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M363.05351562 554.67177734c-0.51240234 0.68466797-1.02568359 1.38955078-1.26123046 2.24472657l-39.80742188 150.87041015c-2.30888672 8.78642578 0.06416016 18.25751953 6.35009766 24.92753907 4.70302734 4.74609375 10.90283203 7.3546875 17.5086914 7.35468749 2.18056641 0 4.36201172-0.25664063 6.49951172-0.85517578l144.88417969-40.85507812c0.23466797 0 0.34277344 0.21357422 0.51328125 0.21357422 1.66728516 0 3.31347656-0.61962891 4.53164062-1.94501953l387.42714844-400.48945313C901.20078125 284.23144531 907.5078125 268.00419922 907.5078125 250.34521484c0-20.0109375-8.20898438-39.99990234-22.57558594-54.83671875l-36.58007812-37.88349609c-14.36572266-14.85791016-33.73505859-23.36660156-53.06132813-23.36660156-17.08242188 0-32.77441406 6.51972656-44.31884765 18.40693359L363.63183594 553.28222656c-0.40605469 0.38496094-0.29882813 0.94042969-0.57744141 1.38955078m488.71933594-297.76376953l-38.48115235 39.76435547-62.36191406-65.52597656L788.85546875 191.93837891c5.98535156-6.24287109 17.61591797-5.32353516 24.50039062 1.81669921l36.62138672 37.8834961c3.80566406 3.95507813 5.98623047 9.19335938 5.98623047 14.38769531-0.02109375 4.25390625-1.47480469 8.12373047-4.190625 10.88173828m-419.8359375 304.04882813L711.48535156 271.91708984l62.42607422 65.56904297-279.03515625 288.48515625-62.94023437-65.01269531zM381.01132813 678.15722656l20.20253906-76.66435547 53.89628906 55.71298829-74.09882812 20.95136718zM876.31542969 415.62441406c-14.66630859 0-26.68095703 12.33544922-26.74511719 27.70664063v373.38134765c0 19.58203125-15.37207031 35.48847656-34.33447266 35.48847657H204.31601562c-18.94130859 0-34.37666016-15.90556641-34.37666015-35.48847657V207.265625c0-19.60400391 15.43535156-35.51044922 34.37666016-35.51044922H597.77246094c14.7515625 0 26.72402344-12.39960938 26.72402343-27.64248047 0-15.22177734-11.97246094-27.62138672-26.72402343-27.62138672H200.234375C154.07509766 116.4921875 116.4921875 155.31611328 116.4921875 203.07675781V820.94433594C116.4921875 868.70410156 154.07597656 907.5078125 200.23261719 907.5078125h619.0453125c46.19882813 0 83.74042969-38.80283203 83.74042969-86.56347656V443.13945313c-0.04306641-15.17871094-12.03662109-27.51416016-26.70205079-27.51416016"  ></path></symbol><symbol id="icon-local" viewBox="0 0 1024 1024"><path d="M512 62C307.67539063 62 147.13525391 246.86474609 169.02705078 441.45898437c14.59423828 131.35253906 80.27050781 199.45986328 158.10820313 308.91972657 48.64833984 68.10820313 102.16230469 136.21552734 160.54101562 199.45898437 12.16142578 12.16230469 36.48603516 12.16230469 48.64746094 0 55.94677734-58.37783203 104.59511719-121.62128906 153.24345703-187.29755859 77.83857422-107.02705078 148.37871094-180 165.40576172-311.35078125C876.86474609 251.72949219 718.75654297 66.86474609 512 62z m265.13525391 415.94589844c-24.32460937 119.18847656-97.29755859 177.5671875-167.83769532 274.86474609-31.62216797 43.78359375-65.67626953 85.13525391-99.72949218 124.05410156-34.05498047-38.91796875-68.10820313-80.27050781-99.72949219-124.05410156-72.97382813-97.29755859-141.08203125-155.67539063-167.83857422-274.86474609-38.91884766-170.27050781 82.70244141-350.27050781 267.5671875-350.27050781 189.72949219 4.86474609 304.05410156 180 267.56806641 350.27050781zM509.5671875 263.89179687c-87.5671875-4.86474609-150.81064453 72.97294922-153.24257813 150.81152344-4.86474609 85.134375 72.97294922 145.94501953 153.24257813 150.80976563 82.70332031 4.865625 145.94589844-65.67539062 153.24345703-141.08027344v-9.72949219-9.73037109c-7.29755859-80.27050781-68.10820313-138.64833984-153.24345703-141.08115234z m-85.134375 150.81152344c-4.865625-109.45986328 167.83769531-109.45986328 175.134375 0-7.29667969 109.45898438-170.27050781 109.45898438-175.134375 0z"  ></path></symbol><symbol id="icon-shidu" viewBox="0 0 1024 1024"><path d="M801.92 469.696a2168.768 2168.768 0 0 0-91.392-141.184 27.264 27.264 0 0 0-22.08-11.648 27.264 27.264 0 0 0-22.144 11.648c-1.92 2.56-46.208 64.896-91.328 141.184-63.36 107.136-94.08 183.424-94.08 233.088 0 58.496 21.568 113.472 60.8 154.88a200.96 200.96 0 0 0 146.752 64.128A200.96 200.96 0 0 0 835.2 857.6c39.232-41.408 60.8-96.384 60.8-154.88 0-49.664-30.784-125.952-94.08-233.088z m-113.472 393.6c-83.904 0-152.192-72-152.192-160.512 0-21.312 11.136-75.84 85.568-201.856 24.64-41.664 49.472-79.744 66.56-105.152 17.088 25.344 41.856 63.232 66.496 104.832 74.56 126.208 85.76 180.864 85.76 202.24 0 88.448-68.288 160.448-152.192 160.448z m-37.76-82.304a88.064 88.064 0 0 1-45.44-78.208c0-27.392 11.84-52.736 32.448-69.504a20.224 20.224 0 0 0 3.328-27.328 17.856 17.856 0 0 0-25.856-3.52c-29.76 24.192-46.848 60.8-46.848 100.352 0 47.872 25.152 91.136 65.6 112.96a17.6 17.6 0 0 0 8.32 2.112c6.784 0 13.248-3.84 16.512-10.624a20.032 20.032 0 0 0-8.064-26.24z m-134.528 104.832a27.328 27.328 0 0 1 35.52 17.472 29.696 29.696 0 0 1-16.576 37.504c-33.152 12.736-68.096 19.2-103.68 19.2a288 288 0 0 1-118.144-25.152 302.016 302.016 0 0 1-96.448-68.608 320.448 320.448 0 0 1-64.96-101.696A333.184 333.184 0 0 1 128 639.936c0-41.472 14.912-95.616 45.632-165.44 23.36-53.12 55.808-114.88 96.384-183.616a3374.72 3374.72 0 0 1 139.264-215.232A27.264 27.264 0 0 1 431.36 64c8.704 0 16.896 4.288 22.144 11.648a3320.96 3320.96 0 0 1 162.496 255.424 30.144 30.144 0 0 1-9.6 40.128 26.88 26.88 0 0 1-37.952-10.112A3221.312 3221.312 0 0 0 431.36 142.72c-25.728 37.632-70.336 104.704-114.56 179.456-39.296 66.624-70.592 126.208-92.928 177.088-33.472 76.032-40.448 118.464-40.448 140.672 0 144.256 111.232 261.632 247.936 261.632 29.184 0 57.728-5.312 84.8-15.744z m-200.448-367.36a20.224 20.224 0 0 1 3.008 27.328 155.328 155.328 0 0 0-31.104 94.144c0 59.136 32.96 113.28 83.84 137.92 9.28 4.48 13.376 16 9.088 25.856a18.432 18.432 0 0 1-16.768 11.328 17.6 17.6 0 0 1-7.68-1.792 184.064 184.064 0 0 1-76.032-69.12A197.44 197.44 0 0 1 250.688 640c0-43.456 13.504-84.416 39.04-118.4 6.4-8.384 17.984-9.792 25.984-3.136z"  ></path></symbol><symbol id="icon-fengxiang" viewBox="0 0 1024 1024"><path d="M883.18194627 961.99974073a37.67807724 37.67807724 0 0 1-18.83903905-5.07476602L530.78595665 763.75418398a65.48920752 65.48920752 0 0 0-32.54443946 0L159.49205614 957.04271914a37.67807724 37.67807724 0 0 1-18.67419667 4.95702157 47.99245078 47.99245078 0 0 1-41.54008007-23.71363944A49.6408667 49.6408667 0 0 1 97.53516846 890.91769414L467.89889083 89.61096553q0.49452451-1.08324492 1.0714702-2.13116573a48.27503584 48.27503584 0 0 1 85.07003379 0q0.55339717 1.03614699 1.04792169 2.09584249L926.4528626 890.91769414a49.6408667 49.6408667 0 0 1-1.73083711 47.39195567 47.99245078 47.99245078 0 0 1-41.5400792 23.6900909zM511.53481425 174.81051758L201.05568477 846.5517582l263.74653896-150.55924042a37.67807724 37.67807724 0 0 1 7.44142059-3.23796006 140.58632461 140.58632461 0 0 1 84.77567316 0.17661621 37.67807724 37.67807724 0 0 1 7.5002924 3.30860566l257.85933923 149.32292871z"  ></path><path d="M513.37162021 586.01962989m-76.27455703 0a76.27455703 76.27455703 0 1 0 152.54911406 0 76.27455703 76.27455703 0 1 0-152.54911406 0Z"  ></path></symbol><symbol id="icon-about" viewBox="0 0 1024 1024"><path d="M512 960C264.976 960 64 759.024 64 512S264.976 64 512 64s448 200.976 448 448-200.976 448-448 448z m0-832C300.256 128 128 300.256 128 512c0 211.728 172.256 384 384 384 211.728 0 384-172.272 384-384C896 300.256 723.728 128 512 128z"  ></path><path d="M512 304m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"  ></path><path d="M512 768a32 32 0 0 1-32-32V448a32 32 0 0 1 64 0v288a32 32 0 0 1-32 32z"  ></path></symbol><symbol id="icon-air" viewBox="0 0 1117 1024"><path d="M304.6861677 455.05084719a865.47007781 865.47007781 0 0 1 117.25723688-86.98323188c14.65715437-8.98623187 40.13268469-22.68369188 76.25210156-41.09238 61.07147719-28.35461438 118.82764594-43.18625906 167.77207219-43.18625906a36.64288594 36.64288594 0 1 1 0 73.28577281c-44.40768844 0-102.42559219 17.44899375-163.49706938 49.46789625a794.53991906 794.53991906 0 0 0-200.83791468 152.67869344l-4.71122813 4.88571844C173.99320677 693.14236345 127.14265958 780.47457594 127.14265958 955.31349125a36.64288594 36.64288594 0 1 1-73.54750781 0c0-134.53174031 15.61684875-189.32157937 80.26537031-301.1696278a321.75944062 321.75944062 0 0 1-43.09901438-87.9429272C66.33291646 487.85495562 66.15842708 398.60335344 83.52017521 336.13595657c21.2005275-75.29240719 56.97096375-133.74653531 109.40518968-178.67769376C241.52081146 116.45312844 305.03514833 86.96432938 386.17296739 67.59594688 513.11439552 37.49643313 636.91500458 32 993.65967644 32h26.08624502c10.73113125 0 20.6770575 4.71122812 27.656655 12.99950063 6.36888281 7.59031219 9.59694656 17.71072875 9.50970187 29.22706406-32.89135313 189.05984438-84.19139344 344.96660156-152.32971375 462.39832781-58.71586313 101.11691719-130.51847156 175.62411937-213.40119094 221.07874688a435.78861281 435.78861281 0 0 1-213.31394531 54.17912531 504.6248925 504.6248925 0 0 1-190.45576406-37.25360158 293.92829531 293.92829531 0 0 1-43.62248344-21.72399655 35.33421187 35.33421187 0 0 1-17.27450344-22.59644625 35.42145657 35.42145657 0 0 1 3.83877844-27.04594031 35.33421187 35.33421187 0 0 1 22.68369188-17.18725875 38.99850094 38.99850094 0 0 1 27.56940937 4.10051344c10.55664094 6.7178625 21.98573156 12.47603062 33.67655719 17.10001406 105.13018594 42.57554437 225.96446625 49.99136625 341.12782312-13.69746 153.55114311-84.71486343 262.2583725-283.45889906 321.49770563-589.77598031-616.64743031-0.34897969-760.95060656 34.1127825-821.49861469 250.74203625-13.435725 47.5485075-14.04643969 122.49193406 6.36888281 189.49606969 4.88571844 15.96582938 10.99286625 30.88471875 18.40868813 44.32044374 17.27450345-22.68369188 35.85768187-44.75666812 55.40055468-65.86995093 6.28163813-8.46276187 29.31430875-30.97196343 69.09801376-67.44036z"  ></path></symbol><symbol id="icon-music163" viewBox="0 0 1028 1024"><path d="M206.825 122.025c-38.4 17.92-74.88 58.24-88.32 98.56-15.36 43.52-15.36 547.84 0 591.36 14.080 41.6 49.92 81.28 90.24 98.56l34.56 15.36h552.96l32.64-15.36c38.4-17.92 74.88-58.24 88.32-98.56 15.36-43.52 15.36-547.84 0-591.36-13.44-40.32-49.92-80.64-88.32-98.56l-32.64-15.36h-556.8l-32.64 15.36zM663.145 191.145c26.24 10.88 53.12 37.76 53.12 52.48s-17.28 35.84-29.44 35.84c-4.48 0-19.84-5.76-33.92-13.44-31.36-16-45.44-14.080-57.6 7.68-7.68 14.080-8.32 21.76-1.92 42.88 7.040 23.68 10.24 26.24 38.4 33.28 72.32 17.28 120.96 60.8 149.76 133.76 18.56 47.36 20.48 147.84 3.2 195.84-22.4 64-84.48 124.8-158.080 152.96-39.040 15.36-117.76 20.48-160.64 10.24-192.64-44.8-291.2-288.64-188.16-464.64 33.92-58.24 126.080-136.96 160-136.96 7.68 0 19.2 5.76 24.96 12.16 20.48 22.4 10.24 39.040-44.8 78.080-78.080 55.68-112 118.4-112 206.72 0 71.68 26.88 133.12 80.64 182.4 44.16 40.32 79.36 54.4 140.8 55.040 85.76 0 147.2-36.48 183.040-108.8 19.2-39.040 19.84-44.16 17.28-98.56-2.56-49.28-5.12-61.44-21.76-87.68-17.92-28.8-72.96-68.48-82.56-59.52-1.92 2.56 1.92 26.88 9.6 54.4 7.040 27.52 12.8 55.68 12.8 62.72 0 51.84-40.32 105.6-88.96 119.040-82.56 22.4-149.76-40.96-149.76-141.44 0-69.76 34.56-122.24 98.56-151.040l23.040-10.24-2.56-55.040c-3.2-49.92-1.92-56.96 10.88-73.6 31.36-39.040 82.56-53.12 126.080-34.56z"  ></path><path d="M514.025 438.825c-20.48 12.8-40.96 52.48-40.96 81.28 0 24.32 16.64 58.24 32 66.56 28.16 15.36 70.4-10.88 70.4-43.52 0-9.6-5.12-39.68-10.88-67.2-12.8-54.4-17.28-57.6-50.56-37.12z"  ></path></symbol><symbol id="icon-tmall" viewBox="0 0 1024 1024"><path d="M230.75 905.75l112.5 0c0-62.1-25.14375-112.5-56.25-112.5S230.75 843.65 230.75 905.75zM680.75 905.75l112.5 0c0-62.1-25.14375-112.5-56.25-112.5S680.75 843.65 680.75 905.75zM860.4125 627.93125c-30.7125-5.68125-65.41875 21.76875-96.075 75.6-30.54375 53.49375-68.34375 89.2125-153.39375 89.2125L412.71875 792.74375c-85.10625 0-122.85-35.71875-153.45-89.2125C228.66875 649.64375 193.625 622.19375 163.25 627.93125c-21.43125 4.05-38.64375 25.48125-45 54.61875L118.25 793.25c0 42.13125 23.45625 78.46875 57.7125 97.70625C183.275 835.8875 229.90625 793.25 287 793.25c62.1 0 112.5 50.4 112.5 112.5l56.25 0c0-31.10625 25.14375-56.25 56.25-56.25s56.25 25.14375 56.25 56.25l56.25 0c0-62.1 50.4-112.5 112.5-112.5 57.09375 0 103.725 42.6375 111.0375 97.70625C882.29375 871.71875 905.75 835.38125 905.75 793.25l0-109.6875C899.5625 653.8625 882.125 632.0375 860.4125 627.93125zM793.25 118.25L230.75 118.25C168.65 118.25 118.25 168.65 118.25 230.75l0 353.19375c10.8-7.0875 22.3875-12.54375 35.04375-14.9625 25.875-5.0625 92.5875-4.66875 154.2375 103.44375 20.08125 35.38125 39.43125 60.35625 105.1875 60.35625L611 732.78125c65.7 0 85.05-24.975 105.1875-60.35625 61.65-108.05625 128.3625-108.50625 154.18125-103.44375C883.1375 571.45625 894.89375 577.025 905.75 584.225L905.75 230.75C905.75 168.65 855.35 118.25 793.25 118.25zM652.625 287L568.25 287l0 225c0 31.10625-25.14375 56.25-56.25 56.25S455.75 543.10625 455.75 512L455.75 287 371.375 287C355.85 287 343.25 274.4 343.25 258.875S355.85 230.75 371.375 230.75l281.25 0C668.15 230.75 680.75 243.35 680.75 258.875S668.15 287 652.625 287z"  ></path></symbol><symbol id="icon-taobao" viewBox="0 0 1024 1024"><path d="M198.05635266 315.145563c44.299949 0 80.16273801-32.281217 80.162737-71.82074501 0-39.61422999-35.862789-71.969125-80.162737-71.96912499s-80.16273801 32.354895-80.16273799 71.96912499c0 39.539528 35.862789 71.82074599 80.16273799 71.82074501zM131.54451967 344.1829l-50.333362 77.615729 93.16895901 58.099232s62.06454399 31.729655 32.61890899 91.26868c-27.956725 56.365752-163.621545 179.86959999-163.62154499 179.8696l121.67724699 75.885318c83.98580999-182.488241 78.745459-158.186765 99.89822101-223.712131 21.679765-67.016323 26.294876-118.12023399-10.38451101-154.920372-47.44866199-47.521317-52.689013-51.94404601-123.023918-104.106056zM920.32326367 323.824223s-26.07895801-205.446116-475.813846-78.097706c19.036565-33.410947 28.483728-55.332213 28.483728-55.332212l-112.422466-31.392988s-45.284369 147.660015-126.050857 216.669738c0 0 78.14477799 44.99682 77.351715 43.74941 22.354124-22.33263399 42.306548-45.14213001 59.950394-67.208705 17.857716-7.883551 35.18842999-15.192004 52.088332-22.113647-20.695345 37.497009-54.347792 93.40739001-87.904049 128.74113l47.305399 41.415248s32.111349-31.00617799 67.42257499-68.410066l40.28551901 0 0 69.012794L334.22668469 500.857219l-3e-8 55.140854 156.79404601 0 0 132.203998c-2.042519-0.049119-4.08606201-0.049119-5.983271-0.337691-17.308201-0.76748-44.37465001-3.653203-54.734602-20.237927-12.833283-20.239973-3.485381-57.37780201-2.76395-80.23641499L319.49209867 587.39003801l-3.94279801 2.01795899s-39.41980101 177.297009 114.34423401 173.380816c143.78987001 3.869121 226.33281799-40.022529 265.875417-70.356394l15.792684 58.600653 88.792279-36.871769-59.947324-147.154502-72.23211399 22.401196 13.533224 50.478672c-18.507516 13.74914201-39.948851 24.084535-62.73583301 31.752168L618.97186767 555.999097l152.779615 0 0-55.14085501-152.779615 0 0-69.01279299 153.429415 0 0-55.13983101L499.82014066 376.70561799c19.59017401-23.917736 35.020608-45.74281001 39.15578802-59.73038299l-47.450708-12.78928101c203.740264-72.879867 317.29246-60.476373 316.23333799 59.132772l0 315.07904802s12.11492199 108.454084-111.988584 100.54597399l-67.038836-14.446013-15.673981 63.745836s289.527093 82.688257 313.25244701-139.896191c23.651676-222.632543-5.986341-364.523157-5.98634101-364.523157z"  ></path></symbol><symbol id="icon-jd" viewBox="0 0 1024 1024"><path d="M189.18044446 380.70044445c1.59288889 20.59377778 3.86844445 41.30133333 4.66488887 62.00888888 1.47911111 38.45688889-13.76711111 69.06311111-45.05599999 91.47733334-24.12088889 17.29422222-50.51733333 29.80977778-79.30311112 36.63644444-33.67822222 7.85066667-61.78133333-19.79733333-53.02044443-53.36177778 5.00622222-19.11466667 11.37777778-38.57066667 21.39022221-55.40977778 24.80355555-41.75644445 39.936-86.92622222 52.33777779-133.34755555 2.27555555-8.64711111 5.34755555-17.29422222 9.216-25.37244445 6.71288889-13.99466667 22.07288889-21.27644445 36.75022221-16.8391111 10.58133333 3.18577778 20.93511111 7.73688889 30.83377779 12.97066666 15.70133333 8.192 30.94755555 17.52177778 46.42133332 26.39644444 9.44355555-10.12622222 18.54577778-20.82133333 28.33066667-30.60622222 34.47466667-34.24711111 77.02755555-55.97866667 120.37688888-76.00355555 67.92533333-31.40266667 137.78488889-58.02666667 211.28533334-73.27288889 34.01955555-7.05422222 68.83555555-11.60533333 103.53777779-14.22222222 41.41511111-3.072 83.05777778-4.66488889 124.47288887-3.64088889 53.81688889 1.25155555 106.83733333 8.41955555 155.98933335 33.10933333 26.51022222 13.312 48.69688889 31.744 53.47555554 62.00888889 3.29955555 21.16266667 2.048 43.57688889-0.34133333 65.08088889-3.98222222 36.52266667-18.88711111 70.20088889-33.45066667 103.424-3.86844445 8.76088889-13.99466667 15.81511111-22.75555555 20.93511111-22.18666667 12.97066667-46.99022222 19.68355555-72.13511112 24.46222222-70.88355555 13.53955555-140.40177778 7.50933333-208.21333333-16.83911111-40.27733333-14.44977778-72.704-40.73244445-102.28622222-70.88355556-3.072-3.072-5.57511111-7.28177778-9.32977778-9.10222222-3.98222222-1.93422222-10.35377778-3.52711111-13.19822222-1.59288888-2.95822222 2.048-4.66488889 8.76088889-3.86844444 12.7431111 1.024 4.77866667 4.66488889 9.55733333 8.19199999 13.312 42.89422222 46.42133333 95.11822222 77.48266667 156.672 91.7048889 73.50044445 16.95288889 146.65955555 16.04266667 218.79466667-7.85066667 4.096-1.36533333 8.192-2.95822222 12.17422224-4.77866667 3.86844445-1.70666667 7.73688889-3.86844445 13.08444443-4.77866666-7.96444445 11.60533333-15.47377778 23.43822222-23.77955556 34.70222222-55.97866667 75.09333333-127.77244445 127.88622222-218.33955555 154.28266666-57.79911111 16.83911111-115.59822222 14.44977778-173.056 0.45511112-96.02844445-23.43822222-184.20622222-63.71555555-260.20977778-128.11377778-23.66577778-20.02488889-45.96622222-41.64266667-61.55377777-68.83555556-6.03022222-10.46755555-11.15022222-21.84533333-13.99466668-33.33688889-2.38933333-9.216-6.144-15.13244445-14.10844442-17.52177777zM888.23111112 151.32444445c-11.15022222 1.024-22.41422222 1.47911111-33.45066668 3.18577777-17.06666667 2.73066667-33.33688889 8.30577778-46.87644444 19.456-11.94666667 9.78488889-10.58133333 23.89333333 2.73066666 31.40266667 5.34755555 2.95822222 11.37777778 5.12 17.29422223 6.71288889 26.96533333 7.39555555 54.49955555 5.46133333 81.80622223 2.38933333 13.99466667-1.59288889 27.87555555-6.03022222 41.07377777-11.15022222 9.10222222-3.52711111 15.92888889-11.264 15.47377777-22.41422222-0.45511111-10.58133333-9.10222222-14.44977778-16.83911111-18.09066667-19.34222222-8.87466667-40.04977778-11.37777778-61.21244443-11.49155555zM567.71911111 275.91111111c16.15644445 0 28.78577778-11.37777778 28.78577777-25.71377778-0.11377778-14.22222222-13.312-26.05511111-28.89955555-25.94133333-16.27022222 0.11377778-28.44444445 11.264-28.55822222 25.94133333 0 14.336 12.51555555 25.6 28.672 25.71377778zM692.98844444 895.65866667c-7.50933333 0-14.67733333 0.45511111-21.73155555-0.22755556-1.93422222-0.22755555-4.55111111-3.52711111-5.12000001-5.91644444-5.23377778-20.48-9.67111111-41.30133333-15.36-61.66755556-2.16177778-7.96444445-6.25777778-15.70133333-10.92266665-22.64177778-7.05422222-10.58133333-18.88711111-11.94666667-26.85155557-2.048-7.73688889 9.55733333-14.56355555 20.36622222-19.34222222 31.744-6.94044445 16.61155555-11.94666667 34.01955555-16.83911111 51.42755556-2.048 7.168-4.55111111 10.92266667-12.51555555 9.67111111-4.43733333-0.68266667-9.216-0.11377778-14.79111112-0.11377778 1.13777778-29.80977778 2.16177778-58.70933333 3.29955556-90.22577777-7.05422222 3.52711111-12.40177778 5.23377778-16.49777778 8.41955555-9.44355555 7.62311111-18.77333333 15.47377778-27.30666666 24.12088889-15.47377778 15.81511111-30.49244445 32.19911111-45.51111112 48.58311111-9.44355555 10.24-12.74311111 11.264-29.01333332 7.50933333 19.22844445-32.65422222 38.34311111-64.96711111 58.02666666-98.07644444-18.88711111-5.46133333-35.38488889-12.97066667-42.43911111-32.31288889-4.43733333-12.06044445-3.75466667-24.00711111 1.13777777-36.40888889 1.13777778 4.20977778 2.048 8.53333333 3.29955556 12.74311111 6.37155555 21.73155555 25.48622222 32.99555555 46.99022222 26.51022223 5.57511111-1.70666667 11.71911111-6.37155555 14.79111111-11.264 18.88711111-30.49244445 37.09155555-61.44 55.06844445-92.38755556 3.29955555-5.68888889 6.59911111-6.71288889 12.74311112-5.68888889 29.58222222 4.66488889 59.27822222 9.10222222 89.088 1.25155555 6.48533333-1.70666667 12.74311111-4.43733333 19.68355554-6.94044444 0.11377778 80.896 0.11377778 161.67822222 0.11377778 243.93955556z"  ></path></symbol><symbol id="icon-note" viewBox="0 0 1024 1024"><path d="M876.8 180.8c0-14.4-12-26.4-26.4-26.4l-288-24c-31.2-2.4-62.4 9.6-84 31.2L161.6 488c-38.4 40.8-38.4 105.6 0 146.4l225.6 230.4c19.2 19.2 45.6 31.2 74.4 31.2h2.4c26.4 0 52.8-9.6 72-28.8l2.4-2.4 326.4-321.6c24-24 33.6-50.4 31.2-79.2l-19.2-283.2zM790.4 344c-4.8 48-48 84-96 79.2-48-4.8-84-48-79.2-96 4.8-48 48-84 96-79.2 50.4 4.8 84 48 79.2 96z"  ></path></symbol><symbol id="icon-todo" viewBox="0 0 1024 1024"><path d="M565.895 866.18h-371.925C137.645 866.18 92 820.25 92 763.565V239.6C92 182.96 137.645 137 193.97 137h499.29c56.325 0 101.97 45.945 101.97 102.63v181.155A254.61 254.61 0 0 0 731.135 412.625C589.94 412.625 475.475 527.795 475.475 669.875c0 78.69 35.1 149.115 90.42 196.305z m-353.7-314.61H434.9a36.345 36.345 0 0 0 36.225-36.45 36.345 36.345 0 0 0-36.225-36.45H212.21a36.345 36.345 0 0 0-36.24 36.45c0 13.425 12.075 25.575 36.24 36.45z m412.725-300.51H212.21a36.345 36.345 0 0 0-36.24 36.45 36.345 36.345 0 0 0 36.24 36.45h412.71a36.345 36.345 0 0 0 36.225-36.45 36.345 36.345 0 0 0-36.225-36.45zM731.12 872c-110.925 0-200.85-90.495-200.85-202.125 0-111.63 89.925-202.125 200.85-202.125C842.09 467.75 932 558.245 932 669.875 932 781.505 842.075 872 731.135 872z m-70.29-216.855a27.27 27.27 0 0 0-38.595-3.435 27.675 27.675 0 0 0-3.405 38.82l64.035 76.95c10.65 12.78 30.045 13.2 41.22 0.885l122.46-135.03c10.2-11.25 9.405-28.68-1.77-38.94a27.27 27.27 0 0 0-38.7 1.77l-101.325 111.75-43.92-52.77z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M859.61428833 882.78857422c-6.95228576 0-11.58714294-2.31742859-16.22200012-6.95228576l-695.22857667-695.22857667C138.89399719 171.33799744 138.89399719 157.43342591 148.16371154 148.16371154s23.17428589-9.26971435 32.44400025 0l695.22857667 695.22857667c9.26971435 9.26971435 9.26971435 23.17428589 0 32.44400025-4.63485718 4.63485718-9.26971435 6.95228576-16.22200013 6.95228576z"  ></path><path d="M164.38571167 882.78857422c-6.95228576 0-11.58714294-2.31742859-16.22200013-6.95228576-9.26971435-9.26971435-9.26971435-23.17428589 0-32.44400025l695.22857667-695.22857667c9.26971435-9.26971435 23.17428589-9.26971435 32.44400025 0s9.26971435 23.17428589 0 32.44400025l-695.22857667 695.22857667c-4.63485718 4.63485718-9.26971435 6.95228576-16.22200012 6.95228576z"  ></path></symbol><symbol id="icon-search" viewBox="0 0 1024 1024"><path d="M882.6369 904.308991 730.351542 708.192358c7.884574-6.656607 15.529695-13.647835 22.890336-21.0095 33.348526-33.350572 59.533908-72.194252 77.8296-115.453499 18.948561-44.803415 28.555359-92.378967 28.555359-141.40659 0-49.021483-9.607822-96.593965-28.556383-141.393287-18.295692-43.256176-44.481074-82.09781-77.828576-115.446335S681.053766 113.948215 637.797589 95.652524C592.99929 76.703963 545.429879 67.096141 496.409418 67.096141c-49.021483 0-96.593965 9.607822-141.394311 28.556383-43.256176 18.295692-82.098833 44.482097-115.446335 77.830623-33.348526 33.347502-59.533908 72.189136-77.830623 115.446335-18.948561 44.800345-28.556383 92.371804-28.556383 141.393287 0 49.027623 9.607822 96.603175 28.556383 141.40659 18.295692 43.259246 44.481074 82.10395 77.8296 115.453499 33.347502 33.349549 72.189136 59.536978 115.446335 77.833693 44.800345 18.948561 92.371804 28.556383 141.394311 28.556383 49.019437 0 96.590895-9.608845 141.389194-28.557406 12.920264-5.465478 25.436322-11.649318 37.541011-18.502399l154.415882 198.860117c11.339256 14.603603 31.987528 17.545608 46.119387 6.572696l1.705851-1.325182C891.713626 939.6458 893.977179 918.912593 882.6369 904.308991zM496.409418 732.173538c-166.428473 0-301.82928-135.410016-301.82928-301.851792 0-166.428473 135.399783-301.828256 301.82928-301.828256 166.423357 0 301.818023 135.399783 301.818023 301.828256C798.228465 596.763522 662.832775 732.173538 496.409418 732.173538z"  ></path></symbol><symbol id="icon-setting" viewBox="0 0 1024 1024"><path d="M512.512 96c31.317333 0.384 62.506667 3.968 93.098667 10.794667a32 32 0 0 1 24.832 27.690666l7.253333 65.152a59.050667 59.050667 0 0 0 82.218667 47.616l59.733333-26.24a32 32 0 0 1 36.266667 7.424 417.834667 417.834667 0 0 1 94.08 161.792 32 32 0 0 1-11.605334 35.242667l-52.949333 39.04a58.88 58.88 0 0 0 0 94.976l53.034667 39.04a32 32 0 0 1 11.605333 35.242667 418.090667 418.090667 0 0 1-94.037333 161.792 32 32 0 0 1-36.224 7.466666l-59.989334-26.282666a58.922667 58.922667 0 0 0-82.176 47.488l-7.253333 65.109333a32 32 0 0 1-24.362667 27.648 406.101333 406.101333 0 0 1-187.989333 0 32 32 0 0 1-24.405333-27.648l-7.210667-65.024a58.965333 58.965333 0 0 0-82.133333-47.36l-59.989334 26.282667a32 32 0 0 1-36.266666-7.466667 418.048 418.048 0 0 1-93.994667-161.962667 32 32 0 0 1 11.605333-35.242666l53.034667-39.082667a58.88 58.88 0 0 0 0-94.976l-53.034667-38.997333a32 32 0 0 1-11.605333-35.242667 417.834667 417.834667 0 0 1 94.08-161.792 32 32 0 0 1 36.266667-7.424l59.733333 26.24a59.178667 59.178667 0 0 0 82.346667-47.701333l7.253333-65.109334a32 32 0 0 1 24.874667-27.690666c30.592-6.826667 61.824-10.410667 93.909333-10.794667z m0 64a389.845333 389.845333 0 0 0-57.770667 4.992l-4.693333 41.685333A123.136 123.136 0 0 1 278.442667 305.92l-38.357334-16.810667A353.834667 353.834667 0 0 0 182.613333 387.925333l34.005334 25.045334a122.88 122.88 0 0 1 0.042666 198.101333l-34.090666 25.088c13.653333 35.925333 33.109333 69.376 57.514666 99.072l38.613334-16.938667a122.965333 122.965333 0 0 1 171.392 98.901334l4.650666 41.984c37.973333 6.4 76.757333 6.4 114.688 0l4.693334-41.984a122.922667 122.922667 0 0 1 171.434666-99.072l38.570667 16.896a354.133333 354.133333 0 0 0 57.514667-98.901334l-34.048-25.088a122.88 122.88 0 0 1-0.042667-198.058666l34.005333-25.088a353.834667 353.834667 0 0 0-57.514666-98.858667l-38.272 16.768a123.050667 123.050667 0 0 1-171.648-99.157333l-4.650667-41.642667a383.573333 383.573333 0 0 0-56.917333-4.992zM512 352a160 160 0 1 1 0 320 160 160 0 0 1 0-320z m0 64a96 96 0 1 0 0 192 96 96 0 0 0 0-192z"  ></path></symbol><symbol id="icon-qing-night" viewBox="0 0 1024 1024"><path d="M541.333333 171.562667a289.514667 289.514667 0 0 0-74.581333 194.133333c0 161.6 132.544 292.586667 296.064 292.586667 23.829333 0 46.997333-2.773333 69.184-8.021334C778.304 769.877333 657.066667 853.333333 516.096 853.333333 325.312 853.333333 170.666667 700.522667 170.666667 512S325.333333 170.666667 516.096 170.666667c8.469333 0 16.896 0.298667 25.237333 0.896z" fill="#FFC303" ></path></symbol><symbol id="icon-yun-night" viewBox="0 0 1024 1024"><path d="M693.226667 565.333333h46.122666C814.08 565.333333 874.666667 625.024 874.666667 698.666667S814.08 832 739.349333 832h-473.6v-0.32C165.12 825.92 85.333333 743.68 85.333333 643.093333c0-81.344 52.202667-150.698667 125.44-177.28C243.562667 368.704 336.554667 298.666667 446.144 298.666667c137.024 0 248.085333 109.44 248.085333 244.437333 0 7.488-0.341333 14.912-1.024 22.229333z" fill="#ffffff" ></path><path d="M642.688 333.738667c21.930667-59.413333 79.829333-101.845333 147.797333-101.845334 3.861333 0 7.68 0.128 11.477334 0.405334a130.88 130.88 0 0 0-33.92 87.957333c0 73.216 60.309333 132.586667 134.72 132.586667 10.837333 0 21.397333-1.28 31.488-3.626667a156.8 156.8 0 0 1-97.344 85.141333 136.106667 136.106667 0 0 0-55.424-11.690666h-45.781334c-5.76-74.538667-40.426667-141.12-93.013333-188.928z" fill="#FFC303" ></path></symbol><symbol id="icon-qing" viewBox="0 0 1024 1024"><path d="M512 768c-141.376 0-256-114.624-256-256s114.624-256 256-256 256 114.624 256 256-114.624 256-256 256z m0-682.666667a32 32 0 0 1 32 32v85.333334a32 32 0 0 1-64 0v-85.333334A32 32 0 0 1 512 85.333333z m301.696 124.970667a32 32 0 0 1 0 45.248l-60.330667 60.352a32 32 0 1 1-45.269333-45.269333l60.352-60.330667a32 32 0 0 1 45.248 0zM938.666667 512a32 32 0 0 1-32 32h-85.333334a32 32 0 0 1 0-64h85.333334A32 32 0 0 1 938.666667 512z m-124.970667 301.696a32 32 0 0 1-45.248 0l-60.352-60.330667a32 32 0 1 1 45.269333-45.269333l60.330667 60.352a32 32 0 0 1 0 45.248zM512 938.666667a32 32 0 0 1-32-32v-85.333334a32 32 0 0 1 64 0v85.333334A32 32 0 0 1 512 938.666667zM210.304 813.696a32 32 0 0 1 0-45.248l60.330667-60.352a32 32 0 1 1 45.269333 45.269333l-60.352 60.330667a32 32 0 0 1-45.248 0zM85.333333 512a32 32 0 0 1 32-32h85.333334a32 32 0 0 1 0 64h-85.333334A32 32 0 0 1 85.333333 512zM210.304 210.304a32 32 0 0 1 45.248 0l60.352 60.330667a32 32 0 1 1-45.269333 45.269333l-60.330667-60.352a32 32 0 0 1 0-45.248z" fill="#FFC303" ></path></symbol><symbol id="icon-yun" viewBox="0 0 1024 1024"><path d="M693.226667 565.333333h46.122666C814.08 565.333333 874.666667 625.024 874.666667 698.666667S814.08 832 739.349333 832h-473.6v-0.32C165.12 825.92 85.333333 743.68 85.333333 643.093333c0-81.344 52.202667-150.698667 125.44-177.28C243.562667 368.704 336.554667 298.666667 446.144 298.666667c137.024 0 248.085333 109.44 248.085333 244.437333 0 7.488-0.341333 14.912-1.024 22.229333z" fill="#ffffff" ></path><path d="M617.557333 296.384a141.866667 141.866667 0 0 1 87.573334-30.144c79.36 0 143.701333 65.194667 143.701333 145.642667a146.133333 146.133333 0 0 1-46.549333 107.306666A132.970667 132.970667 0 0 0 759.018667 512h-23.317334a296.448 296.448 0 0 0-118.144-215.616z m111.296-119.893333h0.064c9.834667 1.045333 16.981333 9.856 15.957334 19.712l-3.818667 36.736a17.92 17.92 0 0 1-19.669333 15.957333h-0.085334a17.962667 17.962667 0 0 1-15.978666-19.712l3.818666-36.736a17.92 17.92 0 0 1 19.669334-15.978667h0.042666z m143.573334 70.954666l0.256 0.256a17.962667 17.962667 0 0 1-0.426667 25.237334l-26.090667 25.536a17.856 17.856 0 0 1-25.408-0.448l-0.256-0.256a17.962667 17.962667 0 0 1 0.426667-25.237334l26.112-25.536a17.856 17.856 0 0 1 25.386667 0.426667z m64.981333 147.690667l0.021333 0.469333a17.962667 17.962667 0 0 1-16.64 19.157334l-35.84 2.538666a17.962667 17.962667 0 0 1-19.2-16.64v-0.042666l-0.042666-0.469334a17.962667 17.962667 0 0 1 16.661333-19.157333l35.84-2.56a17.962667 17.962667 0 0 1 19.2 16.661333v0.042667z m-43.797333 155.498667l-0.213334 0.298666a17.898667 17.898667 0 0 1-25.173333 3.989334l-29.248-21.546667a17.962667 17.962667 0 0 1-3.946667-24.917333l0.213334-0.32a17.898667 17.898667 0 0 1 25.173333-3.989334l29.226667 21.546667a17.962667 17.962667 0 0 1 3.968 24.938667z m-320-334.826667l0.234666-0.170667a17.813333 17.813333 0 0 1 24.896 4.842667l20.352 30.570667a17.962667 17.962667 0 0 1-4.821333 24.789333l-0.234667 0.170667a17.813333 17.813333 0 0 1-24.896-4.842667l-20.352-30.570667a17.962667 17.962667 0 0 1 4.821334-24.789333z" fill="#FFC303" ></path></symbol><symbol id="icon-yin" viewBox="0 0 1024 1024"><path d="M241.792 408.533333c28.16-100.373333 118.954667-173.866667 226.56-173.866666C598.506667 234.666667 704 342.122667 704 474.666667c0 9.024-0.490667 17.92-1.429333 26.666666h53.802666v0.298667c2.88-0.213333 5.781333-0.298667 8.725334-0.298667 72.298667 0 130.901333 59.690667 130.901333 133.333334S837.397333 768 765.098667 768c-2.944 0-5.845333-0.106667-8.746667-0.298667V768H311.296C210.048 768 128 684.416 128 581.333333c0-78.037333 47.018667-144.896 113.792-172.8z" fill="#ffffff" ></path></symbol><symbol id="icon-dust" viewBox="0 0 1024 1024"><path d="M172.714667 618.666667A186.453333 186.453333 0 0 1 106.666667 476.288c0-99.136 77.568-180.288 175.808-187.093333C315.733333 195.328 405.930667 128 512 128c125.184 0 228.266667 93.781333 241.706667 214.336h1.493333c89.536 0 162.133333 71.957333 162.133333 160.725333 0 45.397333-18.986667 86.378667-49.472 115.605334H172.714667zM313.6 842.410667H746.453333a26.794667 26.794667 0 0 1 0 53.589333H313.6a26.794667 26.794667 0 0 1 0-53.589333z m-90.069333-142.869334h432.810666a26.794667 26.794667 0 1 1 0 53.568H223.530667a26.794667 26.794667 0 0 1 0-53.568z m540.437333 0h0.469333a26.794667 26.794667 0 1 1 0 53.568h-0.469333a26.794667 26.794667 0 0 1 0-53.568z m90.090667 142.869334h0.448a26.794667 26.794667 0 0 1 0 53.589333h-0.448a26.794667 26.794667 0 0 1 0-53.589333z" fill="#B6936D" ></path></symbol><symbol id="icon-rain1" viewBox="0 0 1024 1024"><path d="M282.474667 267.114667C315.733333 173.674667 405.930667 106.666667 512 106.666667c125.184 0 228.266667 93.333333 241.706667 213.333333h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160H295.829333C191.36 640 106.666667 556.416 106.666667 453.333333c0-98.666667 77.568-179.456 175.808-186.218666zM465.173333 817.536l88.448-101.76-0.106666 136.682667a52.586667 52.586667 0 1 1-88.341334-34.922667z" fill="#50ACFB" ></path></symbol><symbol id="icon-wu" viewBox="0 0 1024 1024"><path d="M167.936 597.333333a189.162667 189.162667 0 0 1 114.538667-328.064C315.733333 174.549333 405.930667 106.666667 512 106.666667c125.184 0 228.266667 94.592 241.706667 216.192h1.493333A162.133333 162.133333 0 0 1 872.106667 597.333333H167.914667z m46.826667 265.962667h486.4a27.029333 27.029333 0 0 1 0 54.037333h-486.4a27.029333 27.029333 0 1 1 0-54.037333z m108.074666-108.096h486.4a27.029333 27.029333 0 0 1 0 54.037333h-486.4a27.029333 27.029333 0 0 1 0-54.037333z m-108.074666-108.096h486.4a27.029333 27.029333 0 0 1 0 54.058667h-486.4a27.029333 27.029333 0 1 1 0-54.058667z" fill="#4F748D" ></path></symbol><symbol id="icon-sandstorm" viewBox="0 0 1024 1024"><path d="M167.936 597.333333a189.162667 189.162667 0 0 1 114.538667-328.064C315.733333 174.549333 405.930667 106.666667 512 106.666667c125.184 0 228.266667 94.592 241.706667 216.192h1.493333A162.133333 162.133333 0 0 1 872.106667 597.333333H167.914667z m37.802667 265.962667h432.362666a27.029333 27.029333 0 1 1 0 54.037333H205.738667a27.029333 27.029333 0 0 1 0-54.037333z m108.096-108.096h432.362666a27.029333 27.029333 0 0 1 0 54.037333H313.813333a27.029333 27.029333 0 1 1 0-54.037333z m-90.069334-108.096h432.362667a27.029333 27.029333 0 0 1 0 54.058667H223.765333a27.029333 27.029333 0 0 1 0-54.058667z m540.437334 0a27.029333 27.029333 0 1 1 0 54.058667 27.029333 27.029333 0 0 1 0-54.058667z m90.069333 108.096a27.029333 27.029333 0 1 1 0 54.037333 27.029333 27.029333 0 0 1 0-54.037333z m-108.074667 108.096a27.029333 27.029333 0 1 1 0 54.037333 27.029333 27.029333 0 0 1 0-54.037333z" fill="#B6936D" ></path></symbol><symbol id="icon-rain3" viewBox="0 0 1024 1024"><path d="M249.344 824.32l91.52-105.152-0.128 140.501333a54.037333 54.037333 0 1 1-91.392-35.328z m216.789333-0.554667l90.901334-104.597333-0.128 140.501333a54.037333 54.037333 0 1 1-90.794667-35.882666z m216.768-0.554666l90.304-104.042667-0.106666 140.48a54.037333 54.037333 0 1 1-90.197334-36.437333zM282.474667 267.114667C315.733333 173.674667 405.930667 106.666667 512 106.666667c125.184 0 228.266667 93.333333 241.706667 213.333333h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160H295.829333C191.36 640 106.666667 556.416 106.666667 453.333333c0-98.666667 77.568-179.456 175.808-186.218666z" fill="#50ACFB" ></path></symbol><symbol id="icon-haze" viewBox="0 0 1024 1024"><path d="M512 382.229333C553.685333 318.997333 624.981333 277.333333 705.92 277.333333 834.496 277.333333 938.666667 382.4 938.666667 512s-104.192 234.666667-232.746667 234.666667c-80.938667 0-152.234667-41.664-193.92-104.896C470.314667 705.002667 399.018667 746.666667 318.08 746.666667 189.504 746.666667 85.333333 641.6 85.333333 512s104.192-234.666667 232.746667-234.666667c80.938667 0 152.234667 41.664 193.92 104.896z m-193.92 286.208c85.674667 0 155.136-70.037333 155.136-156.437333 0-86.4-69.461333-156.437333-155.157333-156.437333-85.696 0-155.157333 70.037333-155.157334 156.437333 0 86.4 69.461333 156.437333 155.157334 156.437333z m387.84 0c85.717333 0 155.178667-70.037333 155.178667-156.437333 0-86.4-69.461333-156.437333-155.157334-156.437333-85.696 0-155.157333 70.037333-155.157333 156.437333 0 86.4 69.461333 156.437333 155.157333 156.437333z" fill="#4F748D" ></path></symbol><symbol id="icon-rain2" viewBox="0 0 1024 1024"><path d="M282.474667 267.114667C315.733333 173.674667 405.930667 106.666667 512 106.666667c125.184 0 228.266667 93.333333 241.706667 213.333333h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160H295.829333C191.36 640 106.666667 556.416 106.666667 453.333333c0-98.666667 77.568-179.456 175.808-186.218666zM249.344 824.32l91.52-105.152-0.128 140.501333a54.037333 54.037333 0 1 1-91.392-35.328z m433.557333-1.109333l90.304-104.042667-0.106666 140.48a54.037333 54.037333 0 1 1-90.197334-36.437333z" fill="#50ACFB" ></path></symbol><symbol id="icon-snow1" viewBox="0 0 1024 1024"><path d="M581.802667 841.536l-24.746667-14.272 24.746667-14.293333a22.506667 22.506667 0 1 0-22.528-38.997334l-24.746667 14.293334V759.68a22.549333 22.549333 0 0 0-45.056 0v28.544l-24.746667-14.250667a22.528 22.528 0 0 0-22.528 38.997334l24.746667 14.293333-24.746667 14.293333a22.506667 22.506667 0 1 0 22.549334 38.976l24.725333-14.293333v28.544a22.528 22.528 0 0 0 45.056 0v-28.544l24.746667 14.272a22.506667 22.506667 0 1 0 22.528-38.997333zM282.474667 267.114667C315.733333 173.674667 405.930667 106.666667 512 106.666667c125.184 0 228.266667 93.333333 241.706667 213.333333h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160H286.805333v-0.213333C186.538667 635.157333 106.666667 553.450667 106.666667 453.333333c0-98.666667 77.568-179.456 175.808-186.218666z" fill="#50ACFB" ></path></symbol><symbol id="icon-rain-storm" viewBox="0 0 1024 1024"><path d="M463.253333 671.488l0.085334 0.042667a26.837333 26.837333 0 0 1 9.856 36.757333l-126.08 216.96c-7.466667 12.864-23.893333 17.28-36.8 9.877333l-0.106667-0.064a26.837333 26.837333 0 0 1-9.834667-36.757333l126.08-216.96a27.029333 27.029333 0 0 1 36.8-9.856z m180.138667 0l0.106667 0.042667a26.837333 26.837333 0 0 1 9.834666 36.757333l-126.08 216.96c-7.466667 12.864-23.893333 17.28-36.8 9.877333l-0.085333-0.064a26.837333 26.837333 0 0 1-9.856-36.757333l126.08-216.96a27.029333 27.029333 0 0 1 36.8-9.856z m171.157333 0l0.085334 0.042667a26.837333 26.837333 0 0 1 9.834666 36.757333l-99.029333 170.453333c-7.466667 12.864-23.914667 17.28-36.821333 9.877334l-0.085334-0.064a26.837333 26.837333 0 0 1-9.856-36.736l99.050667-170.453334a27.029333 27.029333 0 0 1 36.821333-9.877333z m-540.458666 0l0.106666 0.042667a26.837333 26.837333 0 0 1 9.834667 36.757333l-99.050667 170.453333c-7.466667 12.864-23.893333 17.28-36.8 9.877334l-0.106666-0.064a26.837333 26.837333 0 0 1-9.834667-36.736l99.050667-170.453334a27.029333 27.029333 0 0 1 36.8-9.877333zM282.474667 245.781333C315.733333 152.341333 405.930667 85.333333 512 85.333333c125.184 0 228.266667 93.333333 241.706667 213.333334h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160H295.829333C191.36 618.666667 106.666667 535.082667 106.666667 432c0-98.666667 77.568-179.456 175.808-186.218667z" fill="#50ACFB" ></path></symbol><symbol id="icon-sleet" viewBox="0 0 1024 1024"><path d="M343.317333 829.269333l24.085334 14.570667c10.453333 6.357333 14.08 20.394667 8 31.381333-6.058667 10.986667-19.434667 14.741333-29.930667 8.384l-24.064-14.549333v29.12c0 12.714667-9.813333 22.976-21.930667 22.976-12.096 0-21.930667-10.261333-21.930666-22.976v-29.12l-24.064 14.570667a21.376 21.376 0 0 1-29.930667-8.362667c-6.058667-11.008-2.474667-25.066667 8.021333-31.402667l24.064-14.592-24.064-14.549333c-10.496-6.357333-14.08-20.394667-8.042666-31.402667 6.058667-10.986667 19.456-14.72 29.952-8.405333l24.064 14.549333v-29.12c0-12.672 9.813333-22.976 21.930666-22.976 12.096 0 21.930667 10.304 21.930667 22.976v29.12l24.064-14.549333a21.376 21.376 0 0 1 29.930667 8.405333c6.058667 11.008 2.474667 25.045333-8 31.381334l-24.085334 14.570666z m210.346667-122.517333l24.064 14.549333c10.474667 6.357333 14.08 20.394667 8 31.402667-6.037333 10.965333-19.413333 14.72-29.930667 8.384l-24.064-14.549333v29.12c0 12.693333-9.813333 22.976-21.930666 22.976-12.096 0-21.909333-10.282667-21.909334-22.976v-29.12l-24.064 14.570666a21.376 21.376 0 0 1-29.952-8.384c-6.058667-11.008-2.453333-25.045333 8.021334-31.381333l24.064-14.592-24.064-14.570667c-10.474667-6.357333-14.08-20.394667-8.042667-31.381333 6.08-11.008 19.477333-14.741333 29.973333-8.405333l24.064 14.549333v-29.12c0-12.693333 9.813333-22.976 21.930667-22.976 12.096 0 21.909333 10.282667 21.909333 22.976v29.12l24.064-14.570667a21.376 21.376 0 0 1 29.952 8.426667c6.058667 10.986667 2.453333 25.024-8.021333 31.36l-24.064 14.592z m210.346667 122.517333l24.064 14.570667c10.453333 6.357333 14.08 20.394667 8 31.381333-6.058667 10.986667-19.434667 14.741333-29.930667 8.384l-24.064-14.549333v29.12c0 12.714667-9.813333 22.976-21.930667 22.976-12.096 0-21.930667-10.261333-21.930666-22.976v-29.12l-24.064 14.570667a21.376 21.376 0 0 1-29.930667-8.362667c-6.058667-11.008-2.474667-25.066667 8.021333-31.402667l24.064-14.592-24.064-14.549333c-10.496-6.357333-14.08-20.394667-8.042666-31.402667 6.058667-10.986667 19.456-14.72 29.952-8.405333l24.064 14.549333v-29.12c0-12.672 9.813333-22.976 21.930666-22.976 12.096 0 21.930667 10.304 21.930667 22.976v29.12l24.064-14.549333a21.376 21.376 0 0 1 29.930667 8.405333c6.058667 11.008 2.453333 25.045333-8 31.381334l-24.085334 14.570666zM299.456 571.093333c12.096 0 21.909333 9.813333 21.909333 21.909334v78.72a21.909333 21.909333 0 0 1-43.818666 0v-78.72c0-12.096 9.813333-21.909333 21.909333-21.909334z m210.346667 280.064c12.096 0 21.888 9.813333 21.888 21.909334v43.712a21.909333 21.909333 0 1 1-43.818667 0v-43.712c0-12.096 9.813333-21.909333 21.909333-21.909334z m210.325333-297.557333c12.096 0 21.909333 9.813333 21.909333 21.909333v96.213334a21.909333 21.909333 0 1 1-43.818666 0v-96.213334c0-12.096 9.813333-21.909333 21.909333-21.909333z" fill="#50ACFB" ></path><path d="M282.474667 245.781333C315.733333 152.341333 405.930667 85.333333 512 85.333333c125.184 0 228.266667 93.333333 241.706667 213.333334h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160H295.829333C191.36 618.666667 106.666667 535.082667 106.666667 432c0-98.666667 77.568-179.456 175.808-186.218667z" fill="#50ACFB" ></path></symbol><symbol id="icon-snow3" viewBox="0 0 1024 1024"><path d="M365.632 837.76c10.752 6.528 14.464 20.992 8.234667 32.298667-6.229333 11.306667-19.989333 15.146667-30.762667 8.618666l-24.746667-14.976v29.994667c0 13.056-10.090667 23.637333-22.528 23.637333-12.437333 0-22.549333-10.581333-22.549333-23.637333v-29.994667l-24.725333 15.018667c-10.773333 6.528-24.554667 2.666667-30.762667-8.64-6.229333-11.306667-2.56-25.770667 8.234667-32.298667l24.746666-15.018666-24.746666-14.976c-10.773333-6.549333-14.464-20.992-8.256-32.32 6.229333-11.306667 20.010667-15.146667 30.784-8.64l24.746666 14.976v-29.973334c0-13.056 10.090667-23.658667 22.528-23.658666 12.437333 0 22.528 10.602667 22.528 23.658666v29.973334l24.746667-14.997334c10.773333-6.506667 24.533333-2.645333 30.762667 8.661334 6.229333 11.306667 2.517333 25.770667-8.234667 32.298666l-24.746667 14.997334 24.746667 14.997333z m216.170667-54.058667c10.773333 6.549333 14.464 20.992 8.234666 32.32-6.229333 11.306667-19.989333 15.146667-30.762666 8.618667l-24.746667-14.976v29.973333c0 13.077333-10.090667 23.658667-22.528 23.658667-12.437333 0-22.528-10.581333-22.528-23.658667v-29.973333l-24.746667 14.997333c-10.773333 6.549333-24.533333 2.666667-30.762666-8.618666-6.229333-11.306667-2.538667-25.792 8.256-32.298667l24.725333-15.018667-24.746667-14.997333c-10.773333-6.528-14.464-20.992-8.256-32.298667 6.229333-11.306667 20.010667-15.168 30.784-8.64l24.746667 14.976v-29.994666c0-13.034667 10.090667-23.637333 22.528-23.637334 12.437333 0 22.549333 10.602667 22.549333 23.637334v29.994666l24.746667-14.997333c10.773333-6.506667 24.533333-2.645333 30.741333 8.661333 6.229333 11.306667 2.538667 25.770667-8.234666 32.298667l-24.746667 14.997333 24.746667 14.976z m216.192 54.058667c10.752 6.528 14.442667 20.992 8.213333 32.298667-6.208 11.306667-19.968 15.146667-30.762667 8.618666l-24.746666-14.976v29.994667c0 13.056-10.090667 23.637333-22.528 23.637333-12.437333 0-22.528-10.581333-22.528-23.637333v-29.994667l-24.746667 15.018667c-10.752 6.528-24.533333 2.666667-30.762667-8.64-6.208-11.306667-2.538667-25.770667 8.256-32.298667l24.746667-15.018666-24.746667-14.976c-10.794667-6.549333-14.464-20.992-8.256-32.32 6.229333-11.306667 19.989333-15.146667 30.784-8.64l24.746667 14.976v-29.973334c0-13.056 10.090667-23.658667 22.528-23.658666 12.437333 0 22.528 10.602667 22.528 23.658666v29.973334l24.746667-14.997334c10.773333-6.506667 24.533333-2.645333 30.741333 8.661334 6.229333 11.306667 2.56 25.770667-8.213333 32.298666l-24.746667 14.997334 24.746667 14.997333zM282.474667 267.114667C315.733333 173.674667 405.930667 106.666667 512 106.666667c125.184 0 228.266667 93.333333 241.706667 213.333333h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160H286.805333v-0.213333C186.538667 635.157333 106.666667 553.450667 106.666667 453.333333c0-98.666667 77.568-179.456 175.808-186.218666z" fill="#50ACFB" ></path></symbol><symbol id="icon-snow-shower" viewBox="0 0 1024 1024"><path d="M617.557333 209.408a143.722667 143.722667 0 0 1 184.746667 219.861333 134.570667 134.570667 0 0 0-43.306667-7.104h-23.296a291.605333 291.605333 0 0 0-118.144-212.757333z m111.296-118.336a17.962667 17.962667 0 0 1 16 19.733333l-3.754666 35.733334a17.962667 17.962667 0 0 1-35.733334-3.754667l3.754667-35.733333a17.962667 17.962667 0 0 1 19.733333-16z m143.573334 70.037333a17.962667 17.962667 0 0 1-0.426667 25.386667l-25.856 24.96a17.962667 17.962667 0 0 1-24.96-25.834667l25.856-24.96a17.962667 17.962667 0 0 1 25.386667 0.426667z m64.981333 145.92a17.962667 17.962667 0 0 1-16.64 19.2l-35.84 2.496a17.962667 17.962667 0 1 1-2.517333-35.84l35.84-2.517333a17.962667 17.962667 0 0 1 19.157333 16.682667z m-44.032 153.578667a17.962667 17.962667 0 0 1-25.088 3.968l-29.056-21.12a17.962667 17.962667 0 0 1 21.12-29.056l29.056 21.12c8.021333 5.824 9.813333 17.066667 3.968 25.088zM573.866667 129.706667a17.962667 17.962667 0 0 1 24.96 4.842666l20.053333 29.781334a17.962667 17.962667 0 1 1-29.76 20.096l-20.096-29.802667a17.962667 17.962667 0 0 1 4.842667-24.938667z" fill="#FFC303" ></path><path d="M411.264 863.082667c10.432 6.208 14.016 19.946667 7.978667 30.677333a21.504 21.504 0 0 1-29.824 8.192l-24-14.208v28.458667c0 12.416-9.770667 22.464-21.845334 22.464-12.053333 0-21.845333-10.026667-21.845333-22.464v-28.458667l-23.978667 14.250667c-10.453333 6.186667-23.808 2.517333-29.824-8.192a22.805333 22.805333 0 0 1 7.978667-30.698667l23.978667-14.250667-23.978667-14.229333a22.826667 22.826667 0 0 1-8-30.698667 21.546667 21.546667 0 0 1 29.866667-8.192l23.957333 14.208v-28.458666c0-12.394667 9.813333-22.464 21.866667-22.464s21.845333 10.069333 21.845333 22.464v28.458666l23.978667-14.229333a21.504 21.504 0 0 1 29.824 8.213333 22.805333 22.805333 0 0 1-7.978667 30.677334l-24 14.250666 24 14.229334z m312.853333-14.229334l23.978667 14.229334c10.453333 6.208 14.037333 19.946667 7.978667 30.677333a21.504 21.504 0 0 1-29.824 8.192l-23.978667-14.208v28.458667c0 12.416-9.792 22.464-21.845333 22.464s-21.845333-10.026667-21.845334-22.464v-28.458667l-23.978666 14.250667c-10.453333 6.186667-23.808 2.517333-29.845334-8.192a22.805333 22.805333 0 0 1 8-30.698667l23.978667-14.250667-23.978667-14.229333a22.826667 22.826667 0 0 1-8.021333-30.698667 21.546667 21.546667 0 0 1 29.866667-8.192l23.978666 14.208v-28.458666c0-12.394667 9.792-22.464 21.845334-22.464s21.845333 10.069333 21.845333 22.464v28.458666l23.978667-14.229333a21.504 21.504 0 0 1 29.824 8.213333 22.805333 22.805333 0 0 1-7.978667 30.677334l-23.978667 14.250666zM693.226667 458.666667h46.122666C814.08 458.666667 874.666667 518.357333 874.666667 592S814.08 725.333333 739.349333 725.333333h-473.6v-0.32C165.12 719.253333 85.333333 637.013333 85.333333 536.426667c0-81.344 52.202667-150.698667 125.44-177.28C243.562667 262.037333 336.554667 192 446.144 192c137.024 0 248.085333 109.44 248.085333 244.437333 0 7.488-0.341333 14.912-1.024 22.229334z" fill="#50ACFB" ></path></symbol><symbol id="icon-snow2" viewBox="0 0 1024 1024"><path d="M401.984 842.368c10.453333 6.186667 14.058667 19.776 7.978667 30.442667-6.037333 10.624-19.413333 14.293333-29.909334 8.106666l-24.042666-14.08v28.224c0 12.309333-9.813333 22.272-21.909334 22.272a22.101333 22.101333 0 0 1-21.909333-22.272v-28.245333l-24.042667 14.144a21.717333 21.717333 0 0 1-29.909333-8.128 22.485333 22.485333 0 0 1 8.021333-30.421333l24.042667-14.144-24.042667-14.122667a22.506667 22.506667 0 0 1-8.042666-30.442667c6.058667-10.666667 19.456-14.293333 29.930666-8.128l24.042667 14.08v-28.224c0-12.288 9.813333-22.272 21.909333-22.272s21.909333 9.984 21.909334 22.272v28.245334l24.064-14.122667a21.696 21.696 0 0 1 29.909333 8.149333c6.058667 10.666667 2.453333 24.277333-8 30.421334l-24.064 14.144 24.064 14.101333z m313.706667-14.101333l24.064 14.101333c10.453333 6.186667 14.058667 19.776 8 30.442667-6.058667 10.624-19.413333 14.293333-29.909334 8.106666l-24.064-14.08v28.224c0 12.309333-9.813333 22.272-21.888 22.272a22.101333 22.101333 0 0 1-21.909333-22.272v-28.245333l-24.042667 14.144a21.717333 21.717333 0 0 1-29.930666-8.128 22.485333 22.485333 0 0 1 8.021333-30.421333l24.042667-14.144-24.042667-14.122667a22.506667 22.506667 0 0 1-8.042667-30.442667c6.058667-10.666667 19.456-14.293333 29.930667-8.128l24.064 14.08v-28.224c0-12.288 9.813333-22.272 21.909333-22.272s21.909333 9.984 21.909334 22.272v28.245334l24.042666-14.122667a21.696 21.696 0 0 1 29.909334 8.149333c6.058667 10.666667 2.453333 24.277333-8 30.421334l-24.064 14.144zM282.474667 267.114667C315.733333 173.674667 405.930667 106.666667 512 106.666667c125.184 0 228.266667 93.333333 241.706667 213.333333h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160H286.805333v-0.213333C186.538667 635.157333 106.666667 553.450667 106.666667 453.333333c0-98.666667 77.568-179.456 175.808-186.218666z" fill="#50ACFB" ></path></symbol><symbol id="icon-blizard" viewBox="0 0 1024 1024"><path d="M152.32 576A185.152 185.152 0 0 1 106.666667 454.101333c0-98.88 77.568-179.84 175.808-186.624C315.733333 173.824 405.930667 106.666667 512 106.666667c125.184 0 228.266667 93.546667 241.706667 213.802666h1.493333c89.536 0 162.133333 71.786667 162.133333 160.341334 0 35.626667-11.754667 68.565333-31.637333 95.189333H152.341333z m49.706667 64h601.984l3.306666 1.92c10.453333 6.186667 14.058667 19.776 7.978667 30.442667-6.037333 10.645333-19.413333 14.293333-29.909333 8.128l-24.042667-14.101334v28.224c0 12.309333-9.813333 22.272-21.909333 22.272a22.101333 22.101333 0 0 1-21.909334-22.272v-28.224l-24.042666 14.122667a21.717333 21.717333 0 0 1-29.909334-8.106667 22.485333 22.485333 0 0 1 8.021334-30.442666l1.322666-0.789334H333.12l1.28 0.768c10.474667 6.144 14.08 19.754667 8.021333 30.421334-6.058667 10.645333-19.413333 14.293333-29.909333 8.128l-24.064-14.101334v28.224c0 12.309333-9.813333 22.272-21.888 22.272a22.101333 22.101333 0 0 1-21.909333-22.272v-28.224l-24.042667 14.122667a21.717333 21.717333 0 0 1-29.930667-8.106667 22.485333 22.485333 0 0 1 8.021334-30.442666L202.026667 640z m132.394666 202.368c10.453333 6.186667 14.058667 19.776 8 30.442667-6.058667 10.624-19.413333 14.293333-29.909333 8.106666l-24.064-14.08v28.224c0 12.309333-9.813333 22.272-21.888 22.272a22.101333 22.101333 0 0 1-21.909333-22.272v-28.245333l-24.042667 14.144a21.717333 21.717333 0 0 1-29.930667-8.128 22.485333 22.485333 0 0 1 8.021334-30.421333l24.042666-14.144-24.042666-14.122667a22.506667 22.506667 0 0 1-8.042667-30.442667c6.058667-10.666667 19.456-14.293333 29.930667-8.128l24.064 14.08v-28.224c0-12.288 9.813333-22.272 21.909333-22.272s21.909333 9.984 21.909333 22.272v28.245334l24.042667-14.122667a21.696 21.696 0 0 1 29.909333 8.149333c6.058667 10.666667 2.453333 24.277333-8 30.421334l-24.064 14.144 24.064 14.101333z m236.437334-89.066667c10.453333 6.144 14.08 19.754667 8 30.421334-6.037333 10.645333-19.413333 14.293333-29.909334 8.106666l-24.042666-14.08v28.224c0 12.309333-9.813333 22.272-21.909334 22.272a22.101333 22.101333 0 0 1-21.909333-22.272v-28.224l-24.042667 14.122667a21.717333 21.717333 0 0 1-29.930666-8.106667 22.485333 22.485333 0 0 1 8.021333-30.442666l24.042667-14.144-24.042667-14.122667a22.506667 22.506667 0 0 1-8.021333-30.421333c6.058667-10.666667 19.434667-14.293333 29.930666-8.149334l24.042667 14.101334v-28.224c0-12.288 9.813333-22.272 21.909333-22.272s21.909333 9.984 21.909334 22.272v28.224l24.042666-14.122667a21.696 21.696 0 0 1 29.909334 8.170667c6.058667 10.666667 2.474667 24.277333-8 30.421333l-24.042667 14.122667 24.042667 14.122666z m236.458666 89.066667c10.453333 6.186667 14.058667 19.776 7.978667 30.442667-6.037333 10.624-19.413333 14.293333-29.909333 8.106666l-24.042667-14.08v28.224c0 12.309333-9.813333 22.272-21.909333 22.272a22.101333 22.101333 0 0 1-21.909334-22.272v-28.245333l-24.042666 14.144a21.717333 21.717333 0 0 1-29.909334-8.128 22.485333 22.485333 0 0 1 8.021334-30.421333l24.042666-14.144-24.042666-14.122667a22.506667 22.506667 0 0 1-8.042667-30.442667c6.058667-10.666667 19.456-14.293333 29.930667-8.128l24.042666 14.08v-28.224c0-12.288 9.813333-22.272 21.909334-22.272s21.909333 9.984 21.909333 22.272v28.245334l24.064-14.122667a21.696 21.696 0 0 1 29.909333 8.149333c6.058667 10.666667 2.453333 24.277333-8 30.421334l-24.064 14.144 24.064 14.101333z" fill="#50ACFB" ></path></symbol><symbol id="icon-shower" viewBox="0 0 1024 1024"><path d="M768.298667 756.181333l1.493333 0.853334a24.64 24.64 0 0 1 8 35.285333l-72.533333 105.557333a26.944 26.944 0 0 1-35.690667 8.085334l-1.493333-0.853334a24.64 24.64 0 0 1-7.978667-35.285333l72.533333-105.578667a26.944 26.944 0 0 1 35.669334-8.064z m-246.997334 0l1.493334 0.853334a24.64 24.64 0 0 1 7.978666 35.285333l-72.533333 105.557333a26.944 26.944 0 0 1-35.690667 8.085334l-1.493333-0.853334a24.64 24.64 0 0 1-7.978667-35.285333l72.533334-105.578667a26.944 26.944 0 0 1 35.690666-8.064z m-224.576 0l1.493334 0.853334a24.64 24.64 0 0 1 8 35.285333l-72.533334 105.557333a26.944 26.944 0 0 1-35.690666 8.085334l-1.493334-0.853334a24.64 24.64 0 0 1-8-35.285333l72.533334-105.578667a26.944 26.944 0 0 1 35.690666-8.064z" fill="#50ACFB" ></path><path d="M617.557333 188.074667a143.722667 143.722667 0 0 1 184.746667 219.861333 134.570667 134.570667 0 0 0-43.306667-7.104h-23.296a291.605333 291.605333 0 0 0-118.144-212.757333z m111.296-118.336a17.962667 17.962667 0 0 1 16 19.733333l-3.754666 35.733333a17.962667 17.962667 0 0 1-35.733334-3.754666l3.754667-35.733334a17.962667 17.962667 0 0 1 19.733333-16z m143.573334 70.037333a17.962667 17.962667 0 0 1-0.426667 25.386667l-25.856 24.96a17.962667 17.962667 0 0 1-24.96-25.834667l25.856-24.96a17.962667 17.962667 0 0 1 25.386667 0.426667z m64.981333 145.92a17.962667 17.962667 0 0 1-16.64 19.2l-35.84 2.496a17.962667 17.962667 0 1 1-2.517333-35.84l35.84-2.517333a17.962667 17.962667 0 0 1 19.157333 16.682666z m-44.032 153.578667a17.962667 17.962667 0 0 1-25.088 3.968l-29.056-21.12a17.962667 17.962667 0 0 1 21.12-29.056l29.056 21.12c8.021333 5.824 9.813333 17.066667 3.968 25.088zM573.866667 108.373333a17.962667 17.962667 0 0 1 24.96 4.842667l20.053333 29.781333a17.962667 17.962667 0 1 1-29.76 20.096l-20.096-29.802666a17.962667 17.962667 0 0 1 4.842667-24.938667z" fill="#FFC303" ></path><path d="M693.226667 437.333333h46.122666C814.08 437.333333 874.666667 497.024 874.666667 570.666667S814.08 704 739.349333 704h-473.6v-0.32C165.12 697.92 85.333333 615.68 85.333333 515.093333c0-81.344 52.202667-150.698667 125.44-177.28C243.562667 240.704 336.554667 170.666667 446.144 170.666667c137.024 0 248.085333 109.44 248.085333 244.437333 0 7.488-0.341333 14.912-1.024 22.229333z" fill="#6A91F1" ></path></symbol><symbol id="icon-thunder-shower" viewBox="0 0 1024 1024"><path d="M582.229333 618.666667l90.026667-191.104H431.872L360.149333 618.666667h-64.32C191.36 618.666667 106.666667 535.082667 106.666667 432c0-98.666667 77.568-179.456 175.808-186.218667C315.733333 152.341333 405.930667 85.333333 512 85.333333c125.184 0 228.266667 93.333333 241.706667 213.333334h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160h-172.970667z" fill="#6A91F1" ></path><path d="M461.226667 466.304h154.090666l-85.802666 180.608h94.229333l-206.058667 257.28 70.890667-218.944h-110.229333z" fill="#FFC303" ></path><path d="M772.714667 688.298667a26.261333 26.261333 0 0 1 9.621333 35.904l-96.384 166.826666a26.304 26.304 0 0 1-45.546667-26.24l96.384-166.869333a26.304 26.304 0 0 1 35.925334-9.6z m-473.258667 0a26.261333 26.261333 0 0 1 9.621333 35.904l-96.384 166.826666a26.304 26.304 0 0 1-45.546666-26.24l96.405333-166.869333a26.304 26.304 0 0 1 35.904-9.6z" fill="#50ACFB" ></path></symbol><symbol id="icon-thund-shower-hail" viewBox="0 0 1024 1024"><path d="M582.229333 618.666667l90.026667-191.104H431.872L360.149333 618.666667h-64.32C191.36 618.666667 106.666667 535.082667 106.666667 432c0-98.666667 77.568-179.456 175.808-186.218667C315.733333 152.341333 405.930667 85.333333 512 85.333333c125.184 0 228.266667 93.333333 241.706667 213.333334h1.493333c89.536 0 162.133333 71.637333 162.133333 160 0 88.362667-72.597333 160-162.133333 160h-172.970667z" fill="#6A91F1" ></path><path d="M461.226667 466.304h154.090666l-85.802666 180.608h94.229333l-206.058667 257.28 70.890667-218.944h-110.229333z" fill="#FFC303" ></path><path d="M242.517333 737.792l25.749334 8.362667 15.914666 21.909333v27.050667l-15.914666 21.888-25.749334 8.362666-25.770666-8.362666-15.914667-21.888v-27.050667l15.914667-21.909333 25.770666-8.362667z m490.773334 0l25.749333 8.362667 15.914667 21.909333v27.050667l-15.914667 21.888-25.749333 8.362666-25.749334-8.362666-15.936-21.888v-27.050667l15.936-21.909333 25.749334-8.362667z" fill="#50ACFB" ></path></symbol><symbol id="icon-baoyu" viewBox="0 0 1024 1024"><path d="M896 448.384a128 128 0 0 1-128 128H281.6a153.6 153.6 0 0 1 0-307.2c2.304 0 4.352 0.256 6.656 0.256a204.5952 204.5952 0 0 1 379.648-43.776 89.4464 89.4464 0 0 1 125.696 81.92 97.28 97.28 0 0 1-1.536 15.104 128.256 128.256 0 0 1 103.936 125.696z" fill="#50acfb" ></path><path d="M522.24 605.056s40.96 93.696 32 127.744a64 64 0 1 1-123.648-33.024c9.216-34.048 91.648-94.72 91.648-94.72z" fill="#4198FF" ></path><path d="M240.64 605.056s41.216 93.696 32 127.744a63.872 63.872 0 1 1-123.392-33.024c8.96-34.048 91.392-94.72 91.392-94.72z" fill="#4198FF" ></path><path d="M803.584 605.056s41.216 93.696 32 127.744a64 64 0 1 1-123.648-33.024c9.216-34.048 91.648-94.72 91.648-94.72z" fill="#4198FF" ></path><path d="M368.64 733.056s41.216 93.696 32 127.744a64 64 0 1 1-123.648-33.024c9.216-34.048 91.648-94.72 91.648-94.72zM650.24 733.056s40.96 93.696 31.744 127.744a63.872 63.872 0 1 1-123.392-33.024c8.96-34.048 91.648-94.72 91.648-94.72z" fill="#4198FF" ></path></symbol><symbol id="icon-ling" viewBox="0 0 3429 1024"><path d="M411.204128 89.462525m-36.588743 0a36.588743 36.588743 0 1 0 73.177486 0 36.588743 36.588743 0 1 0-73.177486 0Z" fill="" ></path><path d="M682.570638 89.462525m-36.588743 0a36.588743 36.588743 0 1 0 73.177486 0 36.588743 36.588743 0 1 0-73.177486 0Z" fill="" ></path><path d="M682.570638 393.606451m-36.588743 0a36.588743 36.588743 0 1 0 73.177486 0 36.588743 36.588743 0 1 0-73.177486 0Z" fill="" ></path><path d="M682.570638 698.512641m-36.588743 0a36.588743 36.588743 0 1 0 73.177486 0 36.588743 36.588743 0 1 0-73.177486 0Z" fill="" ></path><path d="M411.204128 393.606451m-36.588743 0a36.588743 36.588743 0 1 0 73.177486 0 36.588743 36.588743 0 1 0-73.177486 0Z" fill="" ></path><path d="M0.343036 699.274907c0-48.784991 38.875539-89.947326 88.422795-89.947326 48.784991 0 89.185061 41.162336 89.185061 89.947326 0 48.022725-39.637805 87.66053-89.185061 87.66053C39.218576 787.697702 0.343036 748.059897 0.343036 699.274907zM0.343036 395.130982C0.343036 345.583726 39.218576 305.183655 88.765831 305.183655c48.784991 0 89.185061 41.162336 89.185061 89.947327 0 48.022725-39.637805 87.66053-89.185061 87.660529C39.218576 482.791511 0.343036 443.153707 0.343036 395.130982zM1.867567 71.930419C12.539284 23.907694 59.037478-8.107456 107.060203 1.801996c48.022725 9.909451 78.513344 58.694442 68.603893 106.717166-9.909451 47.26046-57.169911 77.751079-105.192636 67.841628-48.022725-9.909451-78.513344-57.169911-68.603893-104.430371zM322.781333 699.274907c0-48.784991 38.875539-89.947326 88.422795-89.947326 48.784991 0 89.185061 41.162336 89.185061 89.947326 0 48.022725-39.637805 87.66053-89.185061 87.66053-49.547256 0.762265-88.422795-38.875539-88.422795-87.66053zM1072.850562 20.096367c0-9.909451 8.38492-19.818902 19.818902-19.818902h121.962477c9.909451 0 19.056637 9.147186 19.056637 19.818902v617.435036h276.702368c11.433982 0 19.818902 9.147186 19.818902 19.818903v111.290759c0 9.909451-8.38492 19.818902-19.818902 19.818903h-418.483747c-11.433982 0-19.818902-9.147186-19.818902-19.818903V20.096367zM1605.67413 90.224791c0-48.784991 38.875539-89.947326 88.422796-89.947326 48.784991 0 89.185061 41.162336 89.18506 89.947326 0 48.022725-39.637805 87.66053-89.18506 87.66053-49.547256 0.762265-88.422795-39.637805-88.422796-87.66053z m10.671717 237.064563c0-12.958513 9.909451-22.867964 22.867964-22.867964h110.528494c12.196248 0 22.867964 9.147186 22.867965 22.867964v438.302649c0 12.196248-9.909451 22.867964-22.867965 22.867965H1639.213811c-12.196248 0-22.867964-9.909451-22.867964-22.867965V327.289354zM1858.746269 337.198805c0-12.958513 9.909451-22.867964 22.867964-22.867964h45.735929c6.860389 0 16.007575 5.335858 21.343433 14.483044l17.532106 47.26046c25.917026-28.966088 61.743504-71.652955 147.117237-71.652955 147.117237 0 197.426758 104.43037 197.426758 234.777767v226.392846c0 12.196248-9.909451 22.867964-21.343433 22.867965h-111.29076c-12.958513 0-22.867964-9.909451-22.867964-22.867965v-228.679643c0-44.973663-15.24531-86.898264-68.603893-86.898264-47.26046 0-71.652955 32.777416-71.652955 80.80014v234.777767c0 9.909451-5.335858 22.867964-21.343433 22.867965h-112.815291c-12.196248 0-22.867964-9.909451-22.867964-22.867965V337.198805zM2873.321618 772.452393c0 170.747467-110.528494 251.547607-253.072138 251.547607-70.890689 0-152.453095-32.01515-176.083325-51.071787-6.860389-6.098124-9.147186-16.007575-5.335858-26.679292l35.826477-86.135999c3.811327-9.147186 17.532106-15.24531 27.441557-9.147185 22.867964 12.958513 61.743504 38.113274 114.339822 38.113274 58.694442 0 100.619043-22.867964 100.619043-94.52092V770.165596c-15.24531 12.196248-65.554831 28.966088-109.766229 28.966088-125.773804 0-234.777767-81.562406-234.777767-248.498545 0-134.920989 100.619043-245.449484 233.253236-245.449484 104.43037 0 160.07575 72.41522 160.07575 72.415221l12.958513-38.87554c3.811327-12.196248 12.958513-23.63023 24.392495-23.630229h45.735929c12.196248 0 22.867964 11.433982 22.867964 22.867964v434.491322z m-242.400421-119.67568c58.694442 0 100.619043-44.211398 100.619043-101.381309 0-56.407645-41.924601-101.381308-100.619043-101.381308-56.407645 0-100.619043 44.973663-100.619043 101.381308 0 57.169911 44.211398 101.381308 100.619043 101.381309zM3182.801402 304.42139c134.920989 0 245.449484 112.815291 245.449483 245.449483 0 134.920989-110.528494 248.498545-245.449483 248.498546s-246.974014-113.577556-246.974015-248.498546c0-132.634193 111.29076-245.449484 246.974015-245.449483z m0 348.355323c54.120849 0 98.332247-47.26046 98.332246-102.143574 0-54.120849-44.211398-100.619043-98.332246-100.619043-55.64538 0-99.094512 45.735929-99.094512 100.619043-0.762265 54.883114 43.449132 102.143574 99.094512 102.143574z" fill="" ></path></symbol><symbol id="icon-bing" viewBox="0 0 1024 1024"><path d="M153.813333 0L358.4 71.936V791.893333l288.128-166.186666-141.226667-66.346667-89.173333-221.866667 453.973333 159.488v231.893334L358.528 1024l-204.672-113.92V0z" fill="" ></path></symbol><symbol id="icon-google" viewBox="0 0 1024 1024"><path d="M1000 523.6C1000 806.6 806.2 1008 520 1008 245.6 1008 24 786.4 24 512S245.6 16 520 16c133.6 0 246 49 332.6 129.8l-135 129.8C541 105.2 212.6 233.2 212.6 512c0 173 138.2 313.2 307.4 313.2 196.4 0 270-140.8 281.6-213.8H520v-170.6h472.2c4.6 25.4 7.8 49.8 7.8 82.8z"  ></path></symbol><symbol id="icon-baidu" viewBox="0 0 1024 1024"><path d="M191.14666667 540.58666667c70.50666667-9.70666667 95.04-81.49333333 87.78666666-150.50666667-6.4-61.01333333-47.36-130.56-114.88-124.48-64.85333333 5.86666667-104.96 69.65333333-104.53333333 144.64 0.42666667 71.36 49.92 141.65333333 131.62666667 130.34666667zM387.62666667 318.29333333c69.65333333-6.61333333 94.4-78.08 92.8-148.26666666-1.81333333-77.33333333-44.16-139.30666667-111.04-135.78666667-59.41333333 3.2-107.41333333 62.82666667-109.76 142.29333333-2.66666667 82.98666667 50.56 149.12 128 141.76z"  ></path><path d="M832.85333333 540.58666667c-70.50666667-9.70666667-95.04-81.49333333-87.78666666-150.50666667 6.4-61.01333333 47.36-130.56 114.88-124.48 64.85333333 5.86666667 104.96 69.65333333 104.53333333 144.64-0.42666667 71.36-49.92 141.65333333-131.62666667 130.34666667zM636.37333333 318.29333333c-69.65333333-6.61333333-94.50666667-78.08-92.8-148.26666666 1.81333333-77.33333333 44.26666667-139.30666667 111.04-135.78666667 59.41333333 3.2 107.41333333 62.82666667 109.76 142.29333333 2.66666667 82.98666667-50.56 149.12-128 141.76z"  ></path><path d="M353.38666667 722.13333333c-33.49333333 0-53.86666667 27.41333333-53.86666667 57.70666667 0 30.4 21.65333333 57.49333333 55.57333333 57.49333333h55.78666667V722.24c-19.41333333-0.10666667-40.96-0.10666667-57.49333333-0.10666667z"  ></path><path d="M786.34666667 620.69333333c-22.4-21.12-84.37333333-62.93333333-131.52-141.01333333-31.68-51.52-85.65333333-86.4-142.82666667-85.22666667-57.17333333-1.17333333-111.14666667 33.70666667-142.82666667 85.22666667-47.04 78.08-109.12 119.89333333-131.52 141.01333333-27.94666667 26.45333333-146.45333333 89.28-120.64 226.77333334C142.50666667 983.04 270.93333333 989.12 270.93333333 989.12s60.05333333 6.4 163.62666667-18.56c28.16-6.18666667 54.4-8.42666667 77.44-8.64 23.04 0.21333333 49.17333333 2.45333333 77.44 8.64 103.46666667 24.96 163.62666667 18.56 163.62666667 18.56s128.42666667-6.08 153.92-141.65333333c25.70666667-137.49333333-92.69333333-200.32-120.64-226.77333334zM477.97333333 902.18666667H358.18666667c-79.57333333 0-125.33333333-51.41333333-125.33333334-124.69333334 0-67.2 48.74666667-120.10666667 120.96-120.10666666h57.06666667v-104h67.09333333v348.8z m270.61333334 0H610.88c-56 0-81.38666667-30.18666667-81.38666667-74.56V655.36h64.96v151.25333333c0 23.78666667 9.49333333 30.61333333 21.86666667 30.61333334h67.2l-0.10666667-181.97333334h65.17333334v246.93333334z"  ></path></symbol></svg>',z=(z=document.getElementsByTagName("script"))[z.length-1].getAttribute("data-injectcss");if(z&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(l){console&&console.log(l)}}function s(){i||(i=!0,h())}a=function(){var l,a,c,h;(h=document.createElement("div")).innerHTML=m,m=null,(c=h.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",l=c,(a=document.body).firstChild?(h=l,(c=a.firstChild).parentNode.insertBefore(h,c)):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(c=function(){document.removeEventListener("DOMContentLoaded",c,!1),a()},document.addEventListener("DOMContentLoaded",c,!1)):document.attachEvent&&(h=a,o=l.document,i=!1,(t=function(){try{o.documentElement.doScroll("left")}catch(l){return void setTimeout(t,50)}s()})(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,s())})}(window);

================================================
FILE: src/json/index.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-14 19:37:19
 * @LastEditors: itab.link
 * @LastEditTime: 2022-01-12 20:52:45
 * @Description: file content
 */
const videoList = [
  {
    title: "格里姆瑟尔山口Totesee山地湖中倒映出的星星",
    local: "欧洲 瑞士 伯尔尼",
    src: "https://az3.sfo2.cdn.digitaloceanspaces.com/bingdesktop/3455b6778764415593fb5e688218fb89.mp4",
  },
]
const imgList = [{
  title: "Loughrigg Tarn的日出",
  local: "欧洲 英国 英格兰湖区安布尔塞德",
  src: "https://tvax1.sinaimg.cn/large/007Tv3Vmly1gd0yldnd9ej31hc0u047i.jpg",
}, {
  title: "黑暗中为你照明",
  local: "欧洲 波兰 希维诺乌伊希切",
  src: "https://tvax1.sinaimg.cn/large/bfe05ea9ly1fxgv3f6vjyj21hc0u07df.jpg",
},
{
  title: "残阳夕照 落日余晖",
  local: "亚洲 越南 下龙湾",
  src: "https://tvax1.sinaimg.cn/large/bfe05ea9ly1fxgumr0a7mj21hc0u0k0j.jpg",
},

{
  title: "",
  local: "",
  src: "https://wallpaper.infinitynewtab.com/wallpaper/3036.jpg",
},
{
  title: "圣托里尼岛鸟瞰图",
  local: "欧洲 希腊",
  src: "https://tvax1.sinaimg.cn/large/007Tv3Vmly1gdlv1ubltej31hc0u0n67.jpg",
},
{
  title: "南奥索峰的Lac d'Ayous小屋",
  local: "欧洲 法国",
  src: "https://tvax1.sinaimg.cn/large/007Tv3Vmly1getlalfp0hj31hc0u0dov.jpg",
},
{
  title: "克林格尔农场的Mazezilla玉米田迷宫",
  local: "宾夕法尼亚州",
  src: "https://cn.bing.com//th?id=OHR.Mazezilla_ZH-CN8502282112_1920x1080.jpg&rf=LaDigue_1920x1080.jpg",
},
]


// 0应用 1内置链接 2自定义链接
const navList = [{
  type: 1,
  url: "",
  title: "天气",
  key: "weather",
  color: "#ffc303"
},
{
  type: 1,
  url: "",
  title: "待办事项",
  key: "todo",
  color: "#409eff"
},
{
  type: 1,
  url: "",
  title: "便笺",
  key: "note",
  color: "#fa8511"
},
{
  type: 1,
  url: "",
  title: "设置",
  key: "setting",
  color: "#408ef0"
},
// { type: 1, url: "", title: "快递查询", key: "kuaidi", color: "#e74c3c" },
{
  type: 0,
  url: "https://www.tmall.com",
  title: "天猫",
  key: "tmall",
  color: "#ff0030",
},
{
  type: 0,
  url: "https://www.jd.com",
  title: "京东商城",
  key: "jd",
  color: "#d71912",
},
{
  type: 0,
  url: "https://music.163.com/",
  title: "网易云音乐",
  key: "music163",
  color: "#f24452",
},
{
  type: 0,
  url: "https://www.bilibili.com/",
  title: "bilibili",
  key: "bilibili",
  color: "#00b1ff",
},
{
  type: 0,
  url: "http://iqiyi.com/",
  title: "爱奇艺",
  key: "iqiyi",
  color: "#08db02",
},
{
  type: 0,
  url: "http://v.qq.com/",
  title: "腾讯视频",
  key: "vqq",
  color: "#ff8903",
},
{
  type: 0,
  url: "https://weibo.com/",
  title: "微博",
  key: "weibo",
  color: "#e6162d",
},
{
  type: 0,
  url: "https://www.zhihu.com/",
  title: "知乎",
  key: "zhihu",
  color: "#0084ff",
},
{
  type: 0,
  url: "https://www.ctrip.com/",
  title: "携程",
  key: "ctrip",
  color: "#2377e2",
},
{
  type: 0,
  url: "https://mail.qq.com/",
  title: "豆瓣",
  key: "douban",
  color: "#00b51d",
},
{
  type: 0,
  url: "https://mail.qq.com/",
  title: "QQ邮箱",
  key: "email",
  color: "#f57f4f",
},

{
  type: 1,
  url: '',
  title: "添加",
  key: "add",
  color: "#fa8511",
}
].map((item, index) => {
  item.id = index
  return item
})
export {
  videoList,
  imgList,

  navList
}

================================================
FILE: src/main.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-10 18:03:48
 * @LastEditors: www.itab.link
 * @LastEditTime: 2022-01-12 22:53:47
 * @Description: file content
 */
import Vue from 'vue'
import App from './App.vue'




import directives from '@/utils/directives';
import filters from '@/utils/filters';
import local from '@/utils/localStrong';
import utils from '@/utils/utils';
import http from '@/api/index';
// import dModal from '@/components/public/d-modal';
import dTabs from '@/components/public/d-tabs';
import dIcon from '@/components/public/d-icon';

import '@/iconfont/iconfont.js'

import '@/style/index.less'
// store
import store from '@/store/index';

// fade/zoom 等
import {
  Button,
  Row,
  Col,
  Switch,
  Image,
  Slider,
  Tooltip,
  Carousel,
  CarouselItem,
  Message,
  Checkbox,
  MessageBox,
  Dialog,
  Tabs,
  TabPane,
  Input,
  Form,
  FormItem,
  Loading,
  InfiniteScroll
} from 'element-ui';

Dialog.props.closeOnPressEscape.default = false
Dialog.props.closeOnClickModal.default = false
Slider.props.showTooltip.default = false
Dialog.props.appendToBody.default = true
Vue.use(Button);
Vue.use(Row);
Vue.use(Col);
Vue.use(Switch);
Vue.use(Image);
Vue.use(Slider);
Vue.use(Tooltip);
Vue.use(Carousel);
Vue.use(CarouselItem);
Vue.use(Checkbox);
Vue.use(Dialog);
Vue.use(Tabs);
Vue.use(TabPane);
Vue.use(Input);
Vue.use(Form);
Vue.use(FormItem);
Vue.use(Loading);
Vue.use(InfiniteScroll);
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$confirm = MessageBox.confirm;
Vue.prototype.$prompt = MessageBox.prompt;
Vue.prototype.$notify = Notification;
Vue.prototype.$message = Message;
// 自定义组件
// Vue.component('dModal', dModal);
Vue.component('dIcon', dIcon);
Vue.component('dTabs', dTabs);


// 添加过滤器
Object.keys(filters).forEach(key => Vue.filter(key, filters[key]))
// 添加自定义指令
Object.keys(directives).forEach(key => Vue.directive(key, directives[key]))
// 天气编码
const weatherIcon = {
  100: 'qing',
  101: 'yun',
  102: 'yun',
  103: 'yun',
  104: 'yin',
  150: 'qing-night',
  153: 'yun-night',
  154: 'yin',
  300: 'shower',
  301: 'shower',
  302: 'thunder-shower',
  303: 'thunder-shower',
  304: 'thund-shower-hail',
  305: 'rain1',
  306: 'rain2',
  307: 'rain3',
  308: 'rain3',
  309: 'rain1',
  310: 'xiaobaoyu',
  311: 'baoyu',
  312: 'baoyu',
  313: 'sleet',
  400: 'snow1',
  401: 'snow2',
  402: 'snow3',
  403: 'blizard',
  404: 'sleet',
  405: 'sleet',
  406: 'sleet',
  407: 'snow-shower',
  500: 'wu',
  501: 'wu',
  502: 'haze',
  503: 'sandstorm',
  504: 'sandstorm',
  507: 'sandstorm',
  508: 'sandstorm',
  509: 'wu',
  510: 'wu',
  511: 'haze',
  512: 'haze',
  513: 'haze',
  514: 'wu'
}
Vue.config.productionTip = false
Vue.prototype.$http = http
Vue.prototype.$local = local
Vue.prototype.$util = utils
Vue.prototype.$weatherIcon = weatherIcon
new Vue({
  store,
  render: h => h(App),
  created() {
    this.$store.dispatch('initSetting')
  },
}).$mount('#app')

================================================
FILE: src/store/index.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-13 09:48:05
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-06-22 14:52:17
 * @Description: file content
 */
import Vue from 'vue';
import Vuex from 'vuex';
import local from '@/utils/localStrong';
import dayjs from 'dayjs'
import api from '@/api'
import {
  Message
} from 'element-ui'

import {
  navList
} from "@/json";
import utils from '../utils/utils';

function IsPC() {
  var userAgentInfo = navigator.userAgent;
  var Agents = ["Android", "iPhone",
    "SymbianOS", "Windows Phone",
    "iPad", "iPod"
  ];
  var flag = true;
  for (var v = 0; v < Agents.length; v++) {
    if (userAgentInfo.indexOf(Agents[v]) > 0) {
      flag = false;
      break;
    }
  }
  return flag;
}
Vue.use(Vuex);
// 保存
let saveConfig = (msg) => {
  let userInfo = local.get('userInfo')
  if (!userInfo) return
  // 走保存接口
  let params = local.get('setContent')
  params.note = localStorage.getItem('note')
  params.id = localStorage.getItem('configId')
  params.navlist = localStorage.getItem('navList')
  params.todo = localStorage.getItem('todo')
  params.wallpaper = localStorage.getItem('wallpaper')
  api.configInfoSave(params).then(res => {
    if (!msg) return
    Message({
      type: 'success',
      message: "手动备份成功",
      showClose: true
    })
  })
}


let debounceSaveConfig = (msg) => {

  let timer = true
  if (timer) {
    timer = false;
    saveConfig(msg)
    timer = setTimeout(() => {
      timer = true;
    }, 3000);
  } else {
    clearTimeout(timer)
  }
}

const setContent = {
  // 壁纸
  bgBlur: 0, //背景进行模糊处理
  themeMode: 'light', //主题模式
  sunrise: false, //主题样式跟随日出日落
  // 常规设置
  iconSize: 82, //图标大小
  iconRadius: 100, //图标半径
  iconOpacity: 90, //图标透明度
  iconTitle: true, //图标标题
  startAnimation: true, //启动动画
  layout: [2, 6], //图标布局
  yiyan: true, //是否显示一言
  search: 'baidu', //默认搜索
}
export default new Vuex.Store({
  state: {
    // 需要存储local
    setContent: setContent, //设置内容
    wallpaper: {}, //壁纸
    bingWallpaper: {}, //壁纸
    navList: [], //导航图标列表
    // 无需存储local
    editType: '', //编辑类型  add edit
    moment: '', //天气时刻  d白天 n晚上 
    note: [],

    weather: {
      now: {},
      air_now_city: {},
      sun: {}
    }, //实时天气
    isShowSide: false, //是否显示侧边栏
    sideComp: '', //侧边栏组件
    navRowData: {}, //当前操作行数据

    loginInfo: {
      visible: false, //是否显示dialog
      type: '', //是否显示dialog
    },
    userInfo: null,
  },
  getters: {


  },
  mutations: {
    setSetContent(state, val) {
      state.setContent = val || setContent
      local.set("setContent", state.setContent);
      debounceSaveConfig()
    },
    setWallpaper(state, val) {
      state.wallpaper = val
      local.set("wallpaper", val);
      debounceSaveConfig()
    },
    setBingWallpaper(state, val) {
      state.bingWallpaper = val
      local.set("bingWallpaper", val);
    },
    setNavList(state, val) {
      state.navList = val
      local.set("navList", val);
      debounceSaveConfig()
    },
    setMoment(state, val) {
      state.moment = val
      local.set("moment", val);
    },
    setNote(state, val) {
      state.note = val
      local.set("note", val);
      debounceSaveConfig()
    },
    setWeather(state, val) {
      state.weather = val
    },
    setShowSide(state, obj) {
      state.isShowSide = obj.val
      if (obj.comp) {
        state.sideComp = obj.comp
      }
      if (obj.editType) {
        state.editType = obj.editType
      }
    },
    setNavRowData(state, val) {
      state.navRowData = val
    },
    setLoginInfo(state, val) {
      state.loginInfo = val
    },
    setUserInfo(state, val) {
      local.set("userInfo", val);
      state.userInfo = val
    },


  },
  actions: {
    // 保存配置
    async saveConfig() {
      debounceSaveConfig(true)
    },
    // 初始化
    async initSetting(context) {
      // if (IsPC()) {
      //   setContent.iconSize = 70
      //   setContent.layout = [2, 5]
      // }
      let userInfo = local.get('userInfo')
      const state = context.state
      state.wallpaper = local.get('wallpaper') || ''
      state.userInfo = userInfo || {}
      state.setContent = local.get('setContent') || setContent
      state.navList = local.get('navList') || utils.deepClone(navList)
      state.bingWallpaper = local.get('bingWallpaper')
      state.note = local.get('note') || [{
        text: "",
        created: dayjs().valueOf(),
      },]

      // 如果token过期 或者没有登陆 不走接口
      if (!userInfo) return
      let res = await api.configInfoCurInfo()
      let data = res.data || {}
      if (res.code == 200) {

        // 如果id==0此账号没有被保存过
        if (data.id == 0) {
          // 走保存接口
          let params = local.get('setContent')
          params.note = localStorage.getItem('note')
          params.navlist = localStorage.getItem('navList')
          params.todo = localStorage.getItem('todo')
          params.wallpaper = localStorage.getItem('wallpaper')
          let res = await api.configInfoSave(params)
        } else {
          //保存configID 用于更新配置
          local.set('configId', data.id)
          state.setContent = data || setContent
          state.navList = data.navlist ? JSON.parse(data.navlist) : utils.deepClone(navList)
          state.wallpaper = JSON.parse(data.wallpaper) || {}
          state.todo = JSON.parse(data.todo) || {}
          state.note = JSON.parse(data.note) || [{
            text: "",
            created: dayjs().valueOf(),
          },]

        }
      }

      Object.keys(setContent).forEach(key => {
        if (state.setContent[key] == undefined) {
          // 如果local里没有 当前项  那么设置成默认
          state.setContent[key] = setContent[key]
        }
      })
    }
  },
})

================================================
FILE: src/style/animate.less
================================================
.zoomIn {
    animation: zoomIn ease 0.4s;
    transform-origin: center 50px;
    // transition: 0.2s;
}

.fadeIn {
    animation: fadeIn ease 0.5s;
    transform-origin: center 50px;
    // transition: 0.2s;
}

.swing {
    animation: aswing ease 0.3s infinite;
    transform-origin: center 50px;
}

.scaleOut {
    animation: scaleOut ease 0.2s;
}

.rotateIn {
    animation: rotateIn ease 0.2s;
}

.leftOut {
    animation: leftOut ease-in-out 0.2s;
}

.zoomOut {
    animation: zoomOut ease-in-out 0.2s;
}

@keyframes zoomOut {

    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1);
    }

    50% {
        opacity: 1;
    }
}

@keyframes leftOut {

    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}


@keyframes rotateIn {
    from {
        width: 0;
        opacity: 0;
        transform: rotate(360deg);
    }

    50% {
        opacity: 1;
    }
}


@keyframes aswing {

    0% {
        transform: rotate(0) scale(1)
    }

    20% {
        transform: rotate(-2deg) scale(1)
    }

    60% {
        transform: rotate(0) scale(1)
    }

    80% {
        transform: rotate(2deg) scale(1)
    }

    100% {
        transform: rotate(0) scale(1)
    }

}

@keyframes scaleOut {

    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        width: 0;
        transform-origin: center;
        transform: scale(0);
        opacity: 0;
    }
}

// transition 动画
.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all .3s cubic-bezier(.55, 0, .1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
    opacity: 0;
}

.is-animating {
    transition: transform 580ms cubic-bezier(.41, 1.5, 0.5, 1) 0s !important;
}

================================================
FILE: src/style/base.less
================================================
/*字体*/
.b {
  font-weight: bold;
}

.n {
  font-weight: normal;
}

// font-size:12px - 50px
// @for $i from 12 through 50 {
//   .f#{$i} {
//     font-size: $i+px;
//   }
// }

.fontLoop(@n, ) when (@n =< 50) {
  .f@{n} {
    font-size: (0px + @n)
  }

  .fontLoop(@n+1);
}

.fontLoop(12);


/*边距*/
// margin:0px - 50px 
.mLoop(@n, ) when (@n =< 50) {

  // margin:0px - 50px 
  .m@{n} {
    margin: (0px + @n)
  }

  // margin-top:0px - 50px 
  .mt@{n} {
    margin-top: (0px + @n)
  }

  // margin-bottom:0px - 50px 
  .mb@{n} {
    margin-bottom: (0px + @n)
  }

  // margin-left:0px - 50px 
  .ml@{n} {
    margin-left: (0px + @n)
  }

  // margin-right:0px - 50px 
  .mr@{n} {
    margin-right: (0px + @n)
  }

  // padding:0px - 50px 
  .p@{n} {
    padding: (0px + @n)
  }

  // padding-top:0px - 50px 
  .pt@{n} {
    padding-top: (0px + @n)
  }

  // padding-bottom:0px - 50px 
  .pb@{n} {
    padding-bottom: (0px + @n)
  }

  // padding-left:0px - 50px 
  .pl@{n} {
    padding-left: (0px + @n)
  }

  // padding-right:0px - 50px 
  .pr@{n} {
    padding-right: (0px + @n)
  }

  .mLoop(@n+5);
}

.mLoop(0);

// 表单高度 一般用于弹出框 el-form 上面
.d-form-y {
  max-height: calc(100vh - 140px);
  overflow-y: auto;
}

/*布局*/
.d-main {
  min-width: 1200px;
}


.d-relative {
  position: relative;
}

.d-absolute {
  position: absolute;
}

.d-fixed {
  position: fixed;
}



/*浮动*/
.fl {
  float: left;
}

.fr {
  float: right
}

/*对齐*/
.al {
  text-align: left;
}

.ac {
  text-align: center;
}

.ar {
  text-align: right;
}


/*辅助*/
.d-nowrap {
  white-space: nowrap;
}

.d-elip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.d-disabled {
  background: #e8e8e8;
  color: #999;
  cursor: not-allowed
}

.d-pointer {
  cursor: pointer;
}

.d-show {
  display: block;
}

.d-hide {
  display: none;
}

.d-hidden {
  overflow: hidden;
}

.d-auto-x {
  overflow-x: auto;
}

.d-auto-y {
  overflow-y: auto;
}

.d-fieldset {
  border: 1px solid #d3dce6;
  border-radius: 2px;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline-block;
}

.d-middle {
  vertical-align: middle;
}

.d-box {
  box-sizing: border-box;
}

.d-clear {
  clear: both;
}




/*高度*/
.hfull {
  height: 100%;
}

/*宽度*/
.wfull {
  width: 100%
}



/* 边框   */
.bt {
  border-top: 1px solid #dcdfe6;
}

.bb {
  border-bottom: 1px solid #dcdfe6;
}

.bl {
  border-left: 1px solid #dcdfe6;
}

.br {
  border-right: 1px solid #dcdfe6;
}

.ba {
  border: 1px solid #dcdfe6;
}

.bn {
  border: none;
}



/*背景色*/
.d-bg-gray {
  background: #f2f2f2;
}

/*灰色*/
.d-bg-qgray {
  background: #999;
}

/*灰色*/
.d-bg-white {
  background: #fff;
}

/*白色*/
.d-bg-black {
  background: #aaa;
  color: #fff
}

/*黑色*/
.d-bg-red {
  background: #ff0000;
  color: #fff
}

/*h*/
.d-bg-pink {
  background: #ff6969;
  color: #fff;
}

/*粉红主色*/
.d-bg-violet {
  background: #9965cc;
  color: #fff;
}

/*紫色*/
.d-bg-brown {
  background: #f1a85f;
  color: #fff;
}

/*棕色*/
.d-bg-crimson {
  background: #ac0222;
  color: #fff;
}

/*赤红*/
.d-bg-cyan {
  background: #33ba9b;
  color: #fff;
}

/*青色*/
.d-bg-blue {
  background: #189eff;
  color: #fff;
}

/*蓝色*/
.d-bg-green {
  background: #67c23a;
  color: #fff;
}

/*绿色*/
.d-bg-orange {
  background: #ff9906;
  color: #fff;
}

/*橙色*/
.d-bg-yellow {
  background: #E6A23C;
  color: #fff;
}

/*橙色*/

/*字体颜色*/
.d-text-pink {
  color: #ff6969;
}

/*粉红主色*/
.d-text-red {
  color: #ff0000 !important;
}

/*红色*/
.d-text-tred {
  color: #F56C6C;
}

/*A/特级红*/
.d-text-violet {
  color: #9965cc;
}

/*紫色*/
.d-text-brown {
  color: #f1a85f;
}

/*棕色*/
.d-text-gold {
  color: #ecda42
}

.d-text-crimson {
  color: #ac0222;
}

/*赤红*/
.d-text-cyan {
  color: #33ba9b;
}

/*青色*/
.d-text-blue {
  color: #189eff;
}

/*蓝色*/
.d-text-green {
  color: #67c23a;
}

/*绿色*/
.d-text-orange {
  color: #ff9906;
}

/*橙色*/
.d-text-gray {
  color: #666;
}

/*灰色*/
.d-text-qgray {
  color: #999;
}

/*灰色*/
.d-text-white {
  color: #fff;
}

/*白色*/
.d-text-black {
  color: #333;
}

/*黑色*/


/*布局*/
.d-flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
}

.d-flex-center {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center
}

/* 水平居中 */
.d-flex-hor {
  display: flex;
  justify-content: center
}

/* 垂直居中 */
.d-flex-ver {
  display: flex;
  align-items: center;
}

/* 分部两边 */
.d-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.d-cell {
  flex: 1
}

.d-shrink {
  flex-shrink: 1;
}

/* 水平垂直居中 */

================================================
FILE: src/style/common.less
================================================
// slide显示样式
.range-slider__value {
  line-height: 20px;
  font-size: 13px;
  position: relative;
  display: inline-block;
  width: 40px;
  margin-left: 4%;
  padding: 4px 6px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background: var(--primary-color);

  &:after {
    position: absolute;
    top: 7px;
    left: -6px;
    width: 0;
    height: 0;
    content: '';

    border-top: 7px solid transparent;
    border-right: 7px solid var(--primary-color);
    border-bottom: 7px solid transparent;
  }
}

================================================
FILE: src/style/element.less
================================================
.el-message-box,
.el-dialog {
    background-color: var(--background-info);
    border-color: var(--background-info);
}

.el-message-box__title,
.el-dialog__title {
    color: rgba(var(--main-color), 0.7);
}

.el-message-box__content,
.el-dialog__body {
    padding: 10px 20px;
    color: rgba(var(--main-color), 0.6);
}

.el-dialog__body {
    max-height: calc(100vh - 107px);
    overflow: auto;
}

.el-input__inner {
    background-color: rgba(var(--main-color), 0.08);
    border-color: rgba(var(--main-color), 0.08);
    color: rgba(var(--main-color), .8);
}

.el-form-item__label {
    color: rgba(var(--main-color), .8);
}

.el-form-item {
    margin-bottom: 15px;
}

================================================
FILE: src/style/index.less
================================================
@import './theme.less';
@import './base.less';
// @import './normalize.less'; 重置的属性太少 暂时不用
@import './reset.less';
@import './common.less';
@import './animate.less';
@import './element.less';

================================================
FILE: src/style/reset.less
================================================
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

input,
textarea {
  outline: none;
  border: none;
  background-color: transparent;
  font-family: 'PingFang SC', 'Microsoft Yahei', Helvetica, Arial, sans-serif;
}

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input,
textarea {
  -webkit-user-select: auto;
}

html {

  font-family: 'PingFang SC', 'Microsoft Yahei', Helvetica, Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  scroll-behavior: smooth;
  height: 100%;
  width: 100%;
}


// 隐藏滚动条样式
.i-scrollbar-hide {
  &::-webkit-scrollbar {
    width: 0;
    height: 3px;
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background: #e8eaec;
  }
}

// 极简滚动条样式

&::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}

&::-webkit-scrollbar-track {
  background-color: transparent;
}

&::-webkit-scrollbar-thumb {
  background: #808695;
  border-radius: 4px;
}

================================================
FILE: src/style/theme.less
================================================
// 深色模式
.dark {
    // 背景
    --background: 0, 0, 0;
    --background-info: #1e1e1e;
    --main-color: 255, 255, 255;
}

// 亮色模式
.light {
    --background: 255, 255, 255;
    --background-info: #fff;
    --main-color: 0, 0, 0;
}

:root {
    --primary-color: #409eff;
}

================================================
FILE: src/utils/directives.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2019-08-01 11:54:35
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-27 14:31:18
 * @Description: 自定义指令 directive
 * @axample: 
 */

let unit = (val) => {
  if (typeof val == "string") {
    return val
  } else {
    return val + 'px'
  }
}
export default {
  // 高度 用于style里的widht设置  string,number#
  w: {
    inserted(el, binding) {
      if (binding.value) {
        el.style.width = unit(binding.value)
      }
    },
    update(el, binding) {
      if (binding.value) {
        el.style.width = unit(binding.value)
      }
    },
    unbind(el) {
      el.style.width = null;
    }
  }, //end
  // 高度 用于style里的height设置 string,number#
  h: {
    inserted(el, binding) {
      if (binding.value) {
        el.style.height = unit(binding.value)
      }
    },
    update(el, binding) {
      if (binding.value) {
        el.style.height = unit(binding.value)
      }
    },
    unbind(el) {
      el.style.height = null;
    }
  }, //end

  padding: {
    inserted(el, binding) {
      if (binding.value) {
        el.style.padding = binding.value + unit(binding.value);
      }
    },
    update(el, binding) {
      if (binding.value) {
        el.style.padding = binding.value + unit(binding.value);
      }
    },
    unbind(el) {
      el.style.padding = null;
    }
  },
  font: {
    inserted(el, binding) {
      if (binding && binding.value) {
        el.style.fontSize = `${binding.value}px`;
      }
    },
    update(el, binding) {
      if (binding && binding.value) {
        el.style.fontSize = `${binding.value}px`;
      }
    },
    unbind(el) {
      el.style.fontSize = null;
    }
  },
  color: {
    inserted(el, binding) {
      if (binding.value) {
        el.style.color = binding.value;
      }
    },
    update(el, binding) {
      if (binding.value) {
        el.style.color = binding.value;
      }
    },
    unbind(el) {
      el.style.color = null;
    }
  },
  bgColor: {
    inserted(el, binding) {
      if (binding.value) {
        el.style.backgroundColor = binding.value;
      }
    },
    update(el, binding) {
      if (binding.value) {
        el.style.backgroundColor = binding.value;
      }
    },
    unbind(el) {
      el.style.backgroundColor = null;
    }
  },

  // size 
  size: {
    inserted: function (el, binding) {
      el.style.height = unit(binding.value)
      el.style.width = unit(binding.value)
    },
    update: function (el, binding) {
      el.style.height = unit(binding.value)
      el.style.width = unit(binding.value)
    }

  }, //end
  // size 
  lh: {
    inserted: function (el, binding) {
      el.style.lineHeight = unit(binding.value)

    },
    update: function (el, binding) {
      el.style.lineHeight = unit(binding.value)

    }

  }, //end
  // size 
  focus: {
    inserted: function (el, binding) {
      if (binding.value) {
        // 聚焦元素
        el.focus()
      }
    }
  }, //end
  // click 时间防抖 一般用于 保存按钮 {Number=1000} 毫秒#
  debounce: {
    inserted(el, binding) {
      let duration = binding.value || 1000
      el.addEventListener('click', e => {
        if (!el.disabled) {
          el.disabled = true
          let timer = setTimeout(() => {
            el.disabled = false
            timer = null
          }, duration)
        }
      })
    }
  }, //end
}

================================================
FILE: src/utils/filters.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-27 09:19:18
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-10-30 17:47:15
 * @Description: file content
 */
import dayjs from 'dayjs'
export default {
  /**
   * @desc 时间戳转字符串 使用的是mement.js
   * @default YYYY-MM-DD #
   */
  timeToStr(value, formatString = 'YYYY-MM-DD') {
    if (typeof value !== 'number') {
      return '';
    }
    return dayjs(value).format(formatString);
  }, //end
}

================================================
FILE: src/utils/localStrong.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2018年7月10日 17:56:26
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-08-14 15:54:55
 * @Description: localStorage操作
 * @axample
//存储用户信息
this.$local.set('userInfo', { name: 'wxd' })
//获取用户信息
let userInfo = this.$local.get('userInfo')
 */
const local = {
  // 保存数据 params: 1:key  2:value #
  set(key = '', value = '') {
    localStorage.setItem(key, JSON.stringify(value))
  },//end
  // 获取数据  params: 1:key#
  get(key = null) {
    return JSON.parse(localStorage.getItem(key) || null) || ''
  },//end
  // 清空localStrong #
  clear() {
    localStorage.clear()
  },//end
  // 移除localStrong某一项 params: 1:key#
  remove(key = '') {
    return localStorage.removeItem(key)
  }
}

export default local


================================================
FILE: src/utils/utils.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2019-10-15 10:28:51
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2020-12-07 18:08:09
 * @Description: 公共方法
 * @axample
//深度拷贝对象
let obj = {a:{a:1}}
let newObj = this.$util.deepClone(obj)
 */

const utils = {
  // 判断是否是空对象 {Object}#
  isEmptyObject(obj) {
    for (const name in obj) {
      return false;
    }
    return true;
  }, //end
  // 判断是否是window对象 {ele}#
  isWindow(obj) {
    return obj != null && obj === obj.window;
  }, //end
  // 判断数据类型{x} #
  type(obj) {
    const class2type = {};
    'Boolean Number String Function Array Date RegExp Object Error'.split(' ').map((item,
      index) => {
      class2type[`[object ${item}]`] = item.toLowerCase();
    });
    if (obj == null) {
      return `${obj}`;
    }
    return typeof obj === 'object' || typeof obj === 'function' ? class2type[Object.prototype
      .toString.call(obj)] || 'object' : typeof obj;
  }, //end
  // 判断是不是 DOM 元素  {Dom}#
  isElement(obj) {
    return !!(obj && obj.nodeType === 1);
  }, //end
  // 对象/数组数据深拷贝  {Object}#
  deepClone(source) {
    if (!source && typeof source !== 'object') {
      throw new Error('error arguments', 'deepClone')
    }
    const targetObj = source.constructor === Array ? [] : {}
    Object.keys(source).forEach(keys => {
      if (source[keys] && typeof source[keys] === 'object') {
        targetObj[keys] = utils.deepClone(source[keys])
      } else {
        targetObj[keys] = source[keys]
      }
    })
    return targetObj
  }, //end

  //  HTML格式转换成文本  {Html}# 
  html2Text(val) {
    const div = document.createElement('div')
    div.innerHTML = val
    return div.textContent || div.innerText
  }, //end

  // 数组去重 {Array}#
  uniqueArr(arr) {
    return Array.from(new Set(arr))
  }, //end

  // 创建唯一字符串 {String} #
  createUniqueString() {
    const timestamp = +new Date() + ''
    const randomNum = parseInt((1 + Math.random()) * 65536) + ''
    return (+(randomNum + timestamp)).toString(32)
  }, //end
  // 事件防抖 {fn} {Number =1000} #
  debounce(fn, delay = 1000) {
    let timer = null
    return () => {
      if (timer) {
        clearTimeout(timer)
      }
      timer = setTimeout(fn, delay) // 简化写法
    }
  },

};


export default utils;

================================================
FILE: src/views/home.vue
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-10-10 18:08:41
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-03-22 15:01:50
 * @Description: file content
*/
<template>
  <div class="app-container">
    <div class="app-content">
      <!-- 顶部内容 -->
      <Header />

      <!-- <d-iocn class="app-logo iconfont icon-ling"></d-iocn> -->
      <!-- 时间 -->
      <dateTime />
      <!-- 搜索框功能 -->
      <searchBox />
      <!-- 应用列表 -->
      <appGroupNav class="d-cell" />

      <!-- FM -->
      <!-- <fm /> -->
      <yiyan class="d-cell" v-if="yiyan" />
    </div>
    <!-- 便笺贴 -->
    <pinned />
    <!-- 侧边栏 -->
    <sideBar />
    <!-- <music /> -->
    <login />
  </div>
</template>

<script>
import login from "@/components/login";
import Header from "@/components/header";
import dateTime from "@/components/date-time";
import searchBox from "@/components/search-box";
import appGroupNav from "@/components/app-group-nav";
import pinned from "@/components/pinned";
import music from "@/components/music.vue";
const yiyan = () => import("@/components/yiyan");
const fm = () => import("@/components/fm");
const sideBar = () => import("@/components/sidebar");

export default {
  name: "",
  props: {},
  components: {
    Header,
    dateTime,
    searchBox,
    appGroupNav,
    yiyan,
    fm,
    sideBar,
    pinned,
    login,
    music,
  },
  data() {
    //这里存放数据
    return {};
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  computed: {
    yiyan() {
      return this.$store.state.setContent.yiyan;
    },
  },
  watch: {},
  //方法集合
  methods: {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
};
</script>
<style lang='less' scoped>
.app-container {
  // position: absolute;
  height: 100%;
  width: 100%;
}
.app-content {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.app-container {
  // position: absolute;
  height: 100%;
  width: 100%;
}
.app-logo {
  height: 80px;
  width: 180px;
  color: #fff;
  display: inline-block;
}
</style>


================================================
FILE: vue.config.js
================================================
/*
 * @Author: web.王晓冬
 * @Date: 2020-03-25 14:14:18
 * @LastEditors: web.王晓冬
 * @LastEditTime: 2021-06-10 14:02:34
 * @Description: file content
 */
module.exports = {
  devServer: {
    host: "0.0.0.0",
    port: 8088, // 端口号
    https: false, // https:{type:Boolean}
    open: true, //配置自动启动浏览器
    proxy: {
      "/apis": {
        target: "http://106.75.136.242:8088/", //  本地
        changeOrigin: true,
        pathRewrite: {
          '^/apis': ''
        }
      },
    },
  },
  // 构建输入文件夹
  outputDir: process.env.NODE_ENV == 'web' ? 'search' : 'newTabs/dist',

  css: {
    // 是否使用css扩展
    requireModuleExtension: true,
    //   loaderOptions: { // 向 CSS 相关的 loader 传递选项 
    //     less: {
    //         javascriptEnabled: true
    //     }
    //  }
  },
  productionSourceMap: false,
  // publicPath: process.env.NODE_ENV === 'production' ?
  //   '../' : './',
  // publicPath: process.env.NODE_ENV === 'production' ? '../search' : './',
  publicPath: './',
  // configureWebpack: {
  //   externals: {
  //     'vue': 'Vue',
  //     'vuex': 'Vuex',
  //     'vue-router': 'VueRouter',
  //     'element-ui': 'ELEMENT',
  //     'axios': 'axios'
  //   }
  // }
  runtimeCompiler: true,


}