Commit dc23c3e9 by lijiabin

【需求 17679】 chore: 修改项目文件目录

parent 98d74b03
......@@ -45,7 +45,6 @@ export default defineComponent((_, { expose }) => {
model={form.value}
label-width="auto"
label-position="right"
size="small"
rules={rules}
>
<el-form-item label="标题" prop="title">
......
......@@ -69,7 +69,6 @@ export default defineComponent((_, { expose }) => {
return () => (
<div>
<el-form
size="small"
ref={formRef}
model={form.value}
label-width="auto"
......
......@@ -56,7 +56,8 @@
@visible-change="(val) => (isDropdownHover = val)"
>
<button
class="cursor-pointer w-24 h-9 text-black hover:text-black bg-[linear-gradient(to_right,#B3B8FD_0%,#7083FF_100%)] border-none hover:shadow-[0_1px_8px_0_rgba(95,0,237,0.25)] duration-200 flex-1 text-xs sm:text-sm rounded-xl group"
class="cursor-pointer w-24 h-9 text-black hover:text-black bg-[linear-gradient(to_right,#B3B8FD_0%,#7083FF_100%)] border-none duration-200 flex-1 text-xs sm:text-sm rounded-xl group"
:class="{ 'shadow-[0_1px_8px_0_rgba(95,0,237,0.25)]': isDropdownHover }"
>
<img
class="h-7 w-7 transition-transform duration-300 ease-in-out"
......@@ -82,7 +83,7 @@
<div class="container max-h-none px-20 lg:px-20 2xl:px-30 transition-all duration-300">
<router-view v-slot="{ Component, route }">
<transition name="fade" mode="out-in">
<!-- 注释不能放到keep-alive下面 route是最终的路由信息 Component是当前n级路由的组件 二级路由 MainContainer videoDetail -->
<!-- 注释不能放到keep-alive下面 route是最终的路由信息 Component是当前n级路由的组件 二级路由 homePage videoDetail -->
<keep-alive>
<component :is="Component" :key="getSecondLevelKey(route)" />
</keep-alive>
......@@ -93,9 +94,6 @@
</div>
<OnlineTime />
<PublishDialog ref="PublishDialogRef" />
<!-- <el-dialog v-model="show" title="11">
<div>1111111111111111</div>
</el-dialog> -->
</template>
<script setup lang="tsx" name="CultureLayout">
......@@ -117,7 +115,7 @@ const PublishDialogRef = useTemplateRef<InstanceType<typeof PublishDialog>>('Pub
// 获取二级路由的 key
const getSecondLevelKey = (route: RouteLocationNormalizedLoadedGeneric) => {
// 取第一级作为key mainContainer
// 取第一级作为key homePage
const pathSegments = route.path.split('/').filter(Boolean)
// console.log(route)
// console.log(pathSegments)
......
......@@ -4,59 +4,6 @@
<el-carousel height="410px" class="shadow-lg rounded-lg">
<el-carousel-item v-for="(item, index) in carouselList" :key="index">
<el-image :src="item.assetUrl" class="w-full h-full object-cover" />
<!-- 背景遮罩 -->
<!-- <div
class="absolute inset-0 bg-gradient-to-r from-black/20 via-transparent to-white/80"
></div>
<div class="relative h-full flex items-center">
<div class="w-1/2 h-full flex items-center justify-center p-8">
<img
:src="item.assetUrl"
:alt="item.title"
class="max-w-full max-h-full object-contain drop-shadow-2xl"
/>
</div>
<div class="w-1/2 pr-12 py-8">
<div class="mb-6">
<div class="flex items-center gap-2 mb-3">
<span class="text-orange-500 text-lg">🚀</span>
<span class="text-purple-600 text-lg">🎯</span>
<span class="text-sm font-medium text-gray-700">{{ item.type }}</span>
</div>
<h2 class="text-2xl font-bold text-gray-900 mb-4 leading-tight">
{{ item.url }}
</h2>
</div>
<div class="mb-8">
<div class="flex items-start gap-2 mb-3">
<span class="text-green-500 text-sm mt-1">🌿</span>
<p class="text-gray-700 leading-relaxed text-sm">
{{ item.url }}
</p>
</div>
<div class="text-xs text-gray-500 leading-relaxed pl-5">
{{ item.url }}
</div>
</div>
<div class="flex items-center justify-between">
<el-button
type="success"
size="large"
round
class="px-8 py-3 shadow-lg hover:shadow-xl transition-all"
>
<i class="mr-2">👀</i>
{{ item.url }}
</el-button>
</div>
</div>
</div> -->
</el-carousel-item>
</el-carousel>
</div>
......@@ -144,13 +91,14 @@
<div class="w-1 h-4 bg-gradient-to-b from-blue-500 to-purple-500 rounded-full"></div>
<h1 class="text-sm sm:text-base font-bold">YAYA案例库</h1>
</div>
<p class="text-xs sm:text-sm mb-4 line-clamp-3 leading-relaxed text-gray-600">
案例库案例库案例库案例库案例库案例库案例库案例库案例库案例库案例库案例库案例库案例库案例库
<p class="text-xs sm:text-sm mb-4 line-clamp-3 leading-relaxed">
分享您在工作或文化践行中的优秀案例,公开有奖,有机会收录至内部经验库,沉淀经验,赋能组织成长。
</p>
<div class="flex justify-center items-center">
<el-button
class="bg-[linear-gradient(to_right,#A3EADC_0%,#7BE0BD_100%)] shadow-[0_1px_4px_0_rgba(168,225,210,1)] border-none hover:-translate-y-1 transition-all duration-200 text-xs sm:text-sm"
type="primary"
@click="openPostCaseDialog"
>
<svg-icon name="submit" size="30" class="mr-2" />
<span class="text-black text-xs sm:text-sm">去投稿</span>
......@@ -266,9 +214,9 @@ const carouselList = ref<CarouselItemDto[]>([])
const tabsRef = useTemplateRef('tabsRef')
const tabs = [
{ name: '首页', path: 'deshboard', img: front, svg: 'home' },
{ name: 'YA文化', path: 'ya', img: ya, svg: 'ya_culture' },
{ name: '问吧', path: 'ask', img: ask, svg: 'ask' },
{ name: '首页', path: 'homeTab', img: front, svg: 'home' },
{ name: 'YA文化', path: 'yaTab', img: ya, svg: 'ya_culture' },
{ name: '问吧', path: 'askTab', img: ask, svg: 'ask' },
]
const activeTab = ref(
......@@ -290,7 +238,8 @@ const currentTask = ref(TaskTypeEnum.REGULAR_TASK)
const toggleTab = (tab: { name: string; path: string }) => {
activeTab.value = tab.name
router.push(`/mainContainer/${tab.path}`)
console.log(tab.path)
router.push(`/homePage/${tab.path}`)
}
const getThirdLevelKey = (route: RouteLocationNormalizedLoadedGeneric) => {
......@@ -311,12 +260,16 @@ const onDailySign = async () => {
await dailySign()
}
const openPostCaseDialog = () => {
console.log('openPostCaseDialog')
}
provide(TABS_REF_KEY, tabsRef)
onMounted(async () => {
const { data } = await getCarouselList()
carouselList.value = data
})
provide(TABS_REF_KEY, tabsRef)
</script>
<style lang="scss" scoped>
.main-container {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment