diff --git a/README.md b/README.md index ca79b03..b791c05 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ -# 寻国记:poetry-ui(Vue2) +# poetry-ui(Vue2) ## 网站示例 -[寻国记:poetize.cn](https://poetize.cn) +[poetize.cn](https://poetize.cn) ## 技术栈 -前端技术:Vue2(博客系统),Vue3(聊天室系统),Element UI(Vue2),Element-Plus UI(Vue3),Naive UI(Vue3) +前端技术:Vue2(博客系统),Vue3(IM 聊天室系统),Element UI(Vue2),Element-Plus UI(Vue3),Naive UI(Vue3) 后端技术:Java,Spring Boot,spring-boot-starter-mail,Mysql,Mybatis-Plus,t-io,qiniu-java-sdk @@ -17,6 +17,15 @@ 本网站搭建于阿里云,采用前后端分离进行实现,两个前端项目通过Nginx代理。 +### 2023年1月1日更新 +- 新增:音乐盒功能 +- 新增:表白墙功能 +- 优化:文件管理 +- 优化:登录支持多端登录 +- 优化:登录权限过期时间重置 +- 优化:前端美化 +- 优化:留言分类与资源整合 + ### 首页 ![首页](首页.jpg) @@ -54,23 +63,32 @@ npm run build ``` ## 配置 -全局搜索:$$$$ +全局搜索:`$$$$` 替换成自己自定义的内容,因为Https无法跨域,这些内容需要用自己的。 - 博客:https://gitee.com/littledokey/poetize-vue2.git - 聊天室:https://gitee.com/littledokey/poetize-im-vue3.git - 后端:https://gitee.com/littledokey/poetize.git +- 部署文档:https://poetize.cn/article?id=26 + +### 重点事情说三遍 +`Star` + +`Star` + +`Star` + +一定要`Star` ## 欢迎进群 1. 交流(摸鱼) 2. 安装部署:互相帮助,争取每个人都零基础拥有自己的个人网站 3. 博客答疑:每段代码都是我自己写的,爱学习的小伙伴可以在这里提问,互相学习,互相进步 -4. 隐藏功能介绍:博客隐藏了很多功能,除了最重要的文章浏览,聊天室,还有朋友圈,网站后台基本信息管理,用户管理,评论管理,留言管理,友链管理,建群,加群,加好友等等等等 -5. 漏洞反馈:欢迎提交BUG -6. 迭代升级:呼声高的功能可能会采纳,能力有限,时间有限,欢迎创作。 +4. 漏洞反馈:欢迎提交BUG +5. 迭代升级:欢迎提好的创意 -群名片七天有效,如果需要请加作者好友,然后拉进交流群 +群名片七天有效,如果需要请加作者好友,然后拉进交流群(请按需加群,退群后删除好友) ![个人名片](Sara.jpg) diff --git a/src/assets/css/animation.css b/src/assets/css/animation.css index 8225420..5ef3988 100644 --- a/src/assets/css/animation.css +++ b/src/assets/css/animation.css @@ -128,6 +128,28 @@ } } +/* 放大 */ +@keyframes imgScale { + 0% { + transform: scale(0.8, 0.8); + } + + 70% { + transform: scale(1.3, 1.3); + } + + 100% { + transform: scale(0.8, 0.8); + } +} + +/* 渐变 */ +@keyframes jianBian { + to { + background-position: -2000rem; + } +} + /* 背景位置移动 */ @keyframes gradientBG { 0% { @@ -169,3 +191,21 @@ opacity: 1; } } + +/* 由左开向右 */ +@keyframes passing { + 0% { + transform: translateX(-150%); + opacity: 0 + } + + 50% { + transform: translateX(0); + opacity: 1 + } + + 100% { + transform: translateX(150%); + opacity: 0 + } +} diff --git a/src/assets/css/color.css b/src/assets/css/color.css index a6e6f5f..1379062 100644 --- a/src/assets/css/color.css +++ b/src/assets/css/color.css @@ -80,4 +80,5 @@ --bannerWave2: url(../file/bannerwave2.png) repeat-x; --verifyImage: url(../file/bg1.jpg); --toolbar: url(../file/bg.jpg); + --love: url(../file/bg.jpg); } diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 3a846bc..f128908 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -62,7 +62,7 @@ body { position: absolute; width: 100%; height: 100%; - background-color: var(--maxMask); + background-color: var(--translucent); content: ""; } @@ -209,7 +209,7 @@ body { } -.el-upload.el-upload--picture { +.el-upload.el-upload--picture, .el-upload.el-upload--text { width: 100%; } @@ -254,9 +254,37 @@ body { cursor: pointer; } +.el-tooltip__popper.is-light { + background: var(--lightGreen); + border-radius: 10px; + color: var(--white); + padding: 12px 20px; + letter-spacing: 1px; + font-weight: 600; + line-height: 1.5; + font-size: 1.2rem; + border: unset; +} + +.el-tooltip__popper .popper__arrow { + border-style: unset; +} + + +@media screen and (max-width: 800px) { + .el-dialog { + width: 70% !important; + } +} + +@media screen and (max-width: 600px) { + .el-dialog { + width: 80% !important; + } +} @media screen and (max-width: 400px) { .el-dialog { - width: 75% !important; + width: 90% !important; } } diff --git a/src/assets/file/like.svg b/src/assets/file/like.svg new file mode 100644 index 0000000..5f085e4 --- /dev/null +++ b/src/assets/file/like.svg @@ -0,0 +1,113 @@ + + + + + diff --git a/src/components/admin/commentList.vue b/src/components/admin/commentList.vue index b1b448c..38c621c 100644 --- a/src/components/admin/commentList.vue +++ b/src/components/admin/commentList.vue @@ -1,14 +1,19 @@