app:修改images引入方式

zhangzengfei

2020-08-03 1a94e4c4d56cdb04da7bab981d9389f87daa0683

 src/pages/desktop/index/App.vue

@@ -3,7 +3,6 @@
    <tools></tools>
    <desktop></desktop>
    <tools-entry ref="dock_model"></tools-entry>
    <!-- <dock ref="dock_model"></dock> -->
    <notice-tip ref="notice_tip_model"></notice-tip>
    <notification-center></notification-center>
  </div>
@@ -11,8 +10,6 @@

<script>
import Desktop from './components/Desktop';
import Dock from './components/Dock';
import Preference from './components/Preference';
import NotificationCenter from './components/NotificationCenter';
import NoticeTip from './components/NoticeTip';
import Tools from './components/Tools';
@@ -22,7 +19,7 @@
export default {
  name: 'app',
  components: {
    Desktop, Dock, Preference, NotificationCenter, NoticeTip, Tools, ToolsEntry
    Desktop, NotificationCenter, NoticeTip, Tools, ToolsEntry
  },
  mounted() {
    document.getElementById('app').style.backgroundImage = process.env.VUE_APP_MAIN_URL;
@@ -34,54 +31,27 @@
      });
    }

    // setTimeout(function () {
    //   _that.$refs.dock_model.initDockItem();
    // }, 100);
    // axios.get(process.env.VUE_APP_USER_DATA_URL).then(function (res) {

    // });

    let msgResp = require("./mock/messages.json")
    if (msgResp.success) {
      msgResp.data.forEach(function (item) {
        _that.addMessage(item);
      })
    }
    // axios.get(process.env.VUE_APP_MESSAGE_URL).then(function (res) {

    // });

    let weather = require("./mock/weather.json")
    if (weather.success) {
      _that.addWeather(weather.data.data);
    }
    // axios.get(process.env.VUE_APP_WEATHER_URL).then(function (res) {

    // });

    setTimeout(function () {
      _that.addMessage({
        id: 'N1',
        icon: 'images/frost.png',
        tip: '分布式任务调度',
        title: '默认账号',
        body: '账号：frost 密码：frost',
        time: new Date()
      }, true);
    }, 3000);

    setTimeout(function () {
      _that.addMessage({
        id: 'N2',
        icon: 'images/message.png',
        icon: '/images/desktop/message.png',
        tip: '消息',
        title: '官方QQ',
        body: '1106088328',
        title: 'SmartAi',
        body: 'v1.0.0',
        time: new Date()
      }, true);
    }, 6000);

    console.log(this.$store.state.desktop)
    }, 1000);
  },
  methods: {
    addMessage: function (message, ding) {
@@ -114,12 +84,12 @@
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-image: url("../../../assets/img/desktop/desktop.png");
  background-image: url("/images/desktop/background.png");
  background-attachment: fixed;
}

.clearFix:after{
  content: '';
.clearFix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;