feat: 完成字典模块改造,前端完成首页界面
This commit is contained in:
@@ -23,8 +23,7 @@
|
||||
import { onMounted } from 'vue';
|
||||
|
||||
const props = defineProps(['size', 'src','showWatching','time'])
|
||||
onMounted(()=>{
|
||||
console.log(props.time,"props.time");})
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.mt_1
|
||||
|
||||
25
Yi.BBS.Vue3/src/components/BottomInfo.vue
Normal file
25
Yi.BBS.Vue3/src/components/BottomInfo.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<div class="body-div">
|
||||
<a>站长:橙子</a>
|
||||
<a>YiFramework意框架</a>
|
||||
<a>关于本站    建议反馈</a>
|
||||
<a>2023 <span style="color: #40a9ff ;">意社区</span> | 赣ICP备xxxxxx号-4</a>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
</script>
|
||||
<style scoped>
|
||||
a{
|
||||
display: block;
|
||||
}
|
||||
a:hover {
|
||||
color: #40a9ff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.body-div
|
||||
{
|
||||
background: transparent;
|
||||
color: rgba(0,0,0,.45);
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
@@ -7,14 +7,13 @@
|
||||
|
||||
|
||||
|
||||
<div class=" item item-title "> <el-link size="100" :underline="false" @click="enterDiscuss">Alibaba Java
|
||||
技术图谱</el-link></div>
|
||||
<div class=" item item-description">一个适合新手的Java学习平台</div>
|
||||
<div class=" item item-title "> <el-link size="100" :underline="false" @click="enterDiscuss">{{props.title}}</el-link></div>
|
||||
<div class=" item item-description">{{props.introduction}}</div>
|
||||
<div class=" item item-tag"><el-tag v-for="i in 4" :key="i">教程</el-tag></div>
|
||||
<div class=" item item-bottom">
|
||||
<el-space :size="10" :spacer="spacer">
|
||||
<div class="item-description">
|
||||
2022-12-26 15:01:35
|
||||
{{ props.createTime }}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -35,6 +34,9 @@
|
||||
import { h, ref } from 'vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import AvatarInfo from './AvatarInfo.vue';
|
||||
|
||||
const props = defineProps(['title','introduction','createTime'])
|
||||
|
||||
const router = useRouter()
|
||||
const spacer = h(ElDivider, { direction: 'vertical' })
|
||||
const enterDiscuss = () => {
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
:subfield="subfield"
|
||||
:codeStyle="props.codeStyle"
|
||||
:ishljs="true"
|
||||
:style="{minHeight:props.height,maxHeight:'50rem'}"
|
||||
:style="{minHeight:props.height,maxHeight:'100%'}"
|
||||
class="edit"
|
||||
@change="change"
|
||||
></mavon-editor>
|
||||
|
||||
@@ -8,9 +8,9 @@
|
||||
class="image"
|
||||
/>
|
||||
<div style="padding: 14px">
|
||||
<span>学习教程</span>
|
||||
<span>{{props.name}}</span>
|
||||
<div class="bottom">
|
||||
<time class="remarks">{{ remarks }}</time>
|
||||
<time class="remarks">{{ props.introduction }}</time>
|
||||
<RouterLink to="/discuss"> <el-button text class="button" type="primary">进入<el-icon><CaretRight /></el-icon></el-button> </RouterLink>
|
||||
</div>
|
||||
</div>
|
||||
@@ -19,10 +19,8 @@
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { ref } from 'vue'
|
||||
|
||||
const remarks = "关于学习的教程"
|
||||
<script setup>
|
||||
const props = defineProps(['name','introduction'])
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
Reference in New Issue
Block a user