diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 5b4ba6f..030e71b 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -68,20 +68,50 @@ } } .activity-list li { - height: 90px; - margin: 0 40px; + display: flex; + justify-content: space-between; + align-items: center; + // height: 100px; + // margin: 0 40px; border-bottom: 1px solid #d9d9d9; font-size: 30px; line-height: 90px; padding: 0 20px; + img{ + display: block; + // width: 100px; + height: 90px; + margin-right: 20px; + } span.date { - float: right; + // float: right; + display: block; + padding-left: 10px; } .activity-title { + flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 282px); display: inline-block; } +} + +.imgTxt-list{ + li{ + padding: 10px 20px; + } +} + +.new-detial-info { + background: #ffffff; + width: 100%; + height: calc(100%); + padding: 20px; + overflow-y: auto; +} + +.new-menu-detial-info{ + height: calc(100% - 60px); } \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 0ae6e62..5018b37 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -54,12 +54,12 @@ const routes = [ // meta: { // title: '活动详情' // } + // // }, + // { + // path: '/menu', + // name: 'menu', + // component: () => import('@/views/menu.vue') // }, - { - path: '/menu', - name: 'menu', - component: () => import('@/views/menu.vue') - }, { path: '/imgTxtDetail', name: 'imgTxtDetail', diff --git a/src/store/column.js b/src/store/column.js index 8af6bf3..bb8c877 100644 --- a/src/store/column.js +++ b/src/store/column.js @@ -3,7 +3,12 @@ const state = { tabList: [], libcode: '', - selectMenuIndex: 0 + selectMenuIndex: 0, + pagination: { + currentPage: 0, + pageSize: 10, + totalItems: 0 + } } // mutations @@ -18,6 +23,16 @@ const mutations = { // 更新选中的菜单索引 setSelectMenuIndex(state, index) { state.selectMenuIndex = index + }, + resetPagination(state) { + state.pagination = { + currentPage: 0, + pageSize: 10, + totalItems: 0 + } + }, + updatePagination(state, payload) { + state.pagination = { ...state.pagination, ...payload } } } diff --git a/src/views/columnLayout copy.vue b/src/views/columnLayout copy.vue new file mode 100644 index 0000000..38b5e51 --- /dev/null +++ b/src/views/columnLayout copy.vue @@ -0,0 +1,92 @@ + + + + + diff --git a/src/views/columnLayout.vue b/src/views/columnLayout.vue index aa7d779..a2773c4 100644 --- a/src/views/columnLayout.vue +++ b/src/views/columnLayout.vue @@ -1,18 +1,29 @@