feat: 完成字典模块改造,前端完成首页界面

This commit is contained in:
橙子
2023-03-11 01:16:28 +08:00
parent fb5342594f
commit 9166fc50aa
46 changed files with 359 additions and 279 deletions

View File

@@ -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

View File

@@ -0,0 +1,25 @@
<template>
<div class="body-div">
<a>站长橙子</a>
<a>YiFramework意框架</a>
<a>关于本站&nbsp&nbsp&nbsp&nbsp建议反馈</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>

View File

@@ -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 = () => {

View File

@@ -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>

View File

@@ -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>