{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/account/center/page/Project.vue?vue&type=style&index=0&id=c0abc932&lang=less&scoped=true","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/account/center/page/Project.vue","mtime":1742646402775},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/css-loader/dist/cjs.js","mtime":1743264596127},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1743264597030},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/postcss-loader/src/index.js","mtime":1743264596321},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/less-loader/dist/cjs.js","mtime":1743264596730},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js","mtime":1743264596512}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5hbnQtcHJvLXBhZ2VzLWFjY291bnQtcHJvamVjdHMtY2FyZExpc3QgewogIG1hcmdpbi10b3A6IDI0cHg7CgogIDpkZWVwKC5hbnQtY2FyZC1tZXRhLXRpdGxlKSB7CiAgICBtYXJnaW4tYm90dG9tOiA0cHg7CiAgfQoKICA6ZGVlcCguYW50LWNhcmQtbWV0YS1kZXNjcmlwdGlvbikgewogICAgaGVpZ2h0OiA0NHB4OwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIGxpbmUtaGVpZ2h0OiAyMnB4OwogIH0KCiAgLmNhcmRJdGVtQ29udGVudCB7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgaGVpZ2h0OiAyMHB4OwogICAgbWFyZ2luLXRvcDogMTZweDsKICAgIG1hcmdpbi1ib3R0b206IC00cHg7CiAgICBsaW5lLWhlaWdodDogMjBweDsKCiAgICA+IHNwYW4gewogICAgICBmbGV4OiAxIDE7CiAgICAgIGNvbG9yOiByZ2JhKDAsMCwwLC40NSk7CiAgICAgIGZvbnQtc2l6ZTogMTJweDsKICAgIH0KCiAgICA6ZGVlcCguYW50LXByby1hdmF0YXItbGlzdCkgewogICAgICBmbGV4OiAwIDEgYXV0bzsKICAgIH0KICB9Cn0K"},{"version":3,"sources":["Project.vue"],"names":[],"mappings":";AAmHA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"Project.vue","sourceRoot":"src/views/account/center/page","sourcesContent":["<template>\n  <div class=\"ant-pro-pages-account-projects-cardList\">\n    <a-list :loading=\"loading\" :data-source=\"data\" :grid=\"{ gutter: 24, xxl: 3, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }\">\n      <a-list-item slot=\"renderItem\" slot-scope=\"item\">\n        <a-card class=\"ant-pro-pages-account-projects-card\" hoverable>\n          <img slot=\"cover\" :src=\"item.cover\" :alt=\"item.title\" />\n          <a-card-meta :title=\"item.title\">\n            <template slot=\"description\">\n              <ellipsis :length=\"50\">{{ item.description }}</ellipsis>\n            </template>\n          </a-card-meta>\n          <div class=\"cardItemContent\">\n            <span>{{ item.updatedAt | fromNow }}</span>\n            <div class=\"avatarList\">\n              <avatar-list size=\"small\">\n                <avatar-list-item\n                  v-for=\"(member, i) in item.members\"\n                  :key=\"`${item.id}-avatar-${i}`\"\n                  :src=\"member.avatar\"\n                  :tips=\"member.name\"\n                />\n              </avatar-list>\n            </div>\n          </div>\n        </a-card>\n      </a-list-item>\n    </a-list>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment'\n// import { TagSelect, StandardFormRow, Ellipsis, AvatarList } from '@/components'\n// import TagSelect from '../../components/TagSelect';\nimport TagSelect from '../../../../components/TagSelect';\nimport StandardFormRow from '../../../../components/StandardFormRow';\nimport Ellipsis from '../../../../components/Ellipsis';\nimport AvatarList from '../../../../components/AvatarList';\nconst TagSelectOption = TagSelect.Option\nconst AvatarListItem = AvatarList.Item\n\nexport default {\n  name: 'Project',\n  components: {\n    AvatarList,\n    AvatarListItem,\n    Ellipsis,\n    TagSelect,\n    TagSelectOption,\n    StandardFormRow\n  },\n  data () {\n    return {\n      data: [],\n      form: this.$form.createForm(this),\n      loading: true\n    }\n  },\n  filters: {\n    fromNow (date) {\n      return moment(date).fromNow()\n    }\n  },\n  mounted () {\n    this.getList()\n  },\n  methods: {\n    handleChange (value) {\n      console.log(`selected ${value}`)\n    },\n    getList () {\n      this.$http.get('/list/article', { params: { count: 8 } }).then(res => {\n        console.log('res', res)\n        this.data = res.result\n        this.loading = false\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .ant-pro-pages-account-projects-cardList {\n    margin-top: 24px;\n\n    :deep(.ant-card-meta-title) {\n      margin-bottom: 4px;\n    }\n\n    :deep(.ant-card-meta-description) {\n      height: 44px;\n      overflow: hidden;\n      line-height: 22px;\n    }\n\n    .cardItemContent {\n      display: flex;\n      height: 20px;\n      margin-top: 16px;\n      margin-bottom: -4px;\n      line-height: 20px;\n\n      > span {\n        flex: 1 1;\n        color: rgba(0,0,0,.45);\n        font-size: 12px;\n      }\n\n      :deep(.ant-pro-avatar-list) {\n        flex: 0 1 auto;\n      }\n    }\n  }\n</style>\n"]}]}