Compare commits

..

No commits in common. '638495607d1081789c8e197dcc682fa4247759ec' and 'dbd650217ffbf2952a6993c88aa47125e57bf70a' have entirely different histories.

  1. 1
      jeecgboot-vue3/.env.production
  2. 5
      jeecgboot-vue3/src/views/demo/main-home/components/NewsList/index.vue
  3. 12
      jeecgboot-vue3/src/views/demo/main-home/components/articleManagement/index.vue
  4. 19
      jeecgboot-vue3/src/views/demo/main-home/components/columnManagement/index.vue
  5. 12
      jeecgboot-vue3/src/views/demo/main-home/components/homePage/index.vue

@ -14,7 +14,6 @@ VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
#后台接口父地址(必填) #后台接口父地址(必填)
VITE_GLOB_API_URL=/kjj VITE_GLOB_API_URL=/kjj
VITE_GLOB_API_URL_CXQ=http://localhost:18088/jeecg-boot
#后台接口全路径地址(必填) #后台接口全路径地址(必填)
VITE_GLOB_DOMAIN_URL=http://182.92.169.222:8080/jeecg-boot VITE_GLOB_DOMAIN_URL=http://182.92.169.222:8080/jeecg-boot

@ -20,7 +20,7 @@
<div class="column-list"> <div class="column-list">
<div class="title">栏目列表</div> <div class="title">栏目列表</div>
<div class="list"> <div class="list">
<div :class="columnId === '0' ? 'item active' : 'item'" @click="getindexallarticleEvent">全部</div> <div class="item" @click="getindexallarticleEvent">全部</div>
<div :class="columnId === i.id ? 'item active' : 'item'" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div> <div :class="columnId === i.id ? 'item active' : 'item'" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div>
<!-- <div class="item">项目申报</div> <!-- <div class="item">项目申报</div>
<div class="item">新闻列表</div> --> <div class="item">新闻列表</div> -->
@ -84,9 +84,6 @@
} }
}; };
const getindexallarticleEvent = async () => { const getindexallarticleEvent = async () => {
columnId.value = '0';
console.log( columnId.value);
const res = await getindexallarticle(); const res = await getindexallarticle();
console.log(res); console.log(res);
newList.value = res.records; newList.value = res.records;

@ -20,8 +20,8 @@
<div class="column-list"> <div class="column-list">
<div class="title">栏目列表</div> <div class="title">栏目列表</div>
<div class="list"> <div class="list">
<div :class="columnId === '0' ? 'item active' : 'item'" @click="getindexallarticleEvent">全部</div> <div class="item" @click="getindexallarticleEvent">全部</div>
<div :class="columnId === i.id ? 'item active' : 'item'" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div> <div class="item" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div>
<!-- <div class="item">项目申报</div> <!-- <div class="item">项目申报</div>
<div class="item">新闻列表</div> --> <div class="item">新闻列表</div> -->
</div> </div>
@ -43,8 +43,6 @@
pageSize: 10, pageSize: 10,
pageNo: 1, pageNo: 1,
}); });
const columnId = ref('');
const newColumnList = ref([]); const newColumnList = ref([]);
const getindexcolumnEvent = async () => { const getindexcolumnEvent = async () => {
const res = await getindexcolumn(); const res = await getindexcolumn();
@ -65,6 +63,7 @@
newList.value = res.records; newList.value = res.records;
total.value = res.total; total.value = res.total;
}; };
const columnId = ref('');
const onChange = (page) => { const onChange = (page) => {
console.log(page); console.log(page);
page.pageNo = page; page.pageNo = page;
@ -75,7 +74,6 @@
} }
}; };
const getindexallarticleEvent = async () => { const getindexallarticleEvent = async () => {
columnId.value = '0';
const res = await getindexgzdt(); const res = await getindexgzdt();
console.log(res); console.log(res);
newList.value = res.records; newList.value = res.records;
@ -194,8 +192,8 @@
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
cursor: pointer; cursor: pointer;
} }
.active{ .item:hover {
color: #002e97 !important; color: #002e97;
} }
} }
} }

@ -20,9 +20,8 @@
<div class="column-list"> <div class="column-list">
<div class="title">栏目列表</div> <div class="title">栏目列表</div>
<div class="list"> <div class="list">
<div class="item" @click="getindexallarticleEvent">全部</div>
<div :class="columnId === '0' ? 'item active' : 'item'" @click="getindexallarticleEvent">全部</div> <div class="item" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div>
<div :class="columnId === i.id ? 'item active' : 'item'" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div>
<!-- <div class="item">项目申报</div> <!-- <div class="item">项目申报</div>
<div class="item">新闻列表</div> --> <div class="item">新闻列表</div> -->
</div> </div>
@ -44,8 +43,6 @@
pageSize: 10, pageSize: 10,
pageNo: 1, pageNo: 1,
}); });
const columnId = ref('');
const newColumnList = ref([]); const newColumnList = ref([]);
const getindexcolumnEvent = async () => { const getindexcolumnEvent = async () => {
const res = await getindexcolumn(); const res = await getindexcolumn();
@ -66,6 +63,7 @@
newList.value = res.records; newList.value = res.records;
total.value = res.total; total.value = res.total;
}; };
const columnId = ref('');
const onChange = (page) => { const onChange = (page) => {
console.log(page); console.log(page);
page.pageNo = page; page.pageNo = page;
@ -76,7 +74,6 @@
} }
}; };
const getindexallarticleEvent = async () => { const getindexallarticleEvent = async () => {
columnId.value = '0'
const res = await getindexnotice(); const res = await getindexnotice();
console.log(res); console.log(res);
newList.value = res.records; newList.value = res.records;
@ -115,7 +112,6 @@
border-bottom: 2px solid #ccc; border-bottom: 2px solid #ccc;
padding-bottom: 45px; padding-bottom: 45px;
margin-top: 40px; margin-top: 40px;
.left { .left {
width: 100px; width: 100px;
height: 100px; height: 100px;
@ -196,9 +192,9 @@
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
cursor: pointer; cursor: pointer;
} }
// .item:hover { .item:hover {
// color: #002e97; color: #002e97;
// } }
} }
} }
} }
@ -213,7 +209,4 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.active{
color: #002e97 !important;
}
</style> </style>

@ -525,13 +525,13 @@
color: #fff; color: #fff;
} }
:deep(:where(.css-dev-only-do-not-override-1hajlzy).ant-carousel .slick-dots) { :deep(:where(.css-dev-only-do-not-override-1hajlzy).ant-carousel .slick-dots) {
justify-content: end !important; justify-content: end;
bottom: 4px !important; bottom: 4px;
right: 5px !important; right: 5px;
} }
:deep(:where(.css-dev-only-do-not-override-1hajlzy).ant-carousel .slick-dots li button) { :deep(:where(.css-dev-only-do-not-override-1hajlzy).ant-carousel .slick-dots li button) {
width: 8px !important; width: 8px;
height: 8px !important; height: 8px;
border-radius: 50% !important; border-radius: 50%;
} }
</style> </style>

Loading…
Cancel
Save