{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\profile\\components\\Activity.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\profile\\components\\Activity.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmNvbnN0IGF2YXRhclByZWZpeCA9ICc/aW1hZ2VWaWV3Mi8xL3cvODAvaC84MCcKY29uc3QgY2Fyb3VzZWxQcmVmaXggPSAnP2ltYWdlVmlldzIvMi9oLzQ0MCcKCmV4cG9ydCBkZWZhdWx0IHsKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgY2Fyb3VzZWxJbWFnZXM6IFsKICAgICAgICAnaHR0cHM6Ly93cGltZy53YWxsc3Rjbi5jb20vOTY3OWZmYjAtOWUwYi00NDUxLTk5MTYtZTIxOTkyMjE4MDU0LmpwZycsCiAgICAgICAgJ2h0dHBzOi8vd3BpbWcud2FsbHN0Y24uY29tL2JjY2UzNzM0LTA4MzctNGI5Zi05MjYxLTM1MWVmMzg0Zjc1YS5qcGcnLAogICAgICAgICdodHRwczovL3dwaW1nLndhbGxzdGNuLmNvbS9kMWQ3YjAzMy1kNzVlLTRjZDYtYWUzOS1mY2Q1ZjFjMGE3YzUuanBnJywKICAgICAgICAnaHR0cHM6Ly93cGltZy53YWxsc3Rjbi5jb20vNTA1MzAwNjEtODUxYi00Y2E1LTlkYzUtMmZlYWQ5MjhhOTM5LmpwZycKICAgICAgXSwKICAgICAgYXZhdGFyUHJlZml4LAogICAgICBjYXJvdXNlbFByZWZpeAogICAgfQogIH0KfQo="},{"version":3,"sources":["Activity.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Activity.vue","sourceRoot":"src/views/profile/components","sourcesContent":["<template>\n  <div class=\"user-activity\">\n    <div class=\"post\">\n      <div class=\"user-block\">\n        <img class=\"img-circle\" :src=\"'https://wpimg.wallstcn.com/57ed425a-c71e-4201-9428-68760c0537c4.jpg'+avatarPrefix\">\n        <span class=\"username text-muted\">Iron Man</span>\n        <span class=\"description\">Shared publicly - 7:30 PM today</span>\n      </div>\n      <p>\n        Lorem ipsum represents a long-held tradition for designers,\n        typographers and the like. Some people hate it and argue for\n        its demise, but others ignore the hate as they create awesome\n        tools to help create filler text for everyone from bacon lovers\n        to Charlie Sheen fans.\n      </p>\n      <ul class=\"list-inline\">\n        <li>\n          <span class=\"link-black text-sm\">\n            <i class=\"el-icon-share\" />\n            Share\n          </span>\n        </li>\n        <li>\n          <span class=\"link-black text-sm\">\n            <svg-icon icon-class=\"like\" />\n            Like\n          </span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"post\">\n      <div class=\"user-block\">\n        <img class=\"img-circle\" :src=\"'https://wpimg.wallstcn.com/9e2a5d0a-bd5b-457f-ac8e-86554616c87b.jpg'+avatarPrefix\">\n        <span class=\"username text-muted\">Captain American</span>\n        <span class=\"description\">Sent you a message - yesterday</span>\n      </div>\n      <p>\n        Lorem ipsum represents a long-held tradition for designers,\n        typographers and the like. Some people hate it and argue for\n        its demise, but others ignore the hate as they create awesome\n        tools to help create filler text for everyone from bacon lovers\n        to Charlie Sheen fans.\n      </p>\n      <ul class=\"list-inline\">\n        <li>\n          <span class=\"link-black text-sm\">\n            <i class=\"el-icon-share\" />\n            Share\n          </span>\n        </li>\n        <li>\n          <span class=\"link-black text-sm\">\n            <svg-icon icon-class=\"like\" />\n            Like\n          </span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"post\">\n      <div class=\"user-block\">\n        <img class=\"img-circle\" :src=\"'https://wpimg.wallstcn.com/fb57f689-e1ab-443c-af12-8d4066e202e2.jpg'+avatarPrefix\">\n        <span class=\"username\">Spider Man</span>\n        <span class=\"description\">Posted 4 photos - 2 days ago</span>\n      </div>\n      <div class=\"user-images\">\n        <el-carousel :interval=\"6000\" type=\"card\" height=\"220px\">\n          <el-carousel-item v-for=\"item in carouselImages\" :key=\"item\">\n            <img :src=\"item+carouselPrefix\" class=\"image\">\n          </el-carousel-item>\n        </el-carousel>\n      </div>\n      <ul class=\"list-inline\">\n        <li><span class=\"link-black text-sm\"><i class=\"el-icon-share\" /> Share</span></li>\n        <li>\n          <span class=\"link-black text-sm\">\n            <svg-icon icon-class=\"like\" /> Like</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nconst avatarPrefix = '?imageView2/1/w/80/h/80'\nconst carouselPrefix = '?imageView2/2/h/440'\n\nexport default {\n  data() {\n    return {\n      carouselImages: [\n        'https://wpimg.wallstcn.com/9679ffb0-9e0b-4451-9916-e21992218054.jpg',\n        'https://wpimg.wallstcn.com/bcce3734-0837-4b9f-9261-351ef384f75a.jpg',\n        'https://wpimg.wallstcn.com/d1d7b033-d75e-4cd6-ae39-fcd5f1c0a7c5.jpg',\n        'https://wpimg.wallstcn.com/50530061-851b-4ca5-9dc5-2fead928a939.jpg'\n      ],\n      avatarPrefix,\n      carouselPrefix\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.user-activity {\n  .user-block {\n\n    .username,\n    .description {\n      display: block;\n      margin-left: 50px;\n      padding: 2px 0;\n    }\n\n    .username{\n      font-size: 16px;\n      color: #000;\n    }\n\n    :after {\n      clear: both;\n    }\n\n    .img-circle {\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n      float: left;\n    }\n\n    span {\n      font-weight: 500;\n      font-size: 12px;\n    }\n  }\n\n  .post {\n    font-size: 14px;\n    border-bottom: 1px solid #d2d6de;\n    margin-bottom: 15px;\n    padding-bottom: 15px;\n    color: #666;\n\n    .image {\n      width: 100%;\n      height: 100%;\n\n    }\n\n    .user-images {\n      padding-top: 20px;\n    }\n  }\n\n  .list-inline {\n    padding-left: 0;\n    margin-left: -5px;\n    list-style: none;\n\n    li {\n      display: inline-block;\n      padding-right: 5px;\n      padding-left: 5px;\n      font-size: 13px;\n    }\n\n    .link-black {\n\n      &:hover,\n      &:focus {\n        color: #999;\n      }\n    }\n  }\n\n}\n\n.box-center {\n  margin: 0 auto;\n  display: table;\n}\n\n.text-muted {\n  color: #777;\n}\n</style>\n"]}]}