diff --git a/src/app/index.vue b/src/app/index.vue
index cdc4bce..6e84469 100644
--- a/src/app/index.vue
+++ b/src/app/index.vue
@@ -46,5 +46,5 @@ export default {
diff --git a/src/app/router.js b/src/app/router.js
index 073aefb..3b4ee46 100644
--- a/src/app/router.js
+++ b/src/app/router.js
@@ -3,6 +3,7 @@ import Router from 'vue-router'
import Index from 'pages/Index'
import Profile from 'pages/Profile'
import Discover from 'pages/Discover'
+import Album from 'pages/Album'
Vue.use(Router)
@@ -19,6 +20,10 @@ const router = new Router({
path: '/discover',
name: 'Discover',
component: Discover
+ }, {
+ path: '/album',
+ name: 'Album',
+ component: Album
}]
})
diff --git a/src/pages/Album/index.vue b/src/pages/Album/index.vue
new file mode 100644
index 0000000..34b9618
--- /dev/null
+++ b/src/pages/Album/index.vue
@@ -0,0 +1,13 @@
+
+
+ 专辑列表页
+
+
+
+
diff --git a/src/pages/Index/album.vue b/src/pages/Index/album.vue
new file mode 100644
index 0000000..2eb37ab
--- /dev/null
+++ b/src/pages/Index/album.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
{{ item.album_name }}
+
{{ item.singer_name }}
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/Index/index.vue b/src/pages/Index/index.vue
index 60e7981..2aae5fa 100644
--- a/src/pages/Index/index.vue
+++ b/src/pages/Index/index.vue
@@ -2,9 +2,7 @@
-
this is a test component.
-
{{ message }}
-
{{ counter }}
+
@@ -13,6 +11,7 @@
-
diff --git a/src/pages/Index/style.scss b/src/pages/Index/style.scss
index e69de29..60de77b 100644
--- a/src/pages/Index/style.scss
+++ b/src/pages/Index/style.scss
@@ -0,0 +1,45 @@
+.album-container {
+ margin-top: 20px;
+
+ .album-header {
+ height: 40px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 10px;
+ }
+ .link {
+ display: block;
+ width: 20px;
+ height: 20px;
+ background-color: #ccc;
+ }
+
+ .album-body {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ }
+
+ .album-item-box {
+ width: 33%;
+ margin-bottom: 20px;
+ }
+
+ .album-cover {
+ height: 100px;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ }
+ .info-mask {
+ padding-left: 10px;
+ font-size: 12px;
+ margin-top: 5px;
+ }
+
+ .album-name {
+ font-size: 14px;
+ color: #000;
+ }
+}
diff --git a/src/utils/request.js b/src/utils/request.js
index 42e57ea..8d6a0a9 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -40,16 +40,18 @@ const defaultConfig = {
year: 1,
pay: 0,
type: -1,
- company: -1
+ company: -1,
+ sort: 1
}
-export const getAlbumList = (options = defaultConfig) => {
+export const getAlbumList = (options) => {
+ options = { ...defaultConfig, ...options }
return jsonp(API.albumList, {
params: {
jsonpCallback: 'GetAlbumListJsonCallback',
cmd: options.cmd,
page: options.page,
pagesize: options.pagesize || 20,
- sort: 1,
+ sort: options.sort,
language: options.language,
genre: options.genre,
year: options.year,
diff --git "a/static/apis/albumList \344\270\223\350\276\221\345\210\227\350\241\250\350\216\267\345\217\226.md" "b/static/apis/albumList \344\270\223\350\276\221\345\210\227\350\241\250\350\216\267\345\217\226.md"
index f97f0a7..cfdad87 100644
--- "a/static/apis/albumList \344\270\223\350\276\221\345\210\227\350\241\250\350\216\267\345\217\226.md"
+++ "b/static/apis/albumList \344\270\223\350\276\221\345\210\227\350\241\250\350\216\267\345\217\226.md"
@@ -100,3 +100,8 @@ JSONP https://c.y.qq.com/v8/fcg-bin/album_library
2067: 林暐哲音乐
16800: NHN BUGS
1431: Genie Music
+
++ `sort` 排序
+
+ 1: 最新
+ 2: 最热