{"version":3,"sources":["webpack:///src/views/sponsor/src/views/sponsor/news.vue","webpack:///src/css/responsive.css","webpack:///src/views/sponsor/src/views/sponsor/sponsors.vue"],"names":[],"mappings":"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","file":"chunk-5039e8b0.9ddd9351.css","sourcesContent":["<template>\r\n  <div id=\"box\">\r\n    <ul id=\"con1\"\r\n        @mouseenter=\"stop\"\r\n        @mouseleave=\"start\"\r\n        ref=\"con1\" :class=\"{anim:animate==true}\">\r\n      <li v-for='(item,index) in news' :key=\"index\">\r\n        <div class=\"content\" v-html=\"item\"></div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props:{\r\n    news: Array\r\n  },\r\n  name: 'news',\r\n  data() {\r\n    return {\r\n      animate: false,\r\n      auto:true,\r\n      items: this.news,\r\n    }\r\n  },\r\n  created() {\r\n    setInterval(this.scroll, 3000) // 在钩子函数中调用我在method 里面写的scroll()方法，注意此处不要忘记加this,我在这个位置掉了好几次坑，都是因为忘记写this。\r\n  },\r\n  methods: {\r\n    start(){\r\n      this.auto = true\r\n      console.log('开始')\r\n    },\r\n    stop(){\r\n      this.auto = false\r\n      console.log(\"停止\")\r\n    },\r\n    scroll() {\r\n      if (this.auto){\r\n        let con1 = this.$refs.con1;\r\n        con1.style.marginTop = '-9.4rem';\r\n        this.animate = !this.animate;\r\n        var that = this; // 在异步函数中会出现this的偏移问题，此处一定要先保存好this的指向\r\n        setTimeout(function () {\r\n          that.items.push(that.items[0]);\r\n          that.items.shift();\r\n          con1.style.marginTop = '0rem';\r\n          that.animate = !that.animate;  // 这个地方如果不把animate 取反会出现消息回滚的现象，此时把ul 元素的过渡属性取消掉就可以完美实现无缝滚动的效果了\r\n        }, 1000)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.content{\r\n  height: 9.4rem;\r\n}\r\n\r\n#box {\r\n  width: 100%;\r\n  height: 9.4rem;\r\n  /*line-height: 9.4rem;*/\r\n  overflow: hidden;\r\n  transition: all 0.5s;\r\n}\r\n\r\n.anim {\r\n  transition: all 1s;\r\n}\r\n\r\n#con1 li {\r\n  cursor: pointer;\r\n  list-style: none;\r\n  width: 100%;\r\n  height: 9.4rem;\r\n  overflow:hidden;\r\n  color: #0054B0;\r\n}\r\n</style>\r\n","\r\n.icon {\r\n    margin-top: .8rem;\r\n    margin-right: 1rem;\r\n    width: 3.4rem;\r\n}\r\n\r\np {\r\n    margin: 0;\r\n}\r\n\r\n.primaryTitle {\r\n    margin: 3rem 0 1rem;\r\n}\r\n\r\n.title-admin {\r\n    font-size: 3.5rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: bold;\r\n    color: #0054B0;\r\n    margin-top: 1rem;\r\n    /*margin-bottom: 3rem;*/\r\n}\r\n\r\n.secondaryTitle p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.secondaryTitle {\r\n    font-size: 2rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: bold;\r\n    color: #0054B0;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.secondaryTitle2 p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.secondaryTitle2 {\r\n    font-size: 2.2rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    /*font-weight: bold;*/\r\n    color: #0054B0;\r\n    /*color: black;*/\r\n    margin-top: 1rem;\r\n}\r\n\r\n.secondaryTitle3 p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.secondaryTitle3 {\r\n    font-size: 2.5rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    /*font-weight: bold;*/\r\n    color: #0054B0;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.paperTitle p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.paperTitle {\r\n    font-size: 1.8rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    /* font-weight: bold; */\r\n    color: #0054B0;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.paperAuthor p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.paperAuthor {\r\n    font-size: 1.6rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    /* font-weight: bold; */\r\n    color: #5b5b5b;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.dateText p {\r\n    margin: 0 0 5px;\r\n}\r\n\r\n.dateText {\r\n    font-size: 1.8rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: bold;\r\n    color: black;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.secondaryBlack{\r\n    color: black;\r\n}\r\n.noList {\r\n    margin-top: 1rem;\r\n    text-align: justify;\r\n}\r\n\r\n.black-text {\r\n    color: #333333 !important;\r\n    font-weight: 500 !important;\r\n}\r\n\r\n.title {\r\n    margin-left: -1.8rem !important;\r\n    text-align: left;\r\n    font-size: 3.5rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    color: #202020;\r\n}\r\n\r\n.title2 {\r\n    margin-left: -1.8rem !important;\r\n    text-align: left;\r\n    font-size: 3rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    color: #0054B0;\r\n}\r\n\r\n\r\n.content-text {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    color: #202020;\r\n}\r\n\r\n.demo-text {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    font-weight: 500;\r\n    color: #5b5b5b;\r\n    margin-top: 1rem;\r\n    text-align: justify;\r\n}\r\n\r\n.demo-text2 {\r\n    font-size: 1.9rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    font-weight: 500;\r\n    color: #5b5b5b;\r\n    margin-top: 1rem;\r\n    text-align: justify;\r\n}\r\n\r\n.author-text {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    font-weight: 500;\r\n    color: #5b5b5b;\r\n    /*margin-top: .2rem;*/\r\n    text-align: justify;\r\n}\r\n\r\n.author-text2 {\r\n    font-size: 2.3rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    font-weight: 500;\r\n    color: #5b5b5b;\r\n    /*margin-top: .2rem;*/\r\n    text-align: justify;\r\n}\r\n\r\n.el-rows {\r\n    margin-top: 2rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.headset {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    margin-bottom: .4rem;\r\n    color: #0054B0;\r\n\r\n}\r\n\r\n.noList {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    list-style-position: outside;\r\n    color: #0054B0;\r\n}\r\n\r\n.noList::marker {\r\n    float: left;\r\n}\r\n\r\n.noList > div {\r\n    float: right;\r\n    width: 97%;\r\n}\r\n\r\n.retract {\r\n    padding-left: 2.5rem;\r\n}\r\n.retract2 {\r\n    padding-left: 5rem;\r\n    list-style: circle;\r\n}\r\n\r\n@media screen and (max-width: 750px) {\r\n\r\n    .noList > div {\r\n        width: 95%;\r\n    }\r\n}\r\n\r\n.demo-link {\r\n    color: blue;\r\n    border-bottom: blue dotted 1px;\r\n}\r\n\r\n.demo-link:hover {\r\n    color: #0054B0;\r\n    border-bottom: #0054B0 dotted 1px;\r\n    text-decoration: none;\r\n}\r\n\r\n.text-color {\r\n    color: blue;\r\n}\r\n\r\n.textBlue {\r\n    margin-top: 1rem;\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    color: #0054B0;\r\n}\r\n\r\n@media screen  and (max-width: 750px) {\r\n    .title {\r\n        margin-left: 1rem !important;\r\n    }\r\n\r\n    .icon {\r\n        margin-top: .4rem;\r\n    }\r\n\r\n\r\n}\r\n","<template>\r\n  <div>\r\n    <!--内容区域-->\r\n    <el-row class=\"el-rows\">\r\n      <!--熊猫图标-->\r\n      <el-col :span=\"2\">\r\n        <img class=\"icon\" :src=\"iconImage\" alt=\"\">\r\n      </el-col>\r\n      <!--title-->\r\n      <el-col :span=\"22\">\r\n        <p class=\"title\"> Sponsors </p>\r\n      </el-col>\r\n    </el-row>\r\n\r\n    <el-row>\r\n      <el-col>\r\n        <div class=\"content-text\">\r\n          <news :news=\"news\"/>\r\n        </div>\r\n      </el-col>\r\n    </el-row>\r\n    <el-row v-for=\"(item ,index) in Sponsors\" :key=\"index\">\r\n      <el-col>\r\n        <el-row :gutter=\"35\">\r\n          <el-col class=\"line\" :xs=\"6\" :sm=\"6\" :md=\"6\" :lg=\"6\" :xl=\"8\">\r\n          </el-col>\r\n          <el-col class=\"sp-title\" :xs=\"12\" :sm=\"12\" :md=\"12\" :lg=\"12\" :xl=\"8\">\r\n            <p>{{ item.title }}</p>\r\n          </el-col>\r\n          <el-col class=\"line\" :xs=\"6\" :sm=\"6\" :md=\"6\" :lg=\"6\" :xl=\"8\">\r\n          </el-col>\r\n        </el-row>\r\n        <el-row class=\"pla-admin\">\r\n          <el-col>\r\n            <div v-if=\"item.type===0\" class=\"pla-parent clearfix\">\r\n              <div v-for=\"(pla ,index) in item.context\" :key=\"index\" class=\"platform first\">\r\n                <a :href=\"pla.link\">\r\n                  <img :src=\"pla.platform\" alt=\"\">\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"item.type===1\" class=\"pla-parent clearfix\">\r\n              <div v-for=\"(pla ,index) in item.context\" :key=\"index\" class=\"platform diamond\">\r\n                <a :href=\"pla.link\">\r\n                  <img :src=\"pla.platform\" alt=\"\">\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"item.type===2\" class=\"pla-parent clearfix\">\r\n              <div v-for=\"(pla ,index) in item.context\" :key=\"index\" class=\"platform platinum\">\r\n                <a :href=\"pla.link\">\r\n                  <img :src=\"pla.platform\" alt=\"\">\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"item.type===3\" class=\"pla-parent clearfix\">\r\n              <div v-for=\"(pla ,index) in item.context\" :key=\"index\" class=\"platform gold\">\r\n                <a :href=\"pla.link\">\r\n                  <img :src=\"pla.platform\" alt=\"\">\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"item.type===4\" class=\"pla-parent clearfix\">\r\n              <div v-for=\"(pla ,index) in item.context\" :key=\"index\" class=\"platform silver\">\r\n                <a :href=\"pla.link\">\r\n                  <img :src=\"pla.platform\" alt=\"\">\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </el-col>\r\n        </el-row>\r\n      </el-col>\r\n    </el-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport news from \"@/views/sponsor/news\";\r\n\r\nexport default {\r\n  name: \"Sponsors\",\r\n  components: {\r\n    news\r\n  },\r\n  data() {\r\n    return {\r\n      iconImage: require(\"@/assets/content/sy_icon_xm.png\"),\r\n      news: [\r\n        `<a href=\"http://www.sigmm.org/\"><b>SIGMM</b></a> has become a sponsor for the ACM MM 2021.`,\r\n\r\n        `<a href=\"https://antgroup.com\"><b>Ant Group</b></a> has become a diamond sponsor for the ACM MM 2021.`,\r\n        `<a href=\"https://arc.tencent.com\"><b>Applied Research Center (ARC), Tencent PCG</b></a> has become a diamond sponsor for the ACM MM 2021.`,\r\n        `<a href=\"https://www.oppo.com/cn/\"><b>OPPO</b></a> has become a diamond sponsor for the ACM MM 2021.`,\r\n\r\n\r\n        `<a href=\"https://www.alibabagroup.com/en/about/overview\"><b>Alibaba Group</b></a> has become a platinum sponsor for the ACM MM 2021.`,\r\n        `<a href=\"https://about.meituan.com/home\"><b>MeiTuan</b></a> has become a platinum sponsor for the ACM MM 2021.`,\r\n        `<a href=\"https://www.baidu.com\"><b>Baidu</b></a> has become a platinum sponsor for the ACM MM 2021.`,\r\n        `<a href=\"https://www.kuaishou.com/en\"><b>KuaiShou</b></a> has become a platinum sponsor for the ACM MM 2021.`,\r\n        `<a href=\"https://www.huawei.com\"><b>HuaWei</b></a> has become a platinum sponsor for the ACM MM 2021.`,\r\n        `<a href=\" https://www.bytedance.com/en\"><b>ByteDance</b></a> has become a platinum sponsor for the ACM MM 2021.`,\r\n       \r\n\r\n        `<a href=\"https://mtlab.meitu.com/aboutUs#MTJoin\"><b>Meitu，MT Lab</b></a> has become a gold sponsor for the ACM MM 2021.`,\r\n        `<a href=\"https://www.iqiyi.com\"><b>iQiyi</b></a> has become a gold sponsor for the ACM MM 2021.`,\r\n\r\n        `<b>Xiaohongshu</b></a> has become a gold sponsor for the ACM MM 2021.`,\r\n      ],\r\n      Sponsors: [\r\n        {\r\n          title: \"Sponsors\",\r\n          type: 0,\r\n          context: [\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/logo_sigmm.png\",\r\n              link: \"http://www.sigmm.org/\",\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          title: \"Diamond Sponsors\",\r\n          type: 1,\r\n          context: [\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_ant_1.png\",\r\n              link: \"https://antgroup.com\",\r\n            },\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_arc_1.png\",\r\n              link: \"https://arc.tencent.com\",\r\n            },\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_oppo_1.png\",\r\n              link: \"https://www.oppo.com/cn/\",\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          title: \"Platinum Sponsors\",\r\n          type: 2,\r\n          context: [\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_alibaba_1.png\",\r\n              link: \"https://www.alibabagroup.com/en/about/overview\",\r\n            },\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_meituan_1.png\",\r\n              link: \"https://about.meituan.com/home\",\r\n            },\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_baidu_2.png\",\r\n              link: \"https://www.baidu.com\",\r\n            },\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_kuaishou_1.png\",\r\n              link: \"https://www.kuaishou.com/en\",\r\n            },\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_huawei.png\",\r\n              link: \"https://www.huawei.com\",\r\n            },\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_byte_1.png\",\r\n              link: \"https://www.bytedance.com/en\",\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          title: \"Gold Sponsors\",\r\n          type: 3,\r\n          context: [\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_iqiyi.png\",\r\n              link: \"https://www.iqiyi.com\",\r\n            },\r\n            {\r\n              platform: \"https://cdn.acmmm.hchyun.com/sponsor_meitu_2.png\",\r\n              link: \"https://mtlab.meitu.com/aboutUs#MTJoin\",\r\n            }\r\n          ]\r\n        },\r\n        {\r\n          title: \"Silver Sponsors\",\r\n          type: 4,\r\n          context: [\r\n            {\r\n              platform: \"http://cdn.acmmm.hchyun.com/sponsor_xiaohongshu.png\",\r\n            },\r\n          ]\r\n        },\r\n        // {\r\n        //   title: \"Bronze Sponsor\",\r\n        //   context: [\r\n        //     {\r\n        //       platform: \"http://cdn.acmmm.hchyun.com/sponsosr_7.png\",\r\n        //     },\r\n        //   ]\r\n        // },\r\n      ]\r\n    }\r\n  },\r\n\r\n  mounted() {\r\n    document.title = 'ACM Multimedia 2021 Sponsors'\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n@import \"../../css/responsive.css\";\r\n\r\n.sp-title {\r\n  text-align: center;\r\n  font-size: 2.6rem;\r\n  font-family: \"Roboto\", sans-serif;\r\n  /* font-weight: bold; */\r\n  color: #0054B0;\r\n  line-height: 2.4rem;\r\n}\r\n\r\n/* .el-row{float: left;overflow: hidden;} */\r\n.content-text {\r\n  width: 100%;\r\n  height: 9.4rem;\r\n  /*background-color: #2c8df7;*/\r\n  color: #fff;\r\n  /*line-height: 6rem;*/\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.line {\r\n  margin-top: 1.5rem;\r\n  height: .1rem;\r\n  background-color: #B0C6DE;\r\n}\r\n\r\n.first {\r\n  /*width: 38rem;*/\r\n  /*height: 23rem;*/\r\n  width: 80%;\r\n  margin-left: 9%   !important;\r\n  margin-right: 5%   !important;\r\n/*  margin-left: .5rem  !important;\r\n  margin-right: .5rem  !important;*/\r\n}\r\n\r\n.diamond {\r\n  /*width: 32rem;*/\r\n  /*height: 23rem;*/\r\n  width: 30%;\r\n  margin-left: 1.5%   !important;\r\n  margin-right: 1.5%   !important;\r\n/*  margin-left: .5rem  !important;\r\n  margin-right: .5rem  !important;*/\r\n}\r\n\r\n.platinum {\r\n  width: 25%;\r\n  margin-left: 6%   !important;\r\n  /*margin-right: 4%   !important;*/\r\n  /*width: 26.5rem;*/\r\n  /*height: 17rem;*/\r\n  /*margin: auto;*/\r\n  /*margin-left: 4.3rem  !important;*/\r\n  /*margin-right: .5rem  !important;*/\r\n}\r\n\r\n.gold {\r\n  /*width: 20rem;*/\r\n  /*height: 14rem;*/\r\n  width: 23%;\r\n  margin-left: 18%   !important;\r\n  /*margin-right: 9%   !important;*/\r\n/*  margin-left: 1.5rem !important;\r\n  margin-right: 1.5rem !important;*/\r\n}\r\n\r\n.silver {\r\n  /*width: 20rem;*/\r\n  /*height: 14rem;*/\r\n  width: 20%;\r\n  margin-left: 40%   !important;\r\n  /*margin-right: 32%   !important;*/\r\n/*  margin-left: 1.5rem !important;\r\n  margin-right: 1.5rem !important;*/\r\n}\r\n\r\n.bronze {\r\n  width: 14rem;\r\n  height: 9rem;\r\n}\r\n\r\n.pla-admin {\r\n  text-align: center;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.pla-parent {\r\n  margin-bottom: 1rem !important;\r\n  display: inline-block !important;\r\n}\r\n\r\n.platform {\r\n  float: left;\r\n  /*width: 26rem;*/\r\n  /*height: 16rem;*/\r\n  background: #FFFFFF;\r\n  border-radius: .6rem;\r\n  border: .2rem solid #EEEEEE;\r\n/*  margin-left: 2rem;\r\n  margin-right: 2rem;*/\r\n  text-align: center;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.platform:hover {\r\n  box-shadow: 0rem 0.2rem 0.5rem 0rem #B3B3B3;\r\n}\r\n\r\n.platform > a > img {\r\n  width: 100%;\r\n}\r\n\r\n.pla-admin {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n@media screen and (max-width: 750px) {\r\n  .icon {\r\n    margin-top: 0rem;\r\n  }\r\n}\r\n</style>\r\n"]}