作者 姚富强

Merge branch 'dev' of http://114.215.101.231:8099/yaofuqiang/ProfessionalCourseM…

…anagementSystem into dev
... ... @@ -15,10 +15,40 @@ const router = createRouter({
component: () => import('@/views/MyClass.vue')
},
{
path: 'address',
name: 'addressBook',
component: () => import('@/views/addressBook.vue')
},
{
path: 'manage',
name: 'classManage',
component: () => import('@/views/classManagement.vue')
},
{
path: 'disk',
name: 'disk',
component: () => import('@/views/Disk.vue')
},
{
path: 'news',
name: 'news',
component: () => import('@/views/News.vue')
},
{
path: 'note',
name: 'note',
component: () => import('@/views/Note.vue')
},
{
path: 'account',
name: 'account',
component: () => import('@/views/Account.vue')
}
},
{
path: 'home',
name: 'home',
component: () => import('@/views/Hone.vue')
},
]
},
{
... ...
... ... @@ -13,7 +13,7 @@ const showPopup = () => {
<div class="right">
<div class="biti">账号管理</div>
<div class="container">
<van-tabs v-model:active="active" line-width="0px">
<van-tabs v-model:active="active" line-width="0px" background="#f2f2f2">
<van-tab title="基本信息" class="box">
<div class="lie">
<div>姓名</div>
... ... @@ -120,7 +120,7 @@ const showPopup = () => {
</div>
</template>
<style lang="scss">
<style lang="scss" scoped>
.right {
background-color: #e5e5e5;
height: 535px;
... ...
... ... @@ -19,21 +19,42 @@ const activeNames = ref(['1'])
</div>
<div class="right">
<div class="two">XX班级</div>
<div class="box3">进行中</div>
<div class="box4">已结束</div>
<div>
<van-collapse v-model="activeNames">
<van-collapse-item title="进行中" name="1">
<div class="box5">
<div class="end" v-for="item in 8" :key="item">
<div class="notice">通知</div>
<div>签到</div>
</div>
</div>
</van-collapse-item>
<van-collapse-item title="已结束" name="2">
<div class="box5">
<div class="end" v-for="item in 8" :key="item">
<div class="notice">通知</div>
<div>签到</div>
</div>
</div>
</van-collapse-item>
</van-collapse>
</div>
<!-- <div class="box3">进行中</div>
<div class="box4">已结束</div>
<div class="box5">
<div class="end" v-for="item in 8" :key="item">
<div class="notice">通知</div>
<div>签到</div>
</div>
</div> -->
</div>
</div>
</div>
</template>
<style lang="scss">
<style lang="scss" scoped>
.counter {
background-color: #e5e5e5;
.box {
margin-top: 20px;
display: flex;
... ... @@ -129,7 +150,6 @@ const activeNames = ref(['1'])
border-radius: 8px;
}
}
}
}
}
... ...
<script setup>
import { ref } from "vue";
const text = ref('发送验证码')
</script>
<template>
<div class="about">
我是验证码
</div>
<div class="counter">
<div style="height: 7%;"></div>
<div class="popup">
<div class="title">验证码登录</div>
<div class="code">
<van-cell-group inset>
<!-- 手机号 -->
<van-field v-model="value" placeholder="187159***14" />
<!-- 验证码 -->
<van-field v-model="sms" center clearable placeholder="验证码">
<template #button>
<van-button
size="small"
color="#6170c3"
:text="text"
round="true"
@click="dbclick"
></van-button>
</template>
</van-field>
<!-- 底部按钮 -->
<van-button size="large" color="#6170c3" round="true">确认登录</van-button>
</van-cell-group>
</div>
</div>
</div>
</template>
<style>
</style>
\ No newline at end of file
<style lang="scss" scoped>
.counter {
height: 100vh;
background-color: #f2f2f2;
.popup {
margin: 50px auto;
width: 500px;
height: 390px;
background-color: #fff;
padding: 40px;
border-radius: 20px;
}
.title {
font-weight: 800;
}
.code {
margin-top: 60px;
.van-cell {
margin-bottom: 20px;
border: 1px solid #cacaca;
border-radius: 18px;
}
}
}
</style>
... ...
<script setup>
</script>
<template>
<div class="counter">
我是云盘
</div>
</template>
<style lang="scss" scoped>
</style>
\ No newline at end of file
... ...
<script setup></script>
<template>
<div class="counter">
<div class="ban">
<van-empty
image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png"
image-size="200"
description="欢迎访问课程评价管理系统"
/>
</div>
</div>
</template>
<style lang="scss" scoped>
.ban {
padding-top: 150px;
}
</style>
... ...
<script setup>
import Head from '@/components/head.vue'
import { ref } from 'vue'
const list = ref(['首页', '课程', '笔记', '消息', '云盘', '通讯录', '账号管理', '班级管理'])
const navigator = () => {}
import router from '@/router/index';
const list = ref([
{ path: '/home', name: '首页' },
{ path: '/', name: '课程' },
{ path: '/note', name: '笔记' },
{ path: '/news', name: '消息' },
{ path: '/disk', name: '云盘' },
{ path: '/address', name: '通讯录' },
{ path: '/account', name: '账号管理' },
{ path: '/manage', name: '班级管理' }
])
const navigator = (path) => {
console.log(path);
router.push(path)
}
</script>
<template>
... ... @@ -17,7 +31,7 @@ const navigator = () => {}
</div>
<div class="name">XXX</div>
<div class="cont">
<div class="li" v-for="item in list" :key="item" @click="navigator">{{ item }}</div>
<div class="li" v-for="item in list" :key="item" @click="navigator(item.path)">{{ item.name }}</div>
</div>
<div class="one"></div>
</div>
... ... @@ -29,7 +43,7 @@ const navigator = () => {}
</div>
</div>
</template>
<style lang="scss">
<style lang="scss" scoped>
.counter {
background-color: #f2f2f2;
.banner {
... ... @@ -38,10 +52,10 @@ const navigator = () => {}
.left {
position: relative;
margin: 40px 40px 0;
width: 25%;
width: 15%;
background-color: #6170c3;
color: #fff;
border-radius: 18px;
border-radius: 18px 18px 0 0;
.pic {
margin: 0 auto;
padding-top: 50px;
... ... @@ -66,11 +80,21 @@ const navigator = () => {}
padding-left: 30px;
box-sizing: border-box;
}
.li:hover {
background-color: #4d5cb6;
}
.active {
background-color: #4d5cb6;
}
}
.one {
background-color: pink;
}
}
.right {
width: 75%;
background-color: #f2f2f2;
}
}
}
</style>
... ...
... ... @@ -22,7 +22,7 @@ const onSubmit = (values) => {
:rules="[{ required: true, message: '请填写密码' }]" />
</van-cell-group>
<div style="margin: 16px">
<van-button round block type="primary" native-type="submit"> 登录 </van-button>
<van-button round block color="#6170c3" native-type="submit"> 登录 </van-button>
</div>
</van-form>
</div>
... ... @@ -44,7 +44,7 @@ const onSubmit = (values) => {
</div>
</template>
<style lang="scss">
<style lang="scss" scoped>
.counter {
width: 100%;
height: 100vh;
... ...
... ... @@ -22,6 +22,7 @@ const showPopup = () => {
</script>
<template>
<div class="counter">
<div class="box">
<div class="hed">
<div class="leftt">我的课程</div>
<div class="rightt">
... ... @@ -106,80 +107,20 @@ const showPopup = () => {
</div>
</template>
<style lang="scss">
<style lang="scss" scoped>
.counter {
width: 100%;
background-color: #f2f2f2;
.box{
button, select {
text-transform: none;
width: 150px;
}
.e{
display: flex;
margin-left: 400px;
.bt2{
margin-left: 60px;
color: #6170c3;
}
.bt1{
margin-left: 400px;
color:white ;
}
}
.q{
margin-left: 50px;
margin-right: 40px;
}
.w{
margin-right: 40px;
}
.h {
margin-top: 20px;
padding-left: 40px;
display: flex;
height: 30px;
line-height: 30px;
.pic{
margin-left: 40px;
}
img{
height: 120px;
width: 200px;
}
}
input {
margin-left: 40px;
height: 30px;
width: 600px;
}
.title {
font-weight: 800;
// text-align: center;
padding-left: 40px;
font-size: 30px;
margin-top: 60px;
}
.fenge {
margin-top: 5px;
border: #cdcccc 1px solid;
}
}
.ban {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 20px;
width: 95%;
.item {
margin: 40px;
margin: 30px 0;
}
.title {
... ... @@ -199,9 +140,9 @@ const showPopup = () => {
margin-top: 30px;
.n {
font-size: 8px;
font-size: 15px;
border-radius: 15px;
padding: 3px 10px;
padding: 10px 15px;
height: 20px;
line-height: 20px;
background-color: white;
... ...
<script setup>
</script>
<template>
<div class="counter">
我是消息
</div>
</template>
<style lang="scss" scoped>
</style>
\ No newline at end of file
... ...
<script setup>
</script>
<template>
<div class="counter">
我是笔记
</div>
</template>
<style lang="scss" scoped>
</style>
\ No newline at end of file
... ...
<script setup>
</script>
<template>
<div class="counter">
我是通讯录
</div>
</template>
<style lang="scss" scoped>
</style>
\ No newline at end of file
... ...
<script setup>
</script>
<template>
<div class="counter">
我是班级管理
</div>
</template>
<style lang="scss" scoped>
</style>
\ No newline at end of file
... ...