修改左侧导航栏, 添加歌单页面

src/type/list.ts

@@ -0,0 +1,147 @@
+export interface IList {
+  playlists: Playlist[];
+  code: number;
+  more: boolean;
+  lasttime: number;
+  total: number;
+}
+
+interface Playlist {
+  name: string;
+  id: number;
+  trackNumberUpdateTime: number;
+  status: number;
+  userId: number;
+  createTime: number;
+  updateTime: number;
+  subscribedCount: number;
+  trackCount: number;
+  cloudTrackCount: number;
+  coverImgUrl: string;
+  coverImgId: number;
+  description: string;
+  tags: string[];
+  playCount: number;
+  trackUpdateTime: number;
+  specialType: number;
+  totalDuration: number;
+  creator: Creator;
+  tracks?: any;
+  subscribers: Subscriber[];
+  subscribed: boolean;
+  commentThreadId: string;
+  newImported: boolean;
+  adType: number;
+  highQuality: boolean;
+  privacy: number;
+  ordered: boolean;
+  anonimous: boolean;
+  coverStatus: number;
+  recommendInfo?: any;
+  shareCount: number;
+  coverImgId_str?: string;
+  commentCount: number;
+  copywriter: string;
+  tag: string;
+}
+
+interface Subscriber {
+  defaultAvatar: boolean;
+  province: number;
+  authStatus: number;
+  followed: boolean;
+  avatarUrl: string;
+  accountStatus: number;
+  gender: number;
+  city: number;
+  birthday: number;
+  userId: number;
+  userType: number;
+  nickname: string;
+  signature: string;
+  description: string;
+  detailDescription: string;
+  avatarImgId: number;
+  backgroundImgId: number;
+  backgroundUrl: string;
+  authority: number;
+  mutual: boolean;
+  expertTags?: any;
+  experts?: any;
+  djStatus: number;
+  vipType: number;
+  remarkName?: any;
+  authenticationTypes: number;
+  avatarDetail?: any;
+  avatarImgIdStr: string;
+  backgroundImgIdStr: string;
+  anchor: boolean;
+  avatarImgId_str?: string;
+}
+
+interface Creator {
+  defaultAvatar: boolean;
+  province: number;
+  authStatus: number;
+  followed: boolean;
+  avatarUrl: string;
+  accountStatus: number;
+  gender: number;
+  city: number;
+  birthday: number;
+  userId: number;
+  userType: number;
+  nickname: string;
+  signature: string;
+  description: string;
+  detailDescription: string;
+  avatarImgId: number;
+  backgroundImgId: number;
+  backgroundUrl: string;
+  authority: number;
+  mutual: boolean;
+  expertTags?: string[];
+  experts?: Expert;
+  djStatus: number;
+  vipType: number;
+  remarkName?: any;
+  authenticationTypes: number;
+  avatarDetail?: AvatarDetail;
+  avatarImgIdStr: string;
+  backgroundImgIdStr: string;
+  anchor: boolean;
+  avatarImgId_str?: string;
+}
+
+interface AvatarDetail {
+  userType: number;
+  identityLevel: number;
+  identityIconUrl: string;
+}
+
+interface Expert {
+  "2": string;
+  "1"?: string;
+}
+
+// 推荐歌单
+export interface IRecommendList {
+  hasTaste: boolean;
+  code: number;
+  category: number;
+  result: IRecommendItem[];
+}
+
+export interface IRecommendItem {
+  id: number;
+  type: number;
+  name: string;
+  copywriter: string;
+  picUrl: string;
+  canDislike: boolean;
+  trackNumberUpdateTime: number;
+  playCount: number;
+  trackCount: number;
+  highQuality: boolean;
+  alg: string;
+}

src/type/listDetail.ts

@@ -0,0 +1,203 @@
+export interface IListDetail {
+  code: number;
+  relatedVideos?: any;
+  playlist: Playlist;
+  urls?: any;
+  privileges: Privilege[];
+  sharedPrivilege?: any;
+  resEntrance?: any;
+}
+
+interface Privilege {
+  id: number;
+  fee: number;
+  payed: number;
+  realPayed: number;
+  st: number;
+  pl: number;
+  dl: number;
+  sp: number;
+  cp: number;
+  subp: number;
+  cs: boolean;
+  maxbr: number;
+  fl: number;
+  pc?: any;
+  toast: boolean;
+  flag: number;
+  paidBigBang: boolean;
+  preSell: boolean;
+  playMaxbr: number;
+  downloadMaxbr: number;
+  rscl?: any;
+  freeTrialPrivilege: FreeTrialPrivilege;
+  chargeInfoList: ChargeInfoList[];
+}
+
+interface ChargeInfoList {
+  rate: number;
+  chargeUrl?: any;
+  chargeMessage?: any;
+  chargeType: number;
+}
+
+interface FreeTrialPrivilege {
+  resConsumable: boolean;
+  userConsumable: boolean;
+}
+
+interface Playlist {
+  id: number;
+  name: string;
+  coverImgId: number;
+  coverImgUrl: string;
+  coverImgId_str: string;
+  adType: number;
+  userId: number;
+  createTime: number;
+  status: number;
+  opRecommend: boolean;
+  highQuality: boolean;
+  newImported: boolean;
+  updateTime: number;
+  trackCount: number;
+  specialType: number;
+  privacy: number;
+  trackUpdateTime: number;
+  commentThreadId: string;
+  playCount: number;
+  trackNumberUpdateTime: number;
+  subscribedCount: number;
+  cloudTrackCount: number;
+  ordered: boolean;
+  description: string;
+  tags: string[];
+  updateFrequency?: any;
+  backgroundCoverId: number;
+  backgroundCoverUrl?: any;
+  titleImage: number;
+  titleImageUrl?: any;
+  englishTitle?: any;
+  officialPlaylistType?: any;
+  subscribers: Subscriber[];
+  subscribed: boolean;
+  creator: Subscriber;
+  tracks: Track[];
+  videoIds?: any;
+  videos?: any;
+  trackIds: TrackId[];
+  shareCount: number;
+  commentCount: number;
+  remixVideo?: any;
+  sharedUsers?: any;
+  historySharedUsers?: any;
+}
+
+interface TrackId {
+  id: number;
+  v: number;
+  t: number;
+  at: number;
+  alg?: any;
+  uid: number;
+  rcmdReason: string;
+}
+
+interface Track {
+  name: string;
+  id: number;
+  pst: number;
+  t: number;
+  ar: Ar[];
+  alia: string[];
+  pop: number;
+  st: number;
+  rt?: string;
+  fee: number;
+  v: number;
+  crbt?: any;
+  cf: string;
+  al: Al;
+  dt: number;
+  h: H;
+  m: H;
+  l?: H;
+  a?: any;
+  cd: string;
+  no: number;
+  rtUrl?: any;
+  ftype: number;
+  rtUrls: any[];
+  djId: number;
+  copyright: number;
+  s_id: number;
+  mark: number;
+  originCoverType: number;
+  originSongSimpleData?: any;
+  single: number;
+  noCopyrightRcmd?: any;
+  mst: number;
+  cp: number;
+  mv: number;
+  rtype: number;
+  rurl?: any;
+  publishTime: number;
+  tns?: string[];
+}
+
+interface H {
+  br: number;
+  fid: number;
+  size: number;
+  vd: number;
+}
+
+interface Al {
+  id: number;
+  name: string;
+  picUrl: string;
+  tns: any[];
+  pic_str?: string;
+  pic: number;
+}
+
+interface Ar {
+  id: number;
+  name: string;
+  tns: any[];
+  alias: any[];
+}
+
+interface Subscriber {
+  defaultAvatar: boolean;
+  province: number;
+  authStatus: number;
+  followed: boolean;
+  avatarUrl: string;
+  accountStatus: number;
+  gender: number;
+  city: number;
+  birthday: number;
+  userId: number;
+  userType: number;
+  nickname: string;
+  signature: string;
+  description: string;
+  detailDescription: string;
+  avatarImgId: number;
+  backgroundImgId: number;
+  backgroundUrl: string;
+  authority: number;
+  mutual: boolean;
+  expertTags?: any;
+  experts?: any;
+  djStatus: number;
+  vipType: number;
+  remarkName?: any;
+  authenticationTypes: number;
+  avatarDetail?: any;
+  backgroundImgIdStr: string;
+  anchor: boolean;
+  avatarImgIdStr: string;
+  avatarImgId_str: string;
+}