A1300399510/PC-vote
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510 2024-01-12 19:12:30 +08:00
commit 6a7d5f221e
67 changed files with 14829 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
.gitignore vendored Normal file
View File

@ -0,0 +1,24 @@
# Nuxt dev/build outputs
.output
.data
.nuxt
.nitro
.cache
dist
# Node dependencies
node_modules
# Logs
logs
*.log
# Misc
.DS_Store
.fleet
.idea
# Local env files
.env
.env.*
!.env.example

75
README.md Normal file
View File

@ -0,0 +1,75 @@
# Nuxt 3 Minimal Starter
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
## Setup
Make sure to install the dependencies:
```bash
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
```
## Development Server
Start the development server on `http://localhost:3000`:
```bash
# npm
npm run dev
# pnpm
pnpm run dev
# yarn
yarn dev
# bun
bun run dev
```
## Production
Build the application for production:
```bash
# npm
npm run build
# pnpm
pnpm run build
# yarn
yarn build
# bun
bun run build
```
Locally preview production build:
```bash
# npm
npm run preview
# pnpm
pnpm run preview
# yarn
yarn preview
# bun
bun run preview
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

174
app.vue Normal file
View File

@ -0,0 +1,174 @@
<template>
<div>
<RouterView></RouterView>
<!-- <NuxtWelcome /> -->
</div>
</template>
<script setup>
const route = useRoute()
// 是否是 生产环境
const isProduction = import.meta.env.NODE_ENV === "production"
onMounted(() => {
isNeedLogin.value = false
// if (!isProduction) isNeedLogin.value = false
// else determineIsLogin()
})
let isNeedLogin = ref(true) // 是否需要登录状态
// 判断是否登录状态
const determineIsLogin = () => {
let count = 0
let timer = setInterval(() => {
if (Object.keys(window["userInfoWin"]).length !== 0) {
clearInterval(timer)
if (window["userInfoWin"]["uid"]) isNeedLogin.value = false
}
count++
if (count >= 10) clearInterval(timer)
}, 100)
}
// 跳转登录
const goLogin = () => {
if (typeof window === "undefined") return
if (window["userInfoWin"] && Object.keys(window["userInfoWin"]).length !== 0) {
if (window["userInfoWin"]["uid"]) isNeedLogin.value = false
else ajax_login()
} else ajax_login()
}
provide("isNeedLogin", isNeedLogin)
provide("goLogin", goLogin)
</script>
<style lang="less">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
}
.flexflex {
display: flex;
}
.flex1 {
flex: 1;
}
.flexcenter {
display: flex;
justify-content: center;
align-items: center;
}
.flexacenter {
display: flex;
align-items: center;
}
.flexjcenter {
display: flex;
justify-content: center;
}
/* // 一行显示 */
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body {
background-color: rgba(238, 242, 245, 1);
}
a {
text-decoration: none !important;
}
/* Webkit浏览器（Chrome、Safari等） */
*::-webkit-scrollbar {
width: 8px;
background-color: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: #d7d7d7;
border-radius: 4px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: #666;
}
/* Firefox浏览器 */
/* 注意：Firefox浏览器不支持修改滚动条的宽度 */
/* 若要修改滚动条的宽度，可以使用一些特殊的插件或者自定义滚动条的替代方案 */
/* 以下代码只是修改滚动条的颜色和背景色 */
* {
scrollbar-width: thin;
scrollbar-color: #d7d7d7 transparent;
}
*::-moz-scrollbar-thumb {
background-color: #d7d7d7;
}
*::-moz-scrollbar-thumb:hover {
background-color: #666;
}
header.page-header .box .tab-list .item.pitch {
color: #72db86 !important;
}
header.page-header .box .tab-list .item.pitch:after {
background-color: #72db86 !important;
}
.avatar-box {
flex-direction: column;
height: 101px;
background-color: rgba(244, 248, 255, 1);
border: 1px solid rgba(220, 224, 234, 1);
border-radius: 10px;
z-index: 100;
.avatar-mask {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
cursor: auto;
}
.avatar-item {
font-size: 14px;
color: #333;
height: 50px;
cursor: pointer;
&:not(:last-of-type) {
border-bottom: 1px dotted #d7d7d7;
}
}
.avatar-icon {
width: 16px;
height: 16px;
margin-right: 5px;
}
}
.el-popover.el-popper.avatar-box-popper {
min-width: 140px;
padding: 0;
border-radius: 10px;
border: none;
}
</style>

6
assets/img/QR-code-icon.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -1500 -25 )">
<path d="M 3.63636363636364 14.5454545454545 L 5.45454545454545 14.5454545454545 L 5.45454545454545 16.3636363636364 L 3.63636363636364 16.3636363636364 L 3.63636363636364 14.5454545454545 Z M 3.63636363636364 3.63636363636364 L 5.45454545454545 3.63636363636364 L 5.45454545454545 5.45454545454545 L 3.63636363636364 5.45454545454545 L 3.63636363636364 3.63636363636364 Z M 14.5454545454545 3.63636363636364 L 16.3636363636364 3.63636363636364 L 16.3636363636364 5.45454545454545 L 14.5454545454545 5.45454545454545 L 14.5454545454545 3.63636363636364 Z M 1.81818181818182 12.7272727272727 L 1.81818181818182 18.1676136363636 L 7.27272727272727 18.1676136363636 L 7.27272727272727 12.7272727272727 L 1.81818181818182 12.7272727272727 Z M 1.81818181818182 1.81818181818182 L 1.81818181818182 7.27272727272727 L 7.27272727272727 7.27272727272727 L 7.27272727272727 1.81818181818182 L 1.81818181818182 1.81818181818182 Z M 12.7272727272727 1.81818181818182 L 12.7272727272727 7.27272727272727 L 18.1818181818182 7.27272727272727 L 18.1818181818182 1.81818181818182 L 12.7272727272727 1.81818181818182 Z M 0 10.9090909090909 L 9.09090909090909 10.9090909090909 L 9.09090909090909 20 L 0 20 L 0 10.9090909090909 Z M 14.5454545454545 18.1818181818182 L 16.3636363636364 18.1818181818182 L 16.3636363636364 20 L 14.5454545454545 20 L 14.5454545454545 18.1818181818182 Z M 18.1818181818182 18.1818181818182 L 20 18.1818181818182 L 20 20 L 18.1818181818182 20 L 18.1818181818182 18.1818181818182 Z M 18.1818181818182 10.9090909090909 L 20 10.9090909090909 L 20 16.3636363636364 L 14.5454545454545 16.3636363636364 L 14.5454545454545 14.5454545454545 L 12.7272727272727 14.5454545454545 L 12.7272727272727 20 L 10.9090909090909 20 L 10.9090909090909 10.9090909090909 L 16.3636363636364 10.9090909090909 L 16.3636363636364 12.7272727272727 L 18.1818181818182 12.7272727272727 L 18.1818181818182 10.9090909090909 Z M 0 0 L 9.09090909090909 0 L 9.09090909090909 9.09090909090909 L 0 9.09090909090909 L 0 0 Z M 10.9090909090909 0 L 20 0 L 20 9.09090909090909 L 10.9090909090909 9.09090909090909 L 10.9090909090909 0 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 1500 25 )" />
</g>
</svg>

13
assets/img/add-bj.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="130px" height="32px" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient cx="1585" cy="111.066666666665" r="188.8" gradientTransform="matrix(-0.937500000000005 2.86023558886481E-15 -3.05091796145579E-15 -1 3070.93750000001 222.133333333325 )" gradientUnits="userSpaceOnUse" id="RadialGradient853">
<stop id="Stop854" stop-color="#68d2f4" offset="0" />
<stop id="Stop855" stop-color="#8ee88c" offset="0.51" />
<stop id="Stop856" stop-color="#8892f0" offset="1" />
</radialGradient>
</defs>
<g transform="matrix(1 0 0 1 -1430 -94 )">
<path d="M 1430 99 A 5 5 0 0 1 1435 94 L 1555 94 A 5 5 0 0 1 1560 99 L 1560 121 A 5 5 0 0 1 1555 126 L 1435 126 A 5 5 0 0 1 1430 121 L 1430 99 Z " fill-rule="nonzero" fill="url(#RadialGradient853)" stroke="none" />
</g>
</svg>

6
assets/img/add-green-icon.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -1211 -409 )">
<path d="M 10.91015625 7.99348958333333 C 11.0256076388889 7.87803819444444 11.0833333333333 7.74131944444444 11.0833333333333 7.58333333333333 L 11.0833333333333 6.41666666666667 C 11.0833333333333 6.25868055555555 11.0256076388889 6.12196180555555 10.91015625 6.00651041666667 C 10.7947048611111 5.89105902777778 10.6579861111111 5.83333333333333 10.5 5.83333333333333 L 8.16666666666667 5.83333333333333 L 8.16666666666667 3.5 C 8.16666666666667 3.34201388888889 8.10894097222222 3.20529513888889 7.99348958333333 3.08984375 C 7.87803819444445 2.97439236111111 7.74131944444445 2.91666666666667 7.58333333333333 2.91666666666667 L 6.41666666666667 2.91666666666667 C 6.25868055555556 2.91666666666667 6.12196180555556 2.97439236111111 6.00651041666667 3.08984375 C 5.89105902777778 3.20529513888889 5.83333333333333 3.34201388888889 5.83333333333333 3.5 L 5.83333333333333 5.83333333333333 L 3.5 5.83333333333333 C 3.34201388888889 5.83333333333333 3.20529513888889 5.89105902777778 3.08984375 6.00651041666667 C 2.97439236111111 6.12196180555555 2.91666666666667 6.25868055555555 2.91666666666667 6.41666666666667 L 2.91666666666667 7.58333333333333 C 2.91666666666667 7.74131944444444 2.97439236111111 7.87803819444444 3.08984375 7.99348958333333 C 3.20529513888889 8.10894097222222 3.34201388888889 8.16666666666667 3.5 8.16666666666667 L 5.83333333333333 8.16666666666667 L 5.83333333333333 10.5 C 5.83333333333333 10.6579861111111 5.89105902777778 10.7947048611111 6.00651041666667 10.91015625 C 6.12196180555556 11.0256076388889 6.25868055555556 11.0833333333333 6.41666666666667 11.0833333333333 L 7.58333333333333 11.0833333333333 C 7.74131944444445 11.0833333333333 7.87803819444445 11.0256076388889 7.99348958333333 10.91015625 C 8.10894097222222 10.7947048611111 8.16666666666667 10.6579861111111 8.16666666666667 10.5 L 8.16666666666667 8.16666666666667 L 10.5 8.16666666666667 C 10.6579861111111 8.16666666666667 10.7947048611111 8.10894097222222 10.91015625 7.99348958333333 Z M 13.0611979166667 3.486328125 C 13.6870659722222 4.55881076388889 14 5.73003472222222 14 7 C 14 8.26996527777778 13.6870659722222 9.44118923611111 13.0611979166667 10.513671875 C 12.4353298611111 11.5861545138889 11.5861545138889 12.4353298611111 10.513671875 13.0611979166667 C 9.44118923611111 13.6870659722222 8.26996527777778 14 7 14 C 5.73003472222222 14 4.55881076388889 13.6870659722222 3.486328125 13.0611979166667 C 2.41384548611111 12.4353298611111 1.56467013888889 11.5861545138889 0.938802083333333 10.513671875 C 0.312934027777778 9.44118923611111 0 8.26996527777778 0 7 C 0 5.73003472222222 0.312934027777778 4.55881076388889 0.938802083333333 3.486328125 C 1.56467013888889 2.41384548611111 2.41384548611111 1.56467013888889 3.486328125 0.938802083333333 C 4.55881076388889 0.312934027777777 5.73003472222222 0 7 0 C 8.26996527777778 0 9.44118923611111 0.312934027777777 10.513671875 0.938802083333333 C 11.5861545138889 1.56467013888889 12.4353298611111 2.41384548611111 13.0611979166667 3.486328125 Z " fill-rule="nonzero" fill="#72db86" stroke="none" transform="matrix(1 0 0 1 1211 409 )" />
</g>
</svg>

6
assets/img/add-icon.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -1460 -103 )">
<path d="M 10.91015625 7.99348958333333 C 11.0256076388889 7.87803819444444 11.0833333333333 7.74131944444444 11.0833333333333 7.58333333333333 L 11.0833333333333 6.41666666666667 C 11.0833333333333 6.25868055555555 11.0256076388889 6.12196180555555 10.91015625 6.00651041666667 C 10.7947048611111 5.89105902777778 10.6579861111111 5.83333333333333 10.5 5.83333333333333 L 8.16666666666667 5.83333333333333 L 8.16666666666667 3.5 C 8.16666666666667 3.34201388888889 8.10894097222222 3.20529513888889 7.99348958333333 3.08984375 C 7.87803819444445 2.97439236111111 7.74131944444445 2.91666666666667 7.58333333333333 2.91666666666667 L 6.41666666666667 2.91666666666667 C 6.25868055555556 2.91666666666667 6.12196180555556 2.97439236111111 6.00651041666667 3.08984375 C 5.89105902777778 3.20529513888889 5.83333333333333 3.34201388888889 5.83333333333333 3.5 L 5.83333333333333 5.83333333333333 L 3.5 5.83333333333333 C 3.34201388888889 5.83333333333333 3.20529513888889 5.89105902777778 3.08984375 6.00651041666667 C 2.97439236111111 6.12196180555555 2.91666666666667 6.25868055555555 2.91666666666667 6.41666666666667 L 2.91666666666667 7.58333333333333 C 2.91666666666667 7.74131944444444 2.97439236111111 7.87803819444444 3.08984375 7.99348958333333 C 3.20529513888889 8.10894097222222 3.34201388888889 8.16666666666667 3.5 8.16666666666667 L 5.83333333333333 8.16666666666667 L 5.83333333333333 10.5 C 5.83333333333333 10.6579861111111 5.89105902777778 10.7947048611111 6.00651041666667 10.91015625 C 6.12196180555556 11.0256076388889 6.25868055555556 11.0833333333333 6.41666666666667 11.0833333333333 L 7.58333333333333 11.0833333333333 C 7.74131944444445 11.0833333333333 7.87803819444445 11.0256076388889 7.99348958333333 10.91015625 C 8.10894097222222 10.7947048611111 8.16666666666667 10.6579861111111 8.16666666666667 10.5 L 8.16666666666667 8.16666666666667 L 10.5 8.16666666666667 C 10.6579861111111 8.16666666666667 10.7947048611111 8.10894097222222 10.91015625 7.99348958333333 Z M 13.0611979166667 3.486328125 C 13.6870659722222 4.55881076388889 14 5.73003472222222 14 7 C 14 8.26996527777778 13.6870659722222 9.44118923611111 13.0611979166667 10.513671875 C 12.4353298611111 11.5861545138889 11.5861545138889 12.4353298611111 10.513671875 13.0611979166667 C 9.44118923611111 13.6870659722222 8.26996527777778 14 7 14 C 5.73003472222222 14 4.55881076388889 13.6870659722222 3.486328125 13.0611979166667 C 2.41384548611111 12.4353298611111 1.56467013888889 11.5861545138889 0.938802083333333 10.513671875 C 0.312934027777778 9.44118923611111 0 8.26996527777778 0 7 C 0 5.73003472222222 0.312934027777778 4.55881076388889 0.938802083333333 3.486328125 C 1.56467013888889 2.41384548611111 2.41384548611111 1.56467013888889 3.486328125 0.938802083333333 C 4.55881076388889 0.312934027777777 5.73003472222222 0 7 0 C 8.26996527777778 0 9.44118923611111 0.312934027777777 10.513671875 0.938802083333333 C 11.5861545138889 1.56467013888889 12.4353298611111 2.41384548611111 13.0611979166667 3.486328125 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 1460 103 )" />
</g>
</svg>

6
assets/img/arrow-black.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -818 -212 )">
<path d="M 8.90981963927856 0.515463917525773 C 8.96993987975952 0.572737686139747 9 0.638602520045818 9 0.713058419243986 C 9 0.787514318442153 8.96993987975952 0.853379152348224 8.90981963927856 0.910652920962199 L 4.70741482965932 4.91408934707904 C 4.64729458917836 4.97136311569301 4.57815631262525 5 4.5 5 C 4.42184368737475 5 4.35270541082164 4.97136311569301 4.29258517034068 4.91408934707904 L 0.0901803607214429 0.910652920962199 C 0.030060120240481 0.853379152348224 0 0.787514318442153 0 0.713058419243986 C 0 0.638602520045818 0.030060120240481 0.572737686139747 0.0901803607214429 0.515463917525773 L 0.541082164328657 0.0859106529209624 C 0.601202404809619 0.0286368843069867 0.670340681362726 0 0.748496993987976 0 C 0.826653306613227 0 0.895791583166333 0.0286368843069867 0.955911823647295 0.0859106529209624 L 4.5 3.46219931271478 L 8.04408817635271 0.0859106529209624 C 8.10420841683367 0.0286368843069867 8.17334669338677 0 8.25150300601202 0 C 8.32965931863728 0 8.39879759519038 0.0286368843069867 8.45891783567134 0.0859106529209624 L 8.90981963927856 0.515463917525773 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 818 212 )" />
</g>
</svg>

BIN
assets/img/arrow-circular-gray.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
assets/img/arrow-gray.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

6
assets/img/arrow-gray.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="5px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -33 -8 )">
<path d="M 7.91983967935872 0.515463917525773 C 7.97327989311957 0.572737686139747 8 0.638602520045818 8 0.713058419243986 C 8 0.787514318442153 7.97327989311957 0.853379152348224 7.91983967935872 0.910652920962199 L 4.18436873747495 4.91408934707904 C 4.1309285237141 4.97136311569301 4.06947227788911 5 4 5 C 3.93052772211089 5 3.86907147628591 4.97136311569301 3.81563126252505 4.91408934707904 L 0.0801603206412826 0.910652920962199 C 0.0267201068804276 0.853379152348224 0 0.787514318442153 0 0.713058419243986 C 0 0.638602520045818 0.0267201068804276 0.572737686139747 0.0801603206412826 0.515463917525773 L 0.480961923847695 0.0859106529209624 C 0.534402137608551 0.0286368843069867 0.595858383433534 0 0.665330661322645 0 C 0.734802939211757 0 0.79625918503674 0.0286368843069867 0.849699398797595 0.0859106529209624 L 4 3.46219931271478 L 7.1503006012024 0.0859106529209624 C 7.20374081496326 0.0286368843069867 7.26519706078824 0 7.33466933867735 0 C 7.40414161656647 0 7.46559786239145 0.0286368843069867 7.51903807615231 0.0859106529209624 L 7.91983967935872 0.515463917525773 Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 33 8 )" />
</g>
</svg>

BIN
assets/img/arrows-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 934 B

6
assets/img/calendar-icon.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="16px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -815 -411 )">
<path d="M 1.15384615384615 6 L 1.15384615384615 14.8571428571429 L 13.8461538461538 14.8571428571429 L 13.8461538461538 6 L 1.15384615384615 6 Z M 4.53425480769231 4.20535714285714 C 4.58834134615385 4.15178571428571 4.61538461538462 4.08333333333333 4.61538461538462 4 L 4.61538461538462 1.42857142857143 C 4.61538461538462 1.34523809523809 4.58834134615385 1.27678571428571 4.53425480769231 1.22321428571429 C 4.48016826923077 1.16964285714286 4.41105769230769 1.14285714285714 4.32692307692308 1.14285714285714 L 3.75 1.14285714285714 C 3.66586538461539 1.14285714285714 3.59675480769231 1.16964285714286 3.54266826923077 1.22321428571429 C 3.48858173076923 1.27678571428571 3.46153846153846 1.34523809523809 3.46153846153846 1.42857142857143 L 3.46153846153846 4 C 3.46153846153846 4.08333333333333 3.48858173076923 4.15178571428571 3.54266826923077 4.20535714285714 C 3.59675480769231 4.25892857142857 3.66586538461539 4.28571428571429 3.75 4.28571428571429 L 4.32692307692308 4.28571428571429 C 4.41105769230769 4.28571428571429 4.48016826923077 4.25892857142857 4.53425480769231 4.20535714285714 Z M 11.4573317307692 4.20535714285714 C 11.5114182692308 4.15178571428571 11.5384615384615 4.08333333333333 11.5384615384615 4 L 11.5384615384615 1.42857142857143 C 11.5384615384615 1.34523809523809 11.5114182692308 1.27678571428571 11.4573317307692 1.22321428571429 C 11.4032451923077 1.16964285714286 11.3341346153846 1.14285714285714 11.25 1.14285714285714 L 10.6730769230769 1.14285714285714 C 10.5889423076923 1.14285714285714 10.5198317307692 1.16964285714286 10.4657451923077 1.22321428571429 C 10.4116586538462 1.27678571428571 10.3846153846154 1.34523809523809 10.3846153846154 1.42857142857143 L 10.3846153846154 4 C 10.3846153846154 4.08333333333333 10.4116586538462 4.15178571428571 10.4657451923077 4.20535714285714 C 10.5198317307692 4.25892857142857 10.5889423076923 4.28571428571429 10.6730769230769 4.28571428571429 L 11.25 4.28571428571429 C 11.3341346153846 4.28571428571429 11.4032451923077 4.25892857142857 11.4573317307692 4.20535714285714 Z M 14.6574519230769 2.625 C 14.8858173076923 2.85119047619048 15 3.11904761904762 15 3.42857142857143 L 15 14.8571428571429 C 15 15.1666666666667 14.8858173076923 15.4345238095238 14.6574519230769 15.6607142857143 C 14.4290865384615 15.8869047619048 14.1586538461538 16 13.8461538461538 16 L 1.15384615384615 16 C 0.841346153846154 16 0.570913461538462 15.8869047619048 0.342548076923077 15.6607142857143 C 0.114182692307692 15.4345238095238 0 15.1666666666667 0 14.8571428571429 L 0 3.42857142857143 C 0 3.11904761904762 0.114182692307692 2.85119047619048 0.342548076923077 2.625 C 0.570913461538462 2.39880952380952 0.841346153846154 2.28571428571429 1.15384615384615 2.28571428571429 L 2.30769230769231 2.28571428571429 L 2.30769230769231 1.42857142857143 C 2.30769230769231 1.03571428571429 2.44891826923077 0.699404761904761 2.73137019230769 0.419642857142858 C 3.01382211538462 0.139880952380953 3.35336538461538 0 3.75 0 L 4.32692307692308 0 C 4.72355769230769 0 5.06310096153846 0.139880952380953 5.34555288461538 0.419642857142858 C 5.62800480769231 0.699404761904761 5.76923076923077 1.03571428571429 5.76923076923077 1.42857142857143 L 5.76923076923077 2.28571428571429 L 9.23076923076923 2.28571428571429 L 9.23076923076923 1.42857142857143 C 9.23076923076923 1.03571428571429 9.37199519230769 0.699404761904761 9.65444711538461 0.419642857142858 C 9.93689903846154 0.139880952380953 10.2764423076923 0 10.6730769230769 0 L 11.25 0 C 11.6466346153846 0 11.9861778846154 0.139880952380953 12.2686298076923 0.419642857142858 C 12.5510817307692 0.699404761904761 12.6923076923077 1.03571428571429 12.6923076923077 1.42857142857143 L 12.6923076923077 2.28571428571429 L 13.8461538461538 2.28571428571429 C 14.1586538461538 2.28571428571429 14.4290865384615 2.39880952380952 14.6574519230769 2.625 Z " fill-rule="nonzero" fill="#333333" stroke="none" transform="matrix(1 0 0 1 815 411 )" />
</g>
</svg>

BIN
assets/img/coin-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

6
assets/img/collect-icon-colours.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="15px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -1406 -827 )">
<path d="M 15.4615384615385 5.37807183364839 C 15.8205128205128 5.43478260869565 16 5.57971014492754 16 5.81285444234405 C 16 5.95148078134846 15.9166666666667 6.10270951480781 15.75 6.26654064272212 L 12.2596153846154 9.6124763705104 L 13.0865384615385 14.3383742911153 C 13.0929487179487 14.3824826717076 13.0961538461538 14.4454946439824 13.0961538461538 14.5274102079395 C 13.0961538461538 14.6597353497164 13.0625 14.7715816005041 12.9951923076923 14.8629489603025 C 12.9278846153846 14.9543163201008 12.8301282051282 15 12.7019230769231 15 C 12.5801282051282 15 12.4519230769231 14.9621928166352 12.3173076923077 14.8865784499055 L 8 12.65595463138 L 3.68269230769231 14.8865784499055 C 3.54166666666667 14.9621928166352 3.41346153846154 15 3.29807692307692 15 C 3.16346153846154 15 3.0625 14.9543163201008 2.99519230769231 14.8629489603025 C 2.92788461538462 14.7715816005041 2.89423076923077 14.6597353497164 2.89423076923077 14.5274102079395 C 2.89423076923077 14.4896030245747 2.90064102564103 14.4265910522999 2.91346153846154 14.3383742911153 L 3.74038461538462 9.6124763705104 L 0.240384615384615 6.26654064272212 C 0.0801282051282051 6.09640831758034 0 5.94517958412098 0 5.81285444234405 C 0 5.57971014492754 0.179487179487179 5.43478260869565 0.538461538461538 5.37807183364839 L 5.36538461538461 4.68809073724008 L 7.52884615384615 0.387523629489602 C 7.65064102564103 0.1291745431632 7.80769230769231 0 8 0 C 8.19230769230769 0 8.34935897435897 0.1291745431632 8.47115384615385 0.387523629489602 L 10.6346153846154 4.68809073724008 L 15.4615384615385 5.37807183364839 Z " fill-rule="nonzero" fill="#fa6b11" stroke="none" transform="matrix(1 0 0 1 1406 827 )" />
</g>
</svg>

BIN
assets/img/collect-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

11
assets/img/comment-icon-gray.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="13px" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter571">
<feColorMatrix type="matrix" values="1 0 0 0 0.4 0 1 0 0 0.4 0 0 1 0 0.4 0 0 0 1 0 " in="SourceGraphic" />
</filter>
</defs>
<g transform="matrix(1 0 0 1 -1740 -5324 )">
<image preserveAspectRatio="none" style="overflow:visible" width="14" height="13" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAABNGP5yAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAOAAAAACP8+m+AAADhUlEQVRoBe2aS4hPURzHZ7zfj4USmTGTkGcodiRRNh5JNsooO7NhgyJSyoayIDbySFlYkLLwyAaRR5Ty2DCTJPIYeYfx+U5z9O/M+f/N/zf3/q//vfdX3+4959zze3zP6557T01NxqU2EP8M8prAPDAaVLN8x/lWcBEcA+9AURlCyVHwG7SnEG3EtAEERcHfAmkM3I9pd4iBUxkJ3pGxwpGgOWAuUOv7cpuM60DjqFplOI4vA2O8AJ6TngB+Kf8QcMy46zbyQhOknq82GYbDV4GLzV0Xu0AeeoV3XUGKrg3E4k/uOxVfL+AvdWIrbfKMgF54QdUrLQL6ewXfvHRakp+8QHorLQIyLTkBmW5+gs98D+jTwx4wivpDe6jDr/6WDL23V0SsBDTi3XkwJSYvr6B3Ofgck/6/aq1DQG+KcQUv5xaB9bqJW6wEdLxExOzc+Jj1d6i3EvCkAs49qoAN8yqwB+cugx8xOPkFnSfBiRh0d1FpnQRfoUm7Kb1OarcVpbyPUtm/dFkJcHq1n66ow85wVFfrHBCV/cT15AQk3gQJO5D3gIQbIHHzme8B1mVQxK0DC8GABJuxFdsHgb75mcRKQDPWDpgsRl9pNSonAdO3TOsQWBJ9HGaNddQ070ytBMSxBzAzQEVT68uglYDj1NWPhv9BbuLEY6sj1jngHAZngwVgoNV4BPVa0HEWmBvDSoB8f9AJ3VetWIdA1QbsO54T4DOStXTeA7LW4n68eQ+AkXaPlb5eOi1Jv7E73h2U+caLcJqXTkNSh6UavEBeu/QZbtQLHPSld74rTMl1X0F8Ls41iq0WrAIioVC+ktgPLgH/aEnhc1Hda3OlP0E/y1SoHqweW2zY1lO2FqwEhfKRRB1oU6Z+buhMoGMmqatOq80E3ZURPHgfWPzd7huZTIbmAouyKOvoUOYO0J09yiajv/r1HtQ/nYKnRqVRkiBdd8BUUEo2Uliu3dPUKbl7HcQDm4G1a5XrUKnn9ZFjK9AQDclgMq+BUjpUJj0XwFLQRTQJFhMdfRkLZChOGYdyzdKNRYzoHHMTCH30kP9a3kaCkHwgswWUO7mGdMWap265t9PRUItqVdoCivUGitIhswjjHgiRoLwbQF+AUy39iG4X0IoQIuIl+XEPS0wkL3rB0QfPEAlzknevMh5ozGu913E5R4R6gFarTMlEoj0MjgC9tEUmfwCaJfF0KbQc/QAAAABJRU5ErkJggg==" x="1740px" y="5324px" filter="url(#filter571)" />
</g>
</svg>

BIN
assets/img/comment-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

11
assets/img/comment-icon.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="12px" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter852">
<feColorMatrix type="matrix" values="1 0 0 0 0.25 0 1 0 0 0.25 0 0 1 0 0.25 0 0 0 1 0 " in="SourceGraphic" />
</filter>
</defs>
<g transform="matrix(1 0 0 1 -1099 -1145 )">
<image preserveAspectRatio="none" style="overflow:visible" width="13" height="12" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAABNGP5yAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAOAAAAACP8+m+AAADhUlEQVRoBe2aS4hPURzHZ7zfj4USmTGTkGcodiRRNh5JNsooO7NhgyJSyoayIDbySFlYkLLwyAaRR5Ty2DCTJPIYeYfx+U5z9O/M+f/N/zf3/q//vfdX3+4959zze3zP6557T01NxqU2EP8M8prAPDAaVLN8x/lWcBEcA+9AURlCyVHwG7SnEG3EtAEERcHfAmkM3I9pd4iBUxkJ3pGxwpGgOWAuUOv7cpuM60DjqFplOI4vA2O8AJ6TngB+Kf8QcMy46zbyQhOknq82GYbDV4GLzV0Xu0AeeoV3XUGKrg3E4k/uOxVfL+AvdWIrbfKMgF54QdUrLQL6ewXfvHRakp+8QHorLQIyLTkBmW5+gs98D+jTwx4wivpDe6jDr/6WDL23V0SsBDTi3XkwJSYvr6B3Ofgck/6/aq1DQG+KcQUv5xaB9bqJW6wEdLxExOzc+Jj1d6i3EvCkAs49qoAN8yqwB+cugx8xOPkFnSfBiRh0d1FpnQRfoUm7Kb1OarcVpbyPUtm/dFkJcHq1n66ow85wVFfrHBCV/cT15AQk3gQJO5D3gIQbIHHzme8B1mVQxK0DC8GABJuxFdsHgb75mcRKQDPWDpgsRl9pNSonAdO3TOsQWBJ9HGaNddQ070ytBMSxBzAzQEVT68uglYDj1NWPhv9BbuLEY6sj1jngHAZngwVgoNV4BPVa0HEWmBvDSoB8f9AJ3VetWIdA1QbsO54T4DOStXTeA7LW4n68eQ+AkXaPlb5eOi1Jv7E73h2U+caLcJqXTkNSh6UavEBeu/QZbtQLHPSld74rTMl1X0F8Ls41iq0WrAIioVC+ktgPLgH/aEnhc1Hda3OlP0E/y1SoHqweW2zY1lO2FqwEhfKRRB1oU6Z+buhMoGMmqatOq80E3ZURPHgfWPzd7huZTIbmAouyKOvoUOYO0J09yiajv/r1HtQ/nYKnRqVRkiBdd8BUUEo2Uliu3dPUKbl7HcQDm4G1a5XrUKnn9ZFjK9AQDclgMq+BUjpUJj0XwFLQRTQJFhMdfRkLZChOGYdyzdKNRYzoHHMTCH30kP9a3kaCkHwgswWUO7mGdMWap265t9PRUItqVdoCivUGitIhswjjHgiRoLwbQF+AUy39iG4X0IoQIuIl+XEPS0wkL3rB0QfPEAlzknevMh5ozGu913E5R4R6gFarTMlEoj0MjgC9tEUmfwCaJfF0KbQc/QAAAABJRU5ErkJggg==" x="1099px" y="1145px" filter="url(#filter852)" />
</g>
</svg>

BIN
assets/img/cross-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

11
assets/img/cross-undertint-icon.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter310">
<feColorMatrix type="matrix" values="1 0 0 0 0.3 0 1 0 0 0.3 0 0 1 0 0.3 0 0 0 1 0 " in="SourceGraphic" />
</filter>
</defs>
<g transform="matrix(1 0 0 1 -448 -17 )">
<image preserveAspectRatio="none" style="overflow:visible" width="12" height="12" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAgKADAAQAAAABAAAAgAAAAABIjgR3AAAGo0lEQVR4Ae2dTW8bVRSGEydOihDEUSW2ICQ2wBJERSLRDaJlwc8obBI5ShQkVl4SN5aVOEIgfgb9QioqCxcWXSLY0ILKjkWkuBVK4yQO5ygzMHbjyXzcO3PPue9Iluf73vu8z1zPxJnxxAQGEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABPQQmbTVlZWXl9cFg8GalUnk2MzPzYGNjo2erLI37rdfrtZOTk3epbbPE8Ld2u/2HjXYaF2B5efkNqvC3VNkPIhXuT05Ofj03N/d5o9F4FpmP0RECxOdCr9e7TuFfo0Uz4WKavkevT7e3t38P55l4NypAEP7PVLGLYyrXpd7g42az+XTMcq9nr6+vv9Tv928RhMUxIHbpQLpEvcHDMctTz66k3iJmg+DIHxc+b7lIDbzNDY3ZjZeLgvBvM6MYABepF/gmZnnqRcZ6AP7Mp8o9SliD+9QTXEVPcEorEv5CEn5TU1OvtVqtx0nWPW8dYz0An/CdV1hk+QJ6glMaacPnrQ4PD9+KsMw1akwAPttPWRPvJcgSPjPOwHpsNMYE4Es9KqU/tqSzF3grQdbwCeNBwPpsoinnGhOAr/P5Ui9l+by6dxLkCH+CzrO+MnnuZEwATpKv8+mty+MpB28kyBM+Me3Oz89/kZJt7OrGrgLCUtbW1l48Ojq6QdOXw3lJ36kH+Ym2vdrpdJ4k3UbSegGbm1Tn6B/JEjWB2VSr1Ssmj34u2LgAvFNIwBSGBxfD5xpaEYB3DAmYwungavhcO2sC8M4hwX8MnOr2OZtwsCoAF+KzBC4f+YUJ4KsEEsLnbKz3AKFpPvUEUsIvVAAuzAcJJIVfuADaJZAWfikCaJVAYvilCaBNAqnhlyqAFgkkh1+6ANIlkB6+EwJIlUBD+M4IIE0CLeE7JYAUCTSF75wArkugLXwnBXBVAo3hOyuAaxJoDd9pAVyRQHP4zgtQtgTawxchQFkS+BC+GAGKlsCX8EUJUJQEPoUvTgDbEvgWvkgBbEngY/hiBTAtga/hixbAlASzs7PHdDuas/+3z+20ORT2X8G2GpHzZsv7Qb0SPZljpA0qnnIiXgAOJejCM92QOhJqoklbN2omKtzwSioEYCZFSaApfOamRoAiJNAWvjoBbEqgMXyVAtiQQGv4agUwKYHm8FULYEIC7eEzI6MPieIdOjjkOtHd39/Ptb2DPIaqpLZxef68GyXEvYDmB1epFMBU+KEImiVQJ4Dp8LVLoEoAW+FrlkCNALbD1yqBCgGKCl+jBOIvA/nrYDpL/57CSf34VdqGvw4OvxIO8z33nR7Y/D79aMMtLvvclR1fQbQAfOTTD098R4xTf5/PZ/b8qyXT09Mf0fY/ZshpgX644c7S0tLLGbZ1ZhOxHwF5uv3Rv/AF+8r0/wTSLxFFCmAy/PBQ9FUCcQLYCN9nCUQJYDN8XyUQI0AR4fsogQgBigzfNwmcF6CM8H2SwGkBygzfFwmcFcCF8H2QwEkBXApfuwTOCeBi+JolcEoAl8PXKoEzAkgIX6METgggKXxtEpQugMTwNUlQqgCSw9ciQWkCaAhfgwSlCKApfOkSFC6AxvAlS1CoAJrDlypBYQL4EL5ECQoRwKfwpUlgXQAfw5ckgVUBfA5figTWBED4oQL5HmFn+74DKwIg/P/DD8cCJs7dfGJcAIQfRv78u4sSGL03sNFoXKAbNe9Q0zPdqFmtVq80m82nz6PTMWdzc/Mfuh/xE2pN1htSbzJjkzSMCtDr9a5T5RYzVFDFg5eTtJsF55tSad3UEjDbvb29L5OUk3QdYx8B9Xq9RoX+Ta+ZpIUH63kTfpRLjqecHxwfH7/S6XSeRPeXddxYD0Bnq+9QJRB+wiRy9ASz9GwCZm1kMCbAYDBI+9nk5ZEfTS2rBBlYR4sdGjcmAHVLvw7tOX7C+/BDPFkkoJPlNKzDos58NybAzs7On/TolHtnljI8E+EP85hIKcHdVqv1eGQXmSeNCcA1qFQq1+htN6Y2XT4D5gbHrOPloogE3RgAu9TTfhazPPUiowK02+2HdDJ4iV4/jNTkgHqHdq1W+xDhj5CJTDIbZkSztuh1EFnEo3cp/Pfo7P/RyPxck8YuA0drsbq6+ipV+G2av09H/QMEP0oofpofPhWc7b9AB88vW1tbf8VvgaUgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIg8C9yNG0zv/zA5QAAAABJRU5ErkJggg==" x="448px" y="17px" filter="url(#filter310)" />
</g>
</svg>

6
assets/img/delete-icon.svg Normal file
View File

File diff suppressed because one or more lines are too long

7
assets/img/dot-gray.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -963 -6237 )">
<path d="M 967 6238 C 968.68 6238 970 6239.32 970 6241 C 970 6242.68 968.68 6244 967 6244 C 965.32 6244 964 6242.68 964 6241 C 964 6239.32 965.32 6238 967 6238 Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" />
<path d="M 967 6238 C 968.68 6238 970 6239.32 970 6241 C 970 6242.68 968.68 6244 967 6244 C 965.32 6244 964 6242.68 964 6241 C 964 6239.32 965.32 6238 967 6238 Z " stroke-width="2" stroke="#aaaaaa" fill="none" />
</g>
</svg>

7
assets/img/dot-yellow.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -924 -6237 )">
<path d="M 928 6238 C 929.68 6238 931 6239.32 931 6241 C 931 6242.68 929.68 6244 928 6244 C 926.32 6244 925 6242.68 925 6241 C 925 6239.32 926.32 6238 928 6238 Z " fill-rule="nonzero" fill="#fddf6d" stroke="none" />
<path d="M 928 6238 C 929.68 6238 931 6239.32 931 6241 C 931 6242.68 929.68 6244 928 6244 C 926.32 6244 925 6242.68 925 6241 C 925 6239.32 926.32 6238 928 6238 Z " stroke-width="2" stroke="#aaaaaa" fill="none" />
</g>
</svg>

11
assets/img/empty-icon.svg Normal file
View File

File diff suppressed because one or more lines are too long

6
assets/img/eye-icon-black.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="8px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -360 -31 )">
<path d="M 9.65206473214286 6.26736111111111 C 10.6217447916667 5.70486111111111 11.4281994047619 4.94907407407407 12.0714285714286 4 C 11.3363095238095 2.90740740740741 10.4149925595238 2.09027777777778 9.30747767857143 1.54861111111111 C 9.60249255952381 2.03009259259259 9.75 2.55092592592593 9.75 3.11111111111111 C 9.75 3.96759259259259 9.43201264880952 4.70023148148148 8.79603794642857 5.30902777777778 C 8.16006324404762 5.91782407407407 7.39471726190476 6.22222222222222 6.5 6.22222222222222 C 5.60528273809524 6.22222222222222 4.83993675595238 5.91782407407407 4.20396205357143 5.30902777777778 C 3.56798735119048 4.70023148148148 3.25 3.96759259259259 3.25 3.11111111111111 C 3.25 2.55092592592593 3.39750744047619 2.03009259259259 3.69252232142857 1.54861111111111 C 2.58500744047619 2.09027777777778 1.66369047619048 2.90740740740741 0.928571428571428 4 C 1.5718005952381 4.94907407407407 2.37825520833333 5.70486111111111 3.34793526785714 6.26736111111111 C 4.31761532738095 6.82986111111111 5.36830357142857 7.11111111111111 6.5 7.11111111111111 C 7.63169642857143 7.11111111111111 8.68238467261905 6.82986111111111 9.65206473214286 6.26736111111111 Z M 6.74665178571429 1.56944444444444 C 6.81436011904762 1.50462962962963 6.84821428571429 1.42592592592593 6.84821428571429 1.33333333333333 C 6.84821428571429 1.24074074074074 6.81436011904762 1.16203703703704 6.74665178571429 1.09722222222222 C 6.67894345238095 1.03240740740741 6.59672619047619 0.999999999999999 6.5 1 C 5.89546130952381 0.999999999999999 5.37676711309524 1.20717592592593 4.94391741071429 1.62152777777778 C 4.51106770833333 2.03587962962963 4.29464285714286 2.53240740740741 4.29464285714286 3.11111111111111 C 4.29464285714286 3.2037037037037 4.32849702380952 3.28240740740741 4.39620535714286 3.34722222222222 C 4.46391369047619 3.41203703703704 4.54613095238095 3.44444444444444 4.64285714285714 3.44444444444444 C 4.73958333333333 3.44444444444444 4.8218005952381 3.41203703703704 4.88950892857143 3.34722222222222 C 4.95721726190476 3.28240740740741 4.99107142857143 3.2037037037037 4.99107142857143 3.11111111111111 C 4.99107142857143 2.71296296296296 5.13857886904762 2.37268518518519 5.43359375 2.09027777777778 C 5.72860863095238 1.80787037037037 6.08407738095238 1.66666666666667 6.5 1.66666666666667 C 6.59672619047619 1.66666666666667 6.67894345238095 1.63425925925926 6.74665178571429 1.56944444444444 Z M 12.8549107142857 3.52083333333333 C 12.9516369047619 3.68287037037037 13 3.84259259259259 13 4 C 13 4.15740740740741 12.9516369047619 4.31712962962963 12.8549107142857 4.47916666666667 C 12.1778273809524 5.54398148148148 11.2673921130952 6.39699074074074 10.1236049107143 7.03819444444444 C 8.97981770833333 7.67939814814815 7.77194940476191 8 6.5 8 C 5.2280505952381 8 4.02018229166667 7.67824074074074 2.87639508928571 7.03472222222222 C 1.73260788690476 6.3912037037037 0.822172619047619 5.53935185185185 0.145089285714286 4.47916666666667 C 0.0483630952380952 4.31712962962963 0 4.15740740740741 0 4 C 0 3.84259259259259 0.0483630952380952 3.68287037037037 0.145089285714286 3.52083333333333 C 0.822172619047619 2.46064814814815 1.73260788690476 1.6087962962963 2.87639508928571 0.965277777777778 C 4.02018229166667 0.321759259259259 5.2280505952381 0 6.5 0 C 7.77194940476191 0 8.97981770833333 0.321759259259259 10.1236049107143 0.965277777777778 C 11.2673921130952 1.6087962962963 12.1778273809524 2.46064814814815 12.8549107142857 3.52083333333333 Z " fill-rule="nonzero" fill="#333333" stroke="none" transform="matrix(1 0 0 1 360 31 )" />
</g>
</svg>

6
assets/img/eye-icon.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="8px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -602 -543 )">
<path d="M 9.65206473214286 6.26736111111111 C 10.6217447916667 5.70486111111111 11.4281994047619 4.94907407407407 12.0714285714286 4 C 11.3363095238095 2.90740740740741 10.4149925595238 2.09027777777778 9.30747767857143 1.54861111111111 C 9.60249255952381 2.03009259259259 9.75 2.55092592592593 9.75 3.11111111111111 C 9.75 3.96759259259259 9.43201264880952 4.70023148148148 8.79603794642857 5.30902777777778 C 8.16006324404762 5.91782407407407 7.39471726190476 6.22222222222222 6.5 6.22222222222222 C 5.60528273809524 6.22222222222222 4.83993675595238 5.91782407407407 4.20396205357143 5.30902777777778 C 3.56798735119048 4.70023148148148 3.25 3.96759259259259 3.25 3.11111111111111 C 3.25 2.55092592592593 3.39750744047619 2.03009259259259 3.69252232142857 1.54861111111111 C 2.58500744047619 2.09027777777778 1.66369047619048 2.90740740740741 0.928571428571428 4 C 1.5718005952381 4.94907407407407 2.37825520833333 5.70486111111111 3.34793526785714 6.26736111111111 C 4.31761532738095 6.82986111111111 5.36830357142857 7.11111111111111 6.5 7.11111111111111 C 7.63169642857143 7.11111111111111 8.68238467261905 6.82986111111111 9.65206473214286 6.26736111111111 Z M 6.74665178571429 1.56944444444444 C 6.81436011904762 1.50462962962963 6.84821428571429 1.42592592592593 6.84821428571429 1.33333333333333 C 6.84821428571429 1.24074074074074 6.81436011904762 1.16203703703704 6.74665178571429 1.09722222222222 C 6.67894345238095 1.03240740740741 6.59672619047619 0.999999999999999 6.5 1 C 5.89546130952381 0.999999999999999 5.37676711309524 1.20717592592593 4.94391741071429 1.62152777777778 C 4.51106770833333 2.03587962962963 4.29464285714286 2.53240740740741 4.29464285714286 3.11111111111111 C 4.29464285714286 3.2037037037037 4.32849702380952 3.28240740740741 4.39620535714286 3.34722222222222 C 4.46391369047619 3.41203703703704 4.54613095238095 3.44444444444444 4.64285714285714 3.44444444444444 C 4.73958333333333 3.44444444444444 4.8218005952381 3.41203703703704 4.88950892857143 3.34722222222222 C 4.95721726190476 3.28240740740741 4.99107142857143 3.2037037037037 4.99107142857143 3.11111111111111 C 4.99107142857143 2.71296296296296 5.13857886904762 2.37268518518519 5.43359375 2.09027777777778 C 5.72860863095238 1.80787037037037 6.08407738095238 1.66666666666667 6.5 1.66666666666667 C 6.59672619047619 1.66666666666667 6.67894345238095 1.63425925925926 6.74665178571429 1.56944444444444 Z M 12.8549107142857 3.52083333333333 C 12.9516369047619 3.68287037037037 13 3.84259259259259 13 4 C 13 4.15740740740741 12.9516369047619 4.31712962962963 12.8549107142857 4.47916666666667 C 12.1778273809524 5.54398148148148 11.2673921130952 6.39699074074074 10.1236049107143 7.03819444444444 C 8.97981770833333 7.67939814814815 7.77194940476191 8 6.5 8 C 5.2280505952381 8 4.02018229166667 7.67824074074074 2.87639508928571 7.03472222222222 C 1.73260788690476 6.3912037037037 0.822172619047619 5.53935185185185 0.145089285714286 4.47916666666667 C 0.0483630952380952 4.31712962962963 0 4.15740740740741 0 4 C 0 3.84259259259259 0.0483630952380952 3.68287037037037 0.145089285714286 3.52083333333333 C 0.822172619047619 2.46064814814815 1.73260788690476 1.6087962962963 2.87639508928571 0.965277777777778 C 4.02018229166667 0.321759259259259 5.2280505952381 0 6.5 0 C 7.77194940476191 0 8.97981770833333 0.321759259259259 10.1236049107143 0.965277777777778 C 11.2673921130952 1.6087962962963 12.1778273809524 2.46064814814815 12.8549107142857 3.52083333333333 Z " fill-rule="nonzero" fill="#a4a3a3" stroke="none" transform="matrix(1 0 0 1 602 543 )" />
</g>
</svg>

17
assets/img/frame-no.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="387 609 18 18" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="387px" y="609px" width="18px" height="18px" filterUnits="userSpaceOnUse" id="filter1260">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner" />
<feGaussianBlur stdDeviation="1.5" in="shadowOffsetInner" result="shadowGaussian" />
<feComposite in2="shadowGaussian" operator="atop" in="SourceAlpha" result="shadowComposite" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.117647058823529 0 " in="shadowComposite" />
</filter>
<g id="widget1261">
<path d="M 390.5 612.5 L 401.5 612.5 L 401.5 623.5 L 390.5 623.5 L 390.5 612.5 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
<path d="M 390.5 612.5 L 401.5 612.5 L 401.5 623.5 L 390.5 623.5 L 390.5 612.5 Z " stroke-width="1" stroke="#797979" fill="none" />
</g>
</defs>
<use xlink:href="#widget1261" filter="url(#filter1260)" />
<use xlink:href="#widget1261" />
</svg>

18
assets/img/frame-pitch.svg Normal file
View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="387 609 18 18" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="387px" y="609px" width="18px" height="18px" filterUnits="userSpaceOnUse" id="filter1262">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner" />
<feGaussianBlur stdDeviation="1.5" in="shadowOffsetInner" result="shadowGaussian" />
<feComposite in2="shadowGaussian" operator="atop" in="SourceAlpha" result="shadowComposite" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.117647058823529 0 " in="shadowComposite" />
</filter>
<g id="widget1263">
<path d="M 390.5 612.5 L 401.5 612.5 L 401.5 623.5 L 390.5 623.5 L 390.5 612.5 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
<path d="M 390.5 612.5 L 401.5 612.5 L 401.5 623.5 L 390.5 623.5 L 390.5 612.5 Z " stroke-width="1" stroke="#797979" fill="none" />
</g>
</defs>
<use xlink:href="#widget1263" filter="url(#filter1262)" />
<use xlink:href="#widget1263" />
<path d="M 392.571428571429 618 L 395.142857142857 620.571428571429 L 399.428571428571 614.571428571429 " stroke-width="2.57142857142857" stroke="#797979" fill="none" />
</svg>

BIN
assets/img/give-sweep.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 751 B

BIN
assets/img/homepage-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
assets/img/like-icon-colours.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/img/like-icon-gray.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/img/like-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

11
assets/img/like-no.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="13px" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter851">
<feColorMatrix type="matrix" values="1 0 0 0 0.25 0 1 0 0 0.25 0 0 1 0 0.25 0 0 0 1 0 " in="SourceGraphic" />
</filter>
</defs>
<g transform="matrix(1 0 0 1 -1059 -1144 )">
<image preserveAspectRatio="none" style="overflow:visible" width="13" height="13" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAE8ElEQVR4Ae1a24tPURQexjAxuZVcm1FESqHc80CDkhIpCsULcnlQ3kSUFy9480L+BeWdPGBGQiPEw8wowjAz7nLn+6bZ0/7t+fb5/Y5z5sw+J6vWnHO+vfY+a3177cvZv6mqGjwZgVfvhV6BvoR+h76AXoJuhg6FFlZWILJW6J8IvYWyGdDCyVpE9AUaFbwpY2bMKhID0xBMZ4XBGxJaYF9TFBLOxQzekLCnCARw0vssCHgPbD90AZSBdkNN4ObaBCz3shQRmIDs61Ynso0euzGOXe4eN3gCq3Mi4Xi3CTL3ix27VB6zXGs5BFz5BYDDwpYfeODs78qArAZZEsAVwJVPANjDrrS5AJ5zT8B0EdRzgRHqEvhYgSWGsswA1YPPPBG8FXi1wBJDWRHAiW6l8PaJwAh9FfgwgSWGsiJgHTytFd7yQ0jJaAEOiK8D0qhwfqfA+PV3TeCEFAEdHttEcBYE8MtvvfCSn70fBU5ogsCfCix4aAg8vA41mxn7usrjPfcLZnm07Rs99kHDR+CdHYS5vwuc5ChhoMbOvjYo45CxNXDupyeY1RGOnxJ1nkbYB1nEAPmVZ/egub9cxuN7ot6FMnWCKt4JbzjDm4DtK2fySRHeLvTU2xJRJ1FRmpuLqfDkNNT9vDUO8sNnO/SVAcT1sMAI8ZD0XydBHr/x/PEa9AE0dalHiyegXNLs3rbvf6NsFzRKSKAvc+y2ktzzoHVJlBOVlE2GEcf4ISh3cuzZKKdYfhBaTvbAIKqdtMo4Me+2neE+nWd17dDuMvoO5XEcYVbwhKcSOQCjOG0nsWVGbjJOnR+gF99Bu3PNSyq4ToTNG2iSwOLU7cS7RnMz8hqqtp6A/0nY6yehZ6FMtzgyE8aHoTOgvo1SnPZoy3MEHrhW88ERvqvqGzQOcz5bEnkUOg4amsyHQ+xx1/erdDQpARxC3PWluaTSr7TlGBp0Ceik0yrVLgLnkmELWdxnA733B3EliaFLu3BwJDG19u4Qxpw1XQb5rE57RfVBhzg8Xf+7fOcBNHRFZQptlK1bN4TnZcKJFhLgC0zYSygPBDBG/jLlSlOcDHAr5+l5DpwdLxz2EiBscw0tF94zc5t9GSDsEw8V1WZWmBr/T/DyzjgE+JzNwxygMuAmA0pjEvQREwrOnels4UwTMV8G5KFXRUwSYu+rla4vA2StAoFq/L9DfI8Zoy8D4sQferao8c/055lALAJUGsUhajBs+a2zSLy4Z/wT902CofeqiElC84DWiZKe8U88jSEg2g8GUunPM8rbxsM0CAg5W9QEeB/Bf0iTANNWiFeVAX3jnw7HyYC8TYJTEF+D6JWKCAg5rUVMElK9T8O+CZAPvlWAZZVKqGSp8d+BoNrswOIMAbteHu5VBtxwHS8qASMQKH8LcKVk/LPQR4BK6zxNgtz9kQRXSsY/C30EuBWjnhVZUfZZlKnx/w0v5r/mlAgJyFPPljgf8aAIYPD9/gGTBITYgxGxlS2qgYWaAPuNf7aUxhAo61GGBsPxrjNQ/tLsiiSA6a8ygOvlZ6eFUXhWDZesq06dLB8ZB4+/1PE3U78eyp/f+wkrFl2ZFV7hyUiRCXiI+NSZQA8hnANae+6K+acZYTVC+a+3XtmGEh4SFCkL+K94x6G10EgxewAeHZEpLiF5FZ7/cbPzCHql9x6X//KfgSgG/gK9mIkzqc2oKwAAAABJRU5ErkJggg==" x="1059px" y="1144px" filter="url(#filter851)" />
</g>
</svg>

BIN
assets/img/like-yes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/img/logo-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

11
assets/img/menu-icon-gray.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter572">
<feColorMatrix type="matrix" values="1 0 0 0 0.4 0 1 0 0 0.4 0 0 1 0 0.4 0 0 0 1 0 " in="SourceGraphic" />
</filter>
</defs>
<g transform="matrix(1 0 0 1 -1686 -5323 )">
<image preserveAspectRatio="none" style="overflow:visible" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAIdQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA92IrIQAAACx0Uk5TAB5tuNj0bB0bmfz9qiBQ8/JOb24cGp6ba7e12/HZ12n7nJgZSU1MFZGitmptU/ZgAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAAAQ1JREFUeNrt1utOwlAQReEC5WKrnGKrItaK4t3z/s+nicYIHacN2ZHErO8nk7UDDSEkCQAAAAAAAAAAAPBpMByl43E6mkwP0syOsvglPz7pN6Vs5iH+UCz6bCmb0zxuycvuLWUz33n949L5eZRNFWJLceZvSZvzaLjwx5TNILMOWeVtSZsympbemLS5tA8rb0zaXNmH1BuTNsE+BG9M2vxyqPcY26+5tg+NNyZtDv4lnNiHG29M2kzNH4i1+6OibW6tw13ikjazov16vfHHtM196+HkD0kHbVPu/lEYdm2pm8XW06kfu7fUzdPz+vttvWz6bMmbavnahNCs3qp+U3/ZAAAAAAAAAAAA4J97B6Y13hOEznw5AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTAzLTE4VDEyOjI5OjA2KzA4OjAwpDFvtAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wMy0xOFQxMjoyOTowNiswODowMNVs1wgAAABJdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2V3MGNucnU1MjUvZ2VuZ2R1by5zdmfa+p/PAAAAAElFTkSuQmCC" x="1686px" y="5323px" filter="url(#filter572)" />
</g>
</svg>

11
assets/img/option-icon.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="16px" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter309">
<feColorMatrix type="matrix" values="1 0 0 0 0.0666666666666667 0 1 0 0 0.0666666666666667 0 0 1 0 0.0666666666666667 0 0 0 1 0 " in="SourceGraphic" />
</filter>
</defs>
<g transform="matrix(1 0 0 1 -1479 -193 )">
<image preserveAspectRatio="none" style="overflow:visible" width="18" height="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmCAYAAACyAQkgAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAJgAAAAAR6kgKAAACXElEQVRYCe2YT0hVQRTGrYQikcBsIShiVBi5MAhcqqggtBDDqBYtokWbIkJcShDRrk2gIgS1cBekuLU2tWmRiAtLi4Kg1kVB/8Dq98EcmDfca/f55v0R7oGPM/PNmXPOPXPfzNxXV5dLXoGdX4FzPMIXMA/21urjDJLYL/DXYQFdD2pKesjmG7AkTc9WI8tdKUFPwD8DTSnjt+EnE8ZOwh1J4Iuh/mC8At7/b1I7Bh+BVfBHSvta4Oi8Z2dzt6v1unUF/gu6h+htAAvwiPYDrz9K297ZTdoXgMkdGjYvhj5rjqXDpX8CN+AMnqJPgylw2XEN6BEwB3aD30DL/Qq0gGnQBkqVZRxoxeQ/UdZhVY2XoNFZ3Hec+P2Ou+pxfY6rqDpKtCvggBc1KVEND4Mznl3Vm2mJVjQxvWc7QvJEYy9TfUSH+/A1AVoj+HyNj3tAp1RmyfpjGsdjjI3efBTsKDHfUV1gYkqBv5hLr8p/B1ue0RmeRMv9Aiz5tjETVQAdrWWRmEtflgTNaZ6oVSKWDit6HMfXQdrN3o+r654uy1WRN0TVPrYC7AaVtI/ecHayHQJll/BX/46Iuup1g0Wgq1woFyHuOlIX20+ufRitL4IO1y9FrTJZG/7nNCcHGVgDdjro8/ih19fngZLT+Cbwl/6W421uqfoS/rYUndUfgAX6mdLWLd+XXjr+h6DN345WJY/5zsNvJhvrpPEcNBsRaFXvZsCpK/v2BL5Y6i0TvmaddMoZhxWZyeqgknb9BPOXfp7+nkomUEysMYy1DI9Bzf5JVswD5bZ5BcpRgX9KRN7r2S+XlQAAAABJRU5ErkJggg==" x="1479px" y="193px" filter="url(#filter309)" />
</g>
</svg>

BIN
assets/img/returnTop-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1010 B

BIN
assets/img/round-fork-fork.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

6
assets/img/rubbish-icon.svg Normal file
View File

File diff suppressed because one or more lines are too long

BIN
assets/img/search-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
assets/img/send-messages-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

6
assets/img/tick-black.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -405 -758 )">
<path d="M 11.5390625 5.93359375 C 11.6484375 5.82421875 11.703125 5.6875 11.703125 5.5234375 C 11.703125 5.35329861111111 11.6484375 5.21354166666667 11.5390625 5.10416666666667 L 10.7096354166667 4.28385416666667 C 10.5941840277778 4.16840277777778 10.4574652777778 4.11067708333333 10.2994791666667 4.11067708333333 C 10.1414930555556 4.11067708333333 10.0047743055556 4.16840277777778 9.88932291666667 4.28385416666667 L 6.17057291666667 7.99348958333333 L 4.11067708333333 5.93359375 C 3.99522569444444 5.81814236111111 3.85850694444444 5.76041666666667 3.70052083333333 5.76041666666667 C 3.54253472222222 5.76041666666667 3.40581597222222 5.81814236111111 3.29036458333333 5.93359375 L 2.4609375 6.75390625 C 2.3515625 6.86328125 2.296875 7.00303819444444 2.296875 7.17317708333333 C 2.296875 7.33723958333333 2.3515625 7.47395833333333 2.4609375 7.58333333333333 L 5.76041666666667 10.8828125 C 5.87586805555556 10.9982638888889 6.01258680555556 11.0559895833333 6.17057291666667 11.0559895833333 C 6.33463541666667 11.0559895833333 6.47439236111111 10.9982638888889 6.58984375 10.8828125 L 11.5390625 5.93359375 Z M 13.0611979166667 3.486328125 C 13.6870659722222 4.55881076388889 14 5.73003472222222 14 7 C 14 8.26996527777778 13.6870659722222 9.44118923611111 13.0611979166667 10.513671875 C 12.4353298611111 11.5861545138889 11.5861545138889 12.4353298611111 10.513671875 13.0611979166667 C 9.44118923611111 13.6870659722222 8.26996527777778 14 7 14 C 5.73003472222222 14 4.55881076388889 13.6870659722222 3.486328125 13.0611979166667 C 2.41384548611111 12.4353298611111 1.56467013888889 11.5861545138889 0.938802083333333 10.513671875 C 0.312934027777778 9.44118923611111 0 8.26996527777778 0 7 C 0 5.73003472222222 0.312934027777778 4.55881076388889 0.938802083333333 3.486328125 C 1.56467013888889 2.41384548611111 2.41384548611111 1.56467013888889 3.486328125 0.938802083333333 C 4.55881076388889 0.312934027777777 5.73003472222222 0 7 0 C 8.26996527777778 0 9.44118923611111 0.312934027777777 10.513671875 0.938802083333333 C 11.5861545138889 1.56467013888889 12.4353298611111 2.41384548611111 13.0611979166667 3.486328125 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 405 758 )" />
</g>
</svg>

6
assets/img/tick-green.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="8px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -703 -4235 )">
<path d="M 10.8012903225806 1.1043771043771 C 10.9337634408602 1.2300785634119 11 1.38271604938272 11 1.56228956228956 C 11 1.74186307519641 10.9337634408602 1.89450056116723 10.8012903225806 2.02020202020202 L 5.66322580645161 6.8956228956229 L 4.69806451612903 7.81144781144781 C 4.56559139784946 7.9371492704826 4.4047311827957 8 4.21548387096774 8 C 4.02623655913979 8 3.86537634408602 7.9371492704826 3.73290322580645 7.81144781144781 L 2.76774193548387 6.8956228956229 L 0.198709677419355 4.45791245791246 C 0.066236559139785 4.33221099887766 0 4.17957351290685 0 4 C 0 3.82042648709315 0.066236559139785 3.66778900112233 0.198709677419355 3.54208754208754 L 1.16387096774194 2.62626262626263 C 1.29634408602151 2.50056116722783 1.45720430107527 2.43771043771044 1.64645161290323 2.43771043771044 C 1.83569892473118 2.43771043771044 1.99655913978495 2.50056116722783 2.12903225806452 2.62626262626263 L 4.21548387096774 4.61279461279461 L 8.87096774193548 0.188552188552189 C 9.00344086021505 0.0628507295173959 9.16430107526882 0 9.35354838709677 0 C 9.54279569892473 0 9.7036559139785 0.0628507295173959 9.83612903225806 0.188552188552189 L 10.8012903225806 1.1043771043771 Z " fill-rule="nonzero" fill="#72db86" stroke="none" transform="matrix(1 0 0 1 703 4235 )" />
</g>
</svg>

BIN
assets/img/title.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
assets/img/transmit-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

357
components/DetailsArea.vue Normal file
View File

@ -0,0 +1,357 @@
<template>
<div class="floor-area flexacenter">
<div class="floor-content flexacenter">
<div class="floor-left flexacenter">
<!-- <div class="item flexacenter" v-if="isBrowser" style="cursor: auto;">
<img class="icon" src="@/assets/img/eye-icon-black.svg" />
{{ info["views"] }}
</div> -->
<div class="item flexacenter" @click="handleLike">
<img class="icon" v-if="islike == 1" src="@/assets/img/like-icon-colours.png" />
<img class="icon" v-else src="@/assets/img/like-icon.png" />
{{ info["likes"] || "" }}
</div>
<ClientOnly>
<div class="item flexacenter" @click="handleCollect()">
<img class="icon" v-if="iscollection == 1" src="@/assets/img/collect-icon-colours.svg" />
<img class="icon" v-else src="@/assets/img/collect-icon.png" />
{{ info["favs"] || "收藏" }}
</div>
</ClientOnly>
<ClientOnly>
<el-popover placement="bottom" width="628px" trigger="click" popper-style="padding: 0;border-radius: 10px;" v-model:visible="transmitBoxState">
<template #reference>
<div class="item flexacenter" @click="handleShare"><img class="icon" src="@/assets/img/transmit-icon.png" />转发</div>
</template>
<div class="transmit-box flexflex">
<img class="cross-icon" @click="transmitBoxState = false" src="@/assets/img/cross-icon.png" />
<div class="transmit-left transmit-web">
<div class="transmit-title">转发网页版</div>
<div class="transmit-content">
<div class="transmit-headline">{{ info["title"] }}</div>
<div class="transmit-url">{{ getFullUrl() }}</div>
</div>
<div class="transmit-web-btn flexcenter" @click="copyText(`${info['subject']} + ${getFullUrl()}`)">复制链接</div>
</div>
<div class="transmit-right transmit-mini">
<div class="transmit-title">转发小程序版</div>
<div class="transmit-content flexcenter">
<img class="transmit-mini-img" :src="qrcode" />
<div class="flexcenter">
<img class="give-sweep" src="@/assets/img/give-sweep.png" />
扫码转发该问答
</div>
</div>
</div>
</div>
</el-popover>
</ClientOnly>
</div>
<div class="floor-middle flexacenter coin-box" v-if="false">
<div class="coin-content flexacenter flex1" @click="openCoinRankList">
<img class="coin-icon" src="@/assets/img/coin-icon.png" />
<div class="coin-text flex1 flexacenter">
已获
<div class="coin-value">{{ info.coins }}</div>
个寄托币
</div>
</div>
<div class="coin-btn flexcenter" @click="openCoinOperation()">给TA投币</div>
</div>
<div class="floor-right flexacenter" @mouseenter="handleFloorRight(true)" @mouseleave="handleFloorRight(false)">
手机查看该投票
<img class="arrows-icon" src="@/assets/img/arrows-icon.png" />
<el-popover placement="bottom" width="160px" trigger="hover" v-model:visible="floorRightState" popper-style="padding: 24px;border-radius: 18px;">
<template #reference>
<div class="QR-code-ball flexcenter">
<img class="" src="@/assets/img/QR-code-icon.svg" />
</div>
</template>
<img class="examine-code" :src="qrcode" />
</el-popover>
</div>
</div>
</div>
</template>
<script setup>
import { ElMessage } from "element-plus"
let isNeedLogin = inject("isNeedLogin")
const goLogin = inject("goLogin")
let info = inject("info")
let islike = inject("islike")
let iscollection = inject("iscollection")
let qrcode = inject("qrcode")
let token = inject("token")
// 获取完整 url
const getFullUrl = () => {
if (typeof window === "undefined") return
return window.location.href
}
// 复制
let copyText = text => {
if (navigator.clipboard) {
copyText = () => {
navigator.clipboard.writeText(text)
ElMessage.success("复制成功")
}
} else {
copyText = () => {
var tempInput = document.createElement("input")
tempInput.value = text
document.body.appendChild(tempInput)
tempInput.select()
document.execCommand("copy")
document.body.removeChild(tempInput)
ElMessage.success("复制成功")
}
}
copyText()
}
let floorRightState = ref(false) // 右下角 的二维码显示状态
// 处理右下角 鼠标经过箭头 展示二维码
const handleFloorRight = value => {
floorRightState.value = value
}
// 点击 收藏
const handleCollect = () => {
if (isNeedLogin.value) {
goLogin()
return
}
// topHeadRef.value.count = {}
operateCollectHttp({ token: token.value }).then(res => {
if (res.code != 200) {
ElMessage.error(res["message"])
return
}
let data = res.data
info.value["favs"] = data["count"]
iscollection.value = data["status"]
ElMessage.success(res["message"])
})
}
const isBrowser = computed(() => {
return process.client // 使用 process.client 判断是否在浏览器环境下
})
// 点赞
const handleLike = () => {
operateLikeHttp({ token: token.value }).then(res => {
if (res.code != 200) {
ElMessage.error(res.message)
return
}
let data = res.data
info.value["likes"] = data["count"]
islike.value = data["status"]
ElMessage.success(res.message)
})
}
</script>
<style scoped lang="less">
.floor-area {
position: fixed;
left: 0;
bottom: 0;
width: 100vw;
min-width: 1200px;
height: 70px;
z-index: 1;
background-color: rgba(255, 255, 255, 1);
-moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.192156862745098);
-webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.192156862745098);
box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.192156862745098);
.floor-content {
width: 1200px;
height: 100%;
margin: 0 auto;
padding: 0 30px;
display: flex;
justify-content: space-between;
.floor-left {
.item {
cursor: pointer;
color: #aaaaaa;
font-size: 13px;
margin-right: 50px;
.icon {
width: 16px;
margin-right: 5px;
}
&.operate-item {
position: relative;
display: flex;
justify-content: center;
}
}
}
.floor-middle {
min-width: 300px;
height: 40px;
background-color: rgba(246, 246, 246, 1);
border-radius: 150px;
.coin-content {
padding: 0 13px;
height: 100%;
cursor: pointer;
.coin-icon {
width: 20px;
height: 24px;
margin-right: 5px;
margin-top: -2px;
}
.coin-text {
font-size: 13px;
color: #333333;
.coin-value {
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
margin: 0 5px;
}
}
}
.coin-btn {
width: 97px;
height: 40px;
background-color: rgba(114, 219, 134, 1);
border-radius: 150px;
color: #ffffff;
font-size: 13px;
cursor: pointer;
}
}
.floor-right {
color: #7f7f7f;
font-size: 13px;
cursor: pointer;
.arrows-icon {
width: 12px;
height: 12px;
margin: 0 10px;
}
.QR-code-ball {
width: 40px;
height: 40px;
background-color: rgba(246, 246, 246, 1);
border-radius: 20px;
cursor: pointer;
}
}
}
}
.transmit-box {
width: 628px;
border-radius: 10px;
justify-content: space-between;
padding: 40px 35px 42px;
// z-index: 3;
cursor: auto;
.cross-icon {
width: 22px;
height: 22px;
position: absolute;
top: 6px;
right: 6px;
cursor: pointer;
padding: 6px;
}
.transmit-title {
font-weight: 650;
font-size: 16px;
color: #000000;
line-height: 24px;
margin-bottom: 24px;
}
.transmit-content {
border: 1px solid rgba(242, 242, 242, 1);
border-radius: 16px;
}
.transmit-web {
.transmit-content {
width: 300px;
font-size: 14px;
line-height: 24px;
padding: 14px 16px;
margin-bottom: 32px;
.transmit-headline {
color: #333333;
}
.transmit-url {
color: #aaaaaa;
word-wrap: break-word;
}
}
.transmit-web-btn {
width: 120px;
height: 38px;
background-color: rgba(114, 219, 134, 1);
border-radius: 8px;
font-size: 14px;
color: #fff;
cursor: pointer;
}
}
.transmit-mini {
.transmit-content {
flex-direction: column;
padding: 22px 44px;
.transmit-mini-img {
width: 90px;
height: 90px;
margin-bottom: 21px;
}
color: #555555;
// line-height: 22px;
font-size: 13px;
.give-sweep {
width: 12px;
height: 12px;
margin-right: 8px;
}
}
}
}
.examine-code {
width: 113px;
height: 113px;
}
</style>

676
components/DetailsComments.vue Normal file
View File

@ -0,0 +1,676 @@
<template>
<div class="comment-title flexacenter">
讨论
<span class="comment-amount">{{ commentComments || "" }}</span>
</div>
<div class="post-comment flexacenter">
<textarea class="post-input flex1" placeholder="说说你的想法或疑问…" v-model="commentInputTop"></textarea>
<div class="post-ok flexcenter" @click="submitAnswerComments()">发送</div>
</div>
<div class="empty-box" v-if="isEmptyState">
<Empty hint="说说你的观点吧"></Empty>
</div>
<template v-else>
<div class="comment-list">
<div class="comment-item flexflex" v-for="(item, index) in commentList" :key="item.id">
<el-popover placement="bottom-start" :width="140" trigger="click" popper-class="avatar-box-popper" :show-arrow="false" v-model:visible="item['popoverState']">
<template #reference>
<img class="comment-avatar" :src="item['avatar']" />
</template>
<div class="avatar-box flexflex" v-if="item['uin']">
<a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(item['uin'])">
<img class="avatar-icon" src="@/assets/img/send-messages-icon.png" />
发送信息
</a>
<a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(item['uin'])">
<img class="avatar-icon" src="@/assets/img/homepage-icon.png" />
TA的主页
</a>
</div>
</el-popover>
<div class="comment-content flex1">
<div class="comment-header flexacenter">
<div class="comment-header-left flexacenter">
<div class="comments-username" @click="openAvatarPopover(index)">{{ item["nickname"] }}</div>
<div class="comments-time">{{ handleDate(item["timestamp"]) }}</div>
<div class="comments-identity" v-if="item['isauthor']">作者</div>
<img class="comments-title" v-if="item['groupid'] == 14" src="@/assets/img/title.png" />
</div>
<div class="comment-header-right flexacenter">
<div class="menu-box flexacenter">
<img class="menu-icon" src="@/assets/img/menu-icon-gray.svg" />
<div class="report-box flexcenter" @click="report(item['token'])">举报</div>
</div>
<img class="comment-icon" title="回复" @click="openAnswerCommentsChild(index)" src="@/assets/img/comment-icon-gray.svg" />
<div class="flexacenter like-box" @click="commentLike(index)">
<img class="like-icon" v-if="item['islike'] == 1" src="@/assets/img/like-icon-colours.png" />
<img class="like-icon" v-else src="@/assets/img/like-icon-gray.png" />
<div class="like-quantity">{{ item["likenum"] || 0 }}</div>
</div>
</div>
</div>
<div class="comment-text" @click="openAnswerCommentsChild(index)">{{ item["content"] }}</div>
<!-- <div class="comments-input-box flexacenter" v-if="item['childState']"> -->
<div class="comments-input-box flexacenter" v-if="item['childState']">
<div class="comments-input flexflex">
<textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea>
<div class="comments-btn flexcenter" @click="submitAnswerComments(index)">发送</div>
</div>
<img class="forkfork" @click="closeAnswerCommentsChild(index)" src="@/assets/img/cross-icon.png" />
</div>
<!-- 子评论 -->
<div class="child-comments" v-if="item['child'].length > 0">
<div class="comment-item flexflex" v-for="(ite, i) in item['child']" :key="ite.id">
<!-- <img class="comment-avatar" :src="ite['avatar']" /> -->
<el-popover placement="bottom-start" :width="140" trigger="click" popper-class="avatar-box-popper" :show-arrow="false" v-model:visible="ite['popoverState']">
<template #reference>
<img class="comment-avatar" :src="ite['avatar']" />
</template>
<div class="avatar-box flexflex" v-if="ite['uin']">
<a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(ite['uin'])">
<img class="avatar-icon" src="@/assets/img/send-messages-icon.png" />
发送信息
</a>
<a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(ite['uin'])">
<img class="avatar-icon" src="@/assets/img/homepage-icon.png" />
TA的主页
</a>
</div>
</el-popover>
<div class="comment-content flex1">
<div class="comment-header flexacenter">
<div class="comment-header-left flexacenter">
<div class="comments-username" @click="openAvatarPopover(index, i)">{{ ite["nickname"] }}</div>
<div class="comments-time">{{ handleDate(ite["timestamp"]) }}</div>
<div class="comments-identity" v-if="ite['isauthor']">作者</div>
<img class="comments-title" v-if="ite['groupid'] == 14" src="@/assets/img/title.png" />
</div>
<div class="comment-header-right flexacenter">
<div class="menu-box flexacenter">
<img class="menu-icon" src="@/assets/img/menu-icon-gray.svg" />
<div class="report-box flexcenter" @click="report(ite['token'])">举报</div>
</div>
<img class="comment-icon" title="回复" @click="openAnswerCommentsChild(index, i)" src="@/assets/img/comment-icon-gray.svg" />
<div class="flexacenter like-box" @click="commentLike(index, i)">
<img class="like-icon" v-if="ite['islike'] == 1" src="@/assets/img/like-icon-colours.png" />
<img class="like-icon" v-else src="@/assets/img/like-icon-gray.png" />
<div class="like-quantity">{{ ite["likenum"] || 0 }}</div>
</div>
</div>
</div>
<div class="comment-text" @click="openAnswerCommentsChild(index, i)">
<div class="comments-reply" v-if="ite?.reply?.nickname">@{{ ite?.reply?.nickname }}</div>
{{ ite["content"] }}
</div>
<div class="comments-input-box flexacenter" v-if="ite['childState']">
<div class="comments-input flexflex">
<textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea>
<div class="comments-btn flexcenter" @click="submitAnswerComments(index, i)">发送</div>
</div>
<img class="forkfork" @click="closeAnswerCommentsChild(index, i)" src="@/assets/img/cross-icon.png" />
</div>
</div>
</div>
</div>
<!-- 还有几个 -->
<div class="comments-also flexacenter" v-if="item['childnum'] > item['child'].length" @click="alsoCommentsData(index)">
<div class="">还有{{ item["childnum"] - item["child"].length }}条回复</div>
<img class="also-icon" src="@/assets/img/arrow-circular-gray.png" />
</div>
</div>
</div>
</div>
<div class="comment-end" v-if="commentPage == 0 && commentList.length != 0">· End ·</div>
</template>
<Report v-if="reportAlertShow" :reportToken="reportToken"></Report>
</template>
<script setup>
import { ElMessage } from "element-plus"
let isNeedLogin = inject("isNeedLogin")
const goLogin = inject("goLogin")
const props = defineProps({
token: String,
})
watch(
() => props.token,
newV => {
console.log(newV)
getCommentList()
},
{
immediate: false,
}
)
onMounted(() => {
window.addEventListener("scroll", handleScroll)
})
const sendMessage = inject("sendMessage")
const TAHomePage = inject("TAHomePage")
let commentCount = ref(0)
let commentComments = ref(0) // 所有的评论数
let commentPage = ref(1)
let commentList = ref([])
let commentLoading = false
let token = "4ZKbui89pS81jKgWpT41kLgcglLOJa8UQCmuucFl-cyzQKdjr0iEMTl4grDC04TSnq1vC90fZ2pVdeP6IUYPN2Y4Ng~~"
let isEmptyState = ref(false) // 评论是否为空
// 获取详情评论数据
const getCommentList = () => {
if (commentPage.value == 0 || commentLoading) return
commentLoading = true
commentListHttp({
page: commentPage.value,
childlimit: 1,
limit: 10,
token: props.token,
})
.then(res => {
if (res.code != 200) return
let data = res.data
commentCount.value = data["count"]
if (data["count"] == 0) isEmptyState.value = true
else isEmptyState.value = false
commentList.value = commentList.value.concat(data["data"])
commentComments.value = data["comments"]
if (commentList.value.length == data["count"]) commentPage.value = 0
else commentPage.value++
})
.finally(() => (commentLoading = false))
}
// 评论点赞
const commentLike = (index, i) => {
const targetCommentList = [...commentList.value]
let token = ""
if (i != null) token = targetCommentList[index]["child"][i].token
else token = targetCommentList[index].token
detailsLikeCommentHttp({ token }).then(res => {
if (res.code != 200) return
let data = res.data
if (i != null) {
targetCommentList[index]["child"][i].islike = data["status"]
targetCommentList[index]["child"][i].likenum = data["likenum"]
} else {
targetCommentList[index].islike = data["status"]
targetCommentList[index].likenum = data["likenum"]
}
ElMessage.success(res.message)
})
}
// 打开 回答-评论 的子评论
const openAnswerCommentsChild = (index, i) => {
closeAnswerCommentsChild()
if (i == null) commentList.value[index]["childState"] = true
else commentList.value[index]["child"][i]["childState"] = true
commentInput.value = ""
}
// 关闭 回答-评论 的子评论
const closeAnswerCommentsChild = () => {
commentInput.value = ""
commentList.value.forEach(ele => {
ele["childState"] = false
if (ele["child"] && ele["child"].length != 0) ele["child"].forEach(el => (el["childState"] = false))
})
}
// 讨论的输入框
let commentInputTop = ref("")
let commentInput = ref("")
// 提交回答-评论
const submitAnswerComments = (index, i) => {
if (isNeedLogin.value) {
goLogin()
return
}
const targetCommentList = [...commentList.value]
let content = ""
let parentid = null
if (index == null) content = commentInputTop.value
else content = commentInput.value
if (i != null) parentid = targetCommentList[index]["child"][i]["id"]
else if (index != null) parentid = targetCommentList[index]["id"]
detailsSubmitommentListHttp({
content,
token,
parentid,
}).then(res => {
if (res.code != 200) {
ElMessage.error(res.message)
return
}
let data = res.data
if (i != null) {
let targetData = {
id: data["commentid"],
content,
isauthor: 1,
islike: 0,
likenum: 0,
reply: {
nickname: targetCommentList[index]["child"][i]["nickname"],
},
...data,
}
targetCommentList[index]["child"].unshift(targetData)
targetCommentList[index]["childnum"]++
} else {
let targetData = {
id: data["commentid"],
content,
isauthor: 1,
islike: 0,
likenum: 0,
...data,
child: [],
}
if (index != null) {
targetCommentList[index]["child"].unshift(targetData)
targetCommentList[index]["childnum"]++
} else {
targetCommentList.unshift(targetData)
commentCount.value++
}
}
commentComments.value++
commentList.value = targetCommentList
// 请求 输入框的数据
commentInputTop.value = ""
commentInput.value = ""
isEmptyState.value = false // 取消有可能的 没有评论
closeAnswerCommentsChild()
ElMessage.success(res.message)
})
}
// 获取剩下的子评论
const alsoCommentsData = (index, ind) => {
let targetCommentItem = { ...commentList.value[index] }
const token = targetCommentItem["token"]
const parentid = targetCommentItem["id"]
let page = targetCommentItem["childPage"] ?? 1
detailsChildCommentListHttp({
childlimit: 1,
limit: 10,
page,
parentid,
token,
}).then(res => {
if (res.code != 200) return
let data = res.data
let childData = targetCommentItem.child.concat(data.data)
const filteredData = childData.filter((obj, index, self) => {
// 检查当前对象在数组中的第一个索引是否与当前索引相等
return self.findIndex(item => item.id == obj.id) == index
})
targetCommentItem.child = filteredData
targetCommentItem["childnum"] = data.count
if (targetCommentItem.child.length == data["count"]) page = 0
else page++
targetCommentItem["childPage"] = page
commentList.value[index] = targetCommentItem
})
}
let reportAlertShow = ref(false)
let reportToken = ref("")
// 点击打开举报
const report = token => {
if (isNeedLogin.value) {
goLogin()
return
}
reportToken.value = token
reportAlertShow.value = true
}
// 打开评论的 信息框
const openAvatarPopover = (index, i) => {
if (i != null) commentList.value[index]["child"][i]["popoverState"] = true
else commentList.value[index]["popoverState"] = true
}
// 监听滚动到底部
const handleScroll = () => {
// return
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop
const scrollHeight = document.documentElement.scrollHeight
const clientHeight = document.documentElement.clientHeight
// 列表下 滑动到底部 获取新数据
if (scrollTop + clientHeight >= scrollHeight - 40) getCommentList()
}
provide("reportAlertShow", reportAlertShow)
</script>
<style scoped lang="less">
.comment-title {
font-weight: 650;
color: #000000;
font-size: 16px;
margin-bottom: 16px;
.comment-amount {
color: #555;
font-weight: 400;
margin-left: 8px;
}
}
.post-comment {
// width: 100%;
height: 60px;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 6px;
margin-bottom: 30px;
margin-right: 30px;
.post-input {
height: 100%;
border: none;
outline: none;
background-color: transparent;
padding: 10px;
font-size: 14px;
resize: none;
&::placeholder {
color: #aaaaaa;
}
&::-webkit-scrollbar {
width: 0 !important;
}
scrollbar-width: none;
-ms-overflow-style: none;
}
.post-ok {
width: 60px;
height: 60px;
background-color: var(--main-color);
color: #fff;
font-size: 14px;
cursor: pointer;
border-radius: 6px;
}
}
.comment-list {
margin-bottom: 78px;
.comment-item {
&:not(:first-of-type) {
.comment-avatar {
margin-top: 10px;
}
.comment-header {
padding-top: 10px;
border-top: 1px dotted #d7d7d7;
}
}
padding-right: 30px;
.comment-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
margin-right: 10px;
cursor: pointer;
}
.comment-content {
.comment-header {
display: flex;
justify-content: space-between;
padding-right: 30px;
margin-bottom: 10px;
.comment-header-left {
font-size: 13px;
.comments-avatar {
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
}
.comments-username {
color: #555;
margin-right: 10px;
cursor: pointer;
}
.comments-time {
color: #aaaaaa;
// margin-right: 8px;
margin-right: 10px;
}
.comments-title {
height: 16px;
}
.comments-identity {
font-size: 12px;
color: #7f7f7f;
padding: 0 3px;
height: 20px;
background-color: rgba(240, 242, 245, 1);
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 5px;
}
}
.comment-header-right {
.menu-box {
position: relative;
&:hover .report-box {
display: flex;
}
.menu-icon {
width: 14px;
height: 14px;
cursor: pointer;
}
.report-box {
display: none;
position: absolute;
top: 24px;
right: 0;
width: 60px;
height: 24px;
background-color: rgba(246, 246, 246, 1);
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 5px;
font-size: 12px;
color: #7f7f7f;
cursor: pointer;
&::after {
content: "";
width: 58px;
height: 36px;
position: absolute;
top: -14px;
right: 0;
}
}
}
.comment-icon {
width: 14px;
height: 13px;
margin-left: 30px;
cursor: pointer;
}
.like-box {
font-size: 12px;
color: #aaa;
margin-left: 30px;
cursor: pointer;
.like-icon {
width: 14px;
height: 14px;
}
.like-quantity {
margin-left: 6px;
}
}
}
}
.comment-text {
font-size: 14px;
line-height: 22px;
color: #333;
margin-bottom: 10px;
word-break: break-all;
min-height: 22px;
cursor: pointer;
.comments-reply {
color: #92a1bf;
display: inline;
}
}
.comments-input-box {
margin-top: 13px;
margin-bottom: 10px;
.comments-input {
// width: 519px;
flex: 1;
height: 60px;
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 8px;
margin-right: 16px;
position: relative;
z-index: 1;
&::after {
content: "";
width: 20px;
height: 20px;
display: block;
background-color: rgba(215, 215, 215, 1);
position: absolute;
top: -2px;
left: 21px;
transform: rotate(45deg);
z-index: -1;
}
textarea {
border: none;
outline: none;
resize: none;
padding: 11px 16px;
border-radius: 7px 0 0 7px;
}
.comments-btn {
width: 58px;
height: 58px;
background-color: #31d72e;
border-radius: 0 7px 7px 0;
font-size: 14px;
color: #ffffff;
cursor: pointer;
}
}
.forkfork {
width: 12px;
height: 12px;
cursor: pointer;
}
}
}
.child-comments {
.comment-avatar {
margin-top: 10px;
}
.comment-header {
padding-top: 10px;
border-top: 1px dotted #d7d7d7;
}
.comment-item {
padding-right: 0;
}
}
.comments-also {
color: #62b1ff;
line-height: 22px;
font-size: 13px;
height: 46px;
margin-left: 30px;
cursor: pointer;
border-top: 1px dotted #d7d7d7;
.also-icon {
width: 10px;
height: 10px;
margin-left: 8px;
}
}
}
}
.comment-end {
font-size: 12px;
color: #d7d7d7;
text-align: center;
margin-bottom: 118px;
padding-right: 30px;
}
.empty-box {
padding: 80px 0 110px;
}
</style>

53
components/Empty.vue Normal file
View File

@ -0,0 +1,53 @@
<template>
<div class="empty-box-list flexcenter">
<div class="dot-list flexacenter">
<img class="item" src="@/assets/img/dot-yellow.svg" />
<img class="item" src="@/assets/img/dot-yellow.svg" />
<img class="item" src="@/assets/img/dot-yellow.svg" />
<img class="item" src="@/assets/img/dot-gray.svg" />
<img class="item" src="@/assets/img/dot-gray.svg" />
<img class="item" src="@/assets/img/dot-gray.svg" />
</div>
<img class="empty-icon" src="@/assets/img/empty-icon.svg" />
<div class="empty-hint">{{ hint || "暂无内容" }}</div>
</div>
</template>
<script setup>
let props = defineProps({
hint: String,
})
</script>
<style lang="less" scoped>
.empty-box-list {
// width: 690px;
// height: 490px;
background-color: #ffffff;
border-radius: 6px;
margin: 0 auto;
flex-direction: column;
.dot-list .item {
width: 8px;
height: 8px;
&:not(:last-of-type) {
margin-right: 5px;
}
}
.empty-icon {
width: 100px;
height: 100px;
margin-top: 10px;
margin-bottom: 15px;
}
.empty-hint {
font-size: 13px;
color: #7f7f7f;
line-height: 22px;
}
}
</style>

438
components/MyPopup.vue Normal file
View File

@ -0,0 +1,438 @@
<template>
<el-dialog v-model="show" width="750px" align-center class="dialog-box">
<div class="box flexflex">
<img class="cross" src="@/assets/img/cross-icon.png" alt @click="closeDialog()" />
<div class="tab-list flexcenter">
<div class="tab-item flexcenter" :class="{ pitch: MyPopupState == item.type }" v-for="item in tabList" :key="item.type" @click="cutMy(item.type)">
{{ item.name }}
<div class="value">{{ count[item.type] }}</div>
</div>
</div>
<div class="empty-box flexcenter" v-loading="true" v-if="(MyPopupState == 'collect' && collectLoading) || (MyPopupState == 'mj' && publisloading)"></div>
<div class="empty-box flexcenter" v-else-if="showList.length == 0">
<Empty></Empty>
</div>
<el-scrollbar v-else height="479px">
<div class="content" @scroll="handleListScroll">
<div class="item flexflex" v-for="(item, index) in showList" :key="index" @click="goDetails(item['uniqid'] || item?.data?.uniqid)">
<div class="left flexflex">
<div class="name">{{ item.title }}</div>
<div class="message">{{ item.message }}</div>
<div class="data">
30人参与 <i>|</i> 投票已结束
<span><i>|</i> 我已投：不懂，围观学习</span>
</div>
</div>
<div class="operate-area flexacenter">
<img class="delete-icon" v-if="MyPopupState == 'collect'" @click.stop="cancelCollection(item['token'], index)" src="@/assets/img/delete-icon.svg" />
<div class="anonymous-box flexacenter" v-else @click.stop="openAnonymousState(index)">
<div class="text">{{ item["anonymous"] == 1 ? "匿名" : "公开" }}</div>
<img class="arrow-icon" src="@/assets/img/arrow-gray.svg" />
<div class="state-popup flexflex" v-if="item['anonymousState']" @click.stop="">
<div class="state-popup-item flexacenter flex1" :class="{ 'pitch': item['anonymous'] == 0 }" @click="handleAnonymousState(item['token'], index, 0)">
<div class>公开发表</div>
<img class="state-popup-icon" src="@/assets/img/tick-green.svg" />
</div>
<div class="state-popup-item flexacenter flex1" :class="{ 'pitch': item['anonymous'] == 1 }" @click="handleAnonymousState(item['token'], index, 1)">
<div class>匿名发表</div>
<img class="state-popup-icon" src="@/assets/img/tick-green.svg" />
</div>
</div>
</div>
</div>
</div>
</div>
</el-scrollbar>
</div>
</el-dialog>
<!-- </div> -->
</template>
<script setup>
let props = defineProps({
// MyPopupState: String, // collect mj
count: Object,
})
let show = ref(false)
const router = useRouter()
const route = useRoute()
let MyPopupState = ref("") // collect participation sponsor
onMounted(() => {
// if (MyPopupState.value == "collect") getCollect();
// else if (MyPopupState.value == "mj") getPublish();
})
const tabList = [
{ name: "我的收藏", type: "collect" },
{ name: "我参与的投票", type: "participation" },
{ name: "我发起的投票", type: "sponsor" },
]
// 展示的 列表数据
let showList = ref([])
let collectList = []
let collectPage = 1
let collectLoading = ref(false)
let collectCount = ref(0)
const getCollect = () => {
if (collectPage == 0 || collectLoading.value) return
collectLoading.value = true
MyUserCollectHttp({ page: collectPage })
.then(res => {
if (res.code != 200) return
let data = res.data
collectList = collectList.concat(data.data)
showList.value = collectList
if (collectList.length < data["count"]) collectPage++
else collectPage = 0
collectCount.value = data["count"]
// MyPopupState.value = "collect"
// show.value = true
})
.finally(() => (collectLoading.value = false))
}
let publishList = []
let publisPage = 1
let publisloading = ref(false)
const getPublish = () => {
return
if (publisPage == 0 && !publisloading.value) return
publisloading.value = true
MyUserPublishHttp({ limit: 4, page: publisPage })
.then(res => {
if (res.code != 200) return
let data = res.data
publishList = publishList.concat(data.data)
if (publishList.length < data["count"]) publisPage++
else publisPage = 0
showList.value = publishList
// MyPopupState.value = "mj"
// show.value = true
})
.finally(() => (publisloading.value = false))
}
// 切换 isEmpty 是否清空收藏数据， 因为不确定用户是否有新收藏
const cutMy = (key, isEmpty) => {
if (isEmpty) {
collectList = []
collectPage = 1
collectCount.value = 0
}
if (key == "collect" && collectList.length == 0) getCollect()
else if (key == "mj" && publishList.length == 0) getPublish()
if (key == "collect") showList.value = collectList
else if (key == "mj") showList.value = publishList
MyPopupState.value = key
if (MyPopupState.value) show.value = true
}
// 打开匿名弹窗
const openAnonymousState = index => {
publishList.forEach(element => {
element["anonymousState"] = false
})
publishList[index]["anonymousState"] = true
showList.value = [...publishList]
}
// 关闭全部匿名弹窗
const closeAllAnonymousState = () => {
publishList.forEach(element => {
element["anonymousState"] = false
})
showList.value = [...publishList]
}
// 修改匿名状态
const handleAnonymousState = (token, index, anonymous) => {
changeAnonymousHttp({ token, anonymous }).then(res => {
if (res.code != 200) return
publishList[index]["anonymous"] = anonymous
showList.value = [...publishList]
closeAllAnonymousState()
ElMessage.success(res.message)
})
}
// 详情页滚动事件
const handleListScroll = e => {
const el = e.target
// 判断滚动到底部
if (el.scrollHeight - el.scrollTop !== el.clientHeight) return
if (MyPopupState.value == "collect") getCollect()
if (MyPopupState.value == "mj") getPublish()
}
let clearAllData = inject("clearAllData") || null
let getDetails = inject("getDetails") || null
// 打开详情页
const goDetails = uniqid => {
return
let path = route["path"] || ""
if (path.indexOf("/details/") != -1) {
clearAllData()
nextTick(() => getDetails())
}
// router.replace(`/details/${uniqid}`)
goToURL(`/details/${uniqid}`, false)
show.value = false
MyPopupState.value = ""
}
//暴露state和play方法
defineExpose({
cutMy,
})
// 关闭弹窗
const closeDialog = () => {
show.value = false
}
// const emit = defineEmits(["cutMy"]);
// 处理取消收藏
const cancelCollection = (token, index) => {
MyUserDeleteCollectHttp({ token }).then(res => {
if (res.code != 200) {
ElMessage.error(res.message)
return
}
collectList.splice(index, 1)
collectCount.value--
showList.value = [...collectList]
})
}
</script>
<style lang="less" scoped>
.popup-mask {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
max-width: none;
max-height: none;
border: none;
outline: none;
z-index: 1;
}
.box {
width: 750px;
height: 606px;
background-color: rgba(255, 255, 255, 1);
border-radius: 10px;
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
flex-direction: column;
// padding: 30px 30px 46px;
padding: 30px 8px 46px;
position: relative;
.cross {
position: absolute;
top: 12px;
right: 12px;
width: 12px;
height: 12px;
cursor: pointer;
}
.tab-list {
font-size: 16px;
margin-bottom: 29px;
.tab-item {
color: #aaaaaa;
padding: 0 22px;
cursor: pointer;
position: relative;
&:not(:last-of-type)::after {
content: "";
width: 1px;
height: 16px;
background: #d7d7d7;
position: absolute;
right: 0;
}
.value {
margin-left: 10px;
}
&.pitch {
font-weight: 650;
color: #000000;
.value {
color: #555;
font-weight: 400;
}
}
}
}
.empty-box {
width: calc(100% - 44px);
height: 100%;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 6px;
margin: 0 22px;
}
.content {
width: 100%;
height: 100%;
// background: #000000;
overflow: auto;
// padding-right: 13px;
// padding-bottom: 35px;
padding: 22px 22px 35px;
.item {
// flex-direction: column;
border-bottom: 1px dotted #ebebeb;
padding-bottom: 20px;
cursor: pointer;
margin-left: 22px;
margin-bottom: 21px;
.left {
flex-direction: column;
flex: 1;
position: relative;
&::after {
content: "";
position: absolute;
top: 4px;
left: -22px;
width: 5px;
height: 12px;
background-color: rgba(49, 215, 46, 1);
border-radius: 25px;
}
.name {
// font-weight: 650;
color: #000000;
line-height: 20px;
font-size: 14px;
margin-bottom: 10px;
}
.message {
color: #7f7f7f;
line-height: 22px;
font-size: 13px;
margin-bottom: 6px;
}
.data {
color: #aaaaaa;
line-height: 22px;
font-size: 12px;
i {
margin: 0 5px;
font-style: normal;
}
}
}
.operate-area {
display: flex;
justify-content: flex-end;
.delete-icon {
width: 12px;
cursor: pointer;
}
.anonymous-box {
.text {
font-size: 13px;
color: #333333;
}
.arrow-icon {
width: 8px;
height: 5px;
margin-left: 6px;
}
position: relative;
.state-popup {
position: absolute;
top: 30px;
right: 0;
width: 140px;
height: 101px;
background-color: rgba(255, 255, 255, 1);
border-radius: 10px;
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
flex-direction: column;
.state-popup-item {
justify-content: space-between;
color: #555;
font-size: 14px;
padding: 0 10px;
&:hover {
color: #000000;
}
&.pitch {
color: #72db86;
.state-popup-icon {
display: block;
}
}
&:not(:last-of-type) {
border-bottom: 1px dotted #e3e3e3;
}
.state-popup-icon {
width: 11px;
height: 8px;
display: none;
}
}
}
}
}
}
}
}
</style>
<style lang="less">
.dialog-box {
header {
display: none;
}
border-radius: 10px;
.el-dialog__body {
padding: 0;
}
}
</style>

249
components/Report.vue Normal file
View File

@ -0,0 +1,249 @@
<template>
<!-- 举报 -->
<div class="alert-form">
<div class="comments reports">
<div class="head">
<span style="display: flex; align-items: center;"> <img style="width: 25px; margin-right: 7px;" src="//app.gter.net/image/gter/offer/img/exclamationpoint.png" />举报投诉 </span>
<div class="close icon-close iconfont" @click="alertShow = false"></div>
</div>
<div class="form">
<div class="radio-area flexacenter">
<div class="radio-area-item flexacenter" :class="{ pitch: checkList.includes(s) }" v-for="(s, i) in reasonList" :key="i" @click="selectRadio(s)">
<div class="radio-area-frame"></div>
{{ s }}
</div>
</div>
<div class="text-box">
<textarea placeholder="请输入举报原因" v-model="alertText" maxlength="200"></textarea>
<div class="text-num">{{ 200 - alertText.length }}</div>
</div>
<div class="footer">
<button type="button" @click="cancel()">取消</button>
<button type="submit" @click="alertSubmit">提交</button>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { ElMessage } from "element-plus"
const props = defineProps(["reportToken"])
const reasonList = ["广告", "辱骂", "重复发送", "不良信息", "其他"]
let reportAlertShow = inject("reportAlertShow")
let checkList = ref([])
let alertShow = ref(false)
let alertText = ref("")
const selectRadio = value => {
const index = checkList.value.indexOf(value)
if (index === -1) checkList.value.push(value)
else checkList.value.splice(index, 1)
}
// 举报提交
const alertSubmit = () => {
if (checkList.value.length == 0) {
ElMessage.error("请选择举报类型")
return
}
checkList.value.push(alertText.value)
reportAlertShow.value = false
commentReportHttp({
message: checkList.value,
token: props.reportToken,
}).then(res => {
checkList.value = []
reportAlertShow.value = false
ElMessage({
message: res.message || "举报成功",
type: "success",
})
})
}
// 取消
const cancel = () => (reportAlertShow.value = false)
</script>
<style lang="less" scoped>
.alert-form {
display: block;
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
.reports {
height: 440px;
.radio-area {
margin-bottom: 40px;
.radio-area-item {
color: #606266;
font-size: 14px;
margin-right: 10px;
cursor: pointer;
&.pitch {
.radio-area-frame {
background-color: #50e3c2;
border-color: #50e3c2;
&::after {
-webkit-transform: rotate(45deg) scaleY(1);
transform: rotate(45deg) scaleY(1);
}
}
}
.radio-area-frame {
border: 1px solid #dcdfe6;
border-radius: 2px;
width: 14px;
height: 14px;
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
position: relative;
margin-right: 10px;
&::after {
-webkit-box-sizing: content-box;
box-sizing: content-box;
content: "";
border: 1px solid #fff;
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
position: absolute;
top: 1px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
transition: -webkit-transform 0.15s ease-in 0.05s;
transition: transform 0.15s ease-in 0.05s;
transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
-webkit-transform-origin: center;
transform-origin: center;
}
// }
}
}
}
}
.el-checkbox-group {
font-size: 0;
}
.comments {
display: block;
position: fixed;
z-index: 11;
left: 50%;
top: 50%;
width: 740px;
height: 440px;
max-width: 90vw;
max-height: 90vh;
transform: translate(-50%, -50%);
background-color: #ffffff;
border: none;
border-radius: 8px 8px 6px 6px;
.text-box {
position: relative;
}
.text-num {
position: absolute;
right: 10px;
bottom: 10px;
color: #999;
font-size: 12px;
}
.form {
display: block;
width: 100%;
padding: 34px 30px 40px;
textarea {
height: 172px;
margin-bottom: 30px;
display: block;
width: 100%;
background: #f7f7f7;
padding: 18px;
font-size: 14px;
border: 1px solid #f7f7f7;
border-radius: 5px;
outline: none;
resize: none;
line-height: 22px;
}
}
}
.head {
padding: 0 18px 0 30px;
display: flex;
height: 56px;
align-items: center;
justify-content: space-between;
background: #333333;
color: #fff;
font-size: 17px;
border-radius: 6px 6px 0 0;
.close {
color: #b3b3b3;
font-size: 14px;
cursor: pointer;
}
}
.footer {
display: flex;
justify-content: center;
align-items: center;
button[type="button"] {
margin-right: 20px;
}
button {
border: 1px #999999 solid;
border-radius: 5px;
background-color: #ffffff;
width: 128px;
height: 38px;
color: #333;
font-size: 14px;
outline: none;
cursor: pointer;
}
button[type="submit"] {
background-color: #50e3c2;
border-color: #50e3c2;
color: #fff;
}
}
}
.alert-form .el-checkbox__input.is-checked .el-checkbox__inner,
.alert-form .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #50e3c2;
border-color: #50e3c2;
}
.alert-form .el-checkbox__input.is-focus .el-checkbox__inner,
.alert-form .el-checkbox__inner:hover {
border-color: #50e3c2;
}
.alert-form .el-checkbox__input.is-checked + .el-checkbox__label {
color: #50e3c2;
}
</style>

273
components/top-head.vue Normal file
View File

@ -0,0 +1,273 @@
<template>
<section class="header flexacenter">
<div class="header-box flexacenter">
<a href="/index.html"><img class="logo-icon" src="@/assets/img/logo-icon.png" /></a>
<div class="header-right flexacenter">
<div class="search-box flexacenter">
<input class="flex1" placeholder="输入搜索关键词" v-model="keyword" @keydown.enter="searchClick()" @focus="searchFocus" @blur="searchBlur" />
<img class="search-icon" src="@/assets/img/search-icon.png" @click="searchClick" />
<div class="history-box" v-if="historicalSearchState">
<div class="history-title">历史搜索</div>
<div class="history-list">
<div class="history-item ellipsis" v-for="(item, index) in historicalSearchList" :key="index" @click.stop="handleClickHistoricalItem(item)">{{ item }}</div>
</div>
</div>
</div>
<!-- <div class="my-btn-list flexacenter">
<div class="my-btn-item flexcenter" @click="handleUser('collect')">我的收藏</div>
</div> -->
<div class="my-btn-list flexacenter">
<div class="my-btn-item flexcenter" @click="handleUser('collect')">我的收藏</div>
<div class="my-btn-item flexcenter" @click="handleUser('participation')">我参与的投票</div>
<div class="my-btn-item flexcenter" @click="handleUser('sponsor')">我发起的投票</div>
</div>
<div class="sponsor-btn flexcenter" @click="goPublish">
<img class="add-bj" src="@/assets/img/add-bj.svg" />
<img class="add-icon" src="@/assets/img/add-icon.svg" />
发布面经
</div>
</div>
</div>
</section>
<MyPopup ref="MyPopupRef" :count="count"></MyPopup>
</template>
<script setup>
import { useRoute, useRouter } from "vue-router"
const router = useRouter()
const route = useRoute()
let isNeedLogin = inject("isNeedLogin")
const goLogin = inject("goLogin")
let keyword = ref("")
onMounted(() => {
getHistoricalSearchList()
keyword.value = route.query["keyword"]
})
let count = ref({})
const getUser = () => {
return new Promise((resolve, reject) => {
MyUserInfoHttp().then(res => {
if (res.code != 200) return
let data = res.data
count.value = data["count"]
resolve(data)
})
})
}
watchEffect(() => {
keyword.value = route.query["keyword"]
})
// 点击跳转首页
// const goIndex = () => {
// // router.push(`/index.html`)
// }
// 点击发布
const goPublish = () => {
if (isNeedLogin.value) {
goLogin()
return
}
// router.push(`/publish`)
goToURL(`/publish`)
}
// 获取历史记录方法
const getHistoricalSearchList = () => {
const list = localStorage.getItem("historical-Search")
if (list) historicalSearchList.value = JSON.parse(list) || []
else historicalSearchList.value = []
}
// 存入历史记录 随便去重 和 限制长度 方法
const setHistoricalSearchList = () => {
if (!keyword.value) return
historicalSearchList.value.unshift(keyword.value)
historicalSearchList.value = [...new Set(historicalSearchList.value)]
historicalSearchList.value = historicalSearchList.value.slice(0, 10)
localStorage.setItem("historical-Search", JSON.stringify(historicalSearchList.value))
}
// 搜索点击事件
const searchClick = () => {
router.push(`/index.html?keyword=${keyword.value || ""}`)
// goToURL(`/index.html?keyword=${keyword.value || ""}`, false)
setHistoricalSearchList()
searchBlur()
}
// 搜索获取焦点
const searchFocus = () => {
if (historicalSearchList.value.length == 0) return
historicalSearchState.value = true
}
// 搜索失去焦点
const searchBlur = () => {
setTimeout(() => (historicalSearchState.value = false), 300)
}
// 点击历史记录 item
const handleClickHistoricalItem = value => {
keyword.value = value
searchClick()
}
let historicalSearchState = ref(false) // 历史记录弹窗状态
let historicalSearchList = ref([]) // 历史记录数据
let MyPopupRef = ref(null)
// 点击我的获取消息
const handleUser = async key => {
if (isNeedLogin.value) {
goLogin()
return
}
if (Object.keys(count.value).length === 0) {
await getUser()
MyPopupRef.value.cutMy(key, true)
} else MyPopupRef.value.cutMy(key)
}
defineExpose({
count,
})
</script>
<style scoped lang="less">
.header {
min-width: 1200px;
padding-top: 42px;
margin-bottom: 40px;
.header-box {
margin: 0 auto;
width: 1200px;
justify-content: space-between;
.logo-icon {
width: 71px;
height: 38px;
cursor: pointer;
}
.header-right {
.search-box {
width: 320px;
height: 32px;
background-color: #fff;
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 104px;
position: relative;
input {
height: 100%;
border: none;
outline: none;
padding: 0 16px;
font-size: 13px;
border-radius: 104px;
}
.search-icon {
width: 20px;
height: 20px;
margin: 0 16px;
cursor: pointer;
}
.history-box {
position: absolute;
top: 36px;
left: 0;
width: 320px;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 10px;
padding-top: 15px;
z-index: 2;
padding-bottom: 14px;
.history-title {
font-size: 13px;
color: #aaaaaa;
padding-left: 16px;
margin-bottom: 9px;
}
.history-list {
.history-item {
font-size: 14px;
color: #333;
height: 30px;
line-height: 30px;
padding: 0 16px;
cursor: pointer;
}
}
}
}
.my-btn-list {
margin-left: 20px;
height: 32px;
background-color: #fff;
border: 1px solid rgba(235, 235, 235, 1);
border-radius: 5px;
font-size: 13px;
padding: 0 7px;
color: #555555;
.my-btn-item {
padding: 0 10px;
cursor: pointer;
height: 100%;
position: relative;
&:not(:last-of-type)::after {
content: "|";
color: #d7d7d7;
position: absolute;
right: 0;
}
}
}
.sponsor-btn {
width: 130px;
height: 32px;
position: relative;
z-index: 1;
font-size: 13px;
color: #000;
margin-left: 20px;
cursor: pointer;
.add-icon {
width: 14px;
height: 14px;
margin-right: 4px;
}
.add-bj {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
}
}
}
}
}
</style>

51
composables/api.js Normal file
View File

@ -0,0 +1,51 @@
import Http from "@/utils/http";
// 投票, 数据列表 - 列表
export const getListHttp = params => {
return Http.post("/api/lists", params)
}
// 详情数据 - 投票详情
export const detailsHttp = query => {
return Http.post("/api/details", query)
}
// 详情数据 - 获取评论数据
export const commentListHttp = params => {
return Http.post("/api/comment/lists", params)
}
// 评论相关 - 评论点赞
export const detailsLikeCommentHttp = query => {
return Http.post("/api/comment/like", query)
}
// 详情数据 - 获取子评论数据
export const detailsChildCommentListHttp = query => {
return Http.post("/api/comment/childrenList", query)
}
// 详情数据 - 提交评论
export const detailsSubmitommentListHttp = query => {
return Http.post("/api/comment/submit", query)
}
// 发布相关 - 发布问题初始化,编辑
export const publishInitHttp = query => {
return Http.post("/api/publish", query)
}
// 发布相关 - 提交
export const publishSubmitHttp = query => {
return Http.post("/api/publish/submit", query)
}
// 操作-点赞
export const operateLikeHttp = query => {
return Http.post("/api/operate/like", query)
}
// 数据操作 - 收藏
export const operateCollectHttp = query => {
return Http.post("/api/operate/collect", query)
}

111
composables/utils.js Normal file
View File

@ -0,0 +1,111 @@
// 处理时间
export const handleDate = (dateTimeStamp = new Date()) => {
dateTimeStamp = dateTimeStamp ? dateTimeStamp : null
var timestamp = new Date(dateTimeStamp)
timestamp = timestamp.getTime()
var minute = 1000 * 60
var hour = minute * 60
var day = hour * 24
var now = new Date().getTime()
var diffValue = now - timestamp
var result
if (diffValue < 0) return
var dayC = diffValue / day
var hourC = diffValue / (hour + 1)
var minC = diffValue / minute
if (dayC >= 7) {
let date = new Date(timestamp)
let Y = date.getFullYear() + "-"
let M = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-"
let D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " "
// let h = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":"
// let m = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()
result = "" + Y + M + D
} else if (dayC >= 1) result = "" + Math.round(dayC) + "天前"
else if (hourC >= 1) result = "" + Math.round(hourC) + "小时前"
else if (minC >= 1) result = "" + Math.round(minC) + "分钟前"
else result = "刚刚"
return result
}
// 处理 截止时间
export const handleDeadline = (dateTimeStamp = new Date()) => {
// dateTimeStamp = dateTimeStamp ? dateTimeStamp * 1000 : null
var timestamp = new Date(dateTimeStamp)
timestamp = timestamp.getTime()
var minute = 1000 * 60
var hour = minute * 60
var day = hour * 24
var now = new Date().getTime()
var diffValue = timestamp - now
var result
if (diffValue < 0) return "投票已"
var dayC = diffValue / day
var hourC = diffValue / (hour + 1)
var minC = diffValue / minute
if (dayC >= 1) result = "" + Math.round(dayC) + "天后"
else if (hourC >= 1) result = "" + Math.round(hourC) + "小时后"
else if (minC >= 1) result = "" + Math.round(minC) + "分钟后"
return result
}
export const timestampToDate = (timestamp) => {
var date = new Date(timestamp);
var year = date.getFullYear();
var month = ("0" + (date.getMonth() + 1)).slice(-2); // Months are zero based. Add leading 0.
var day = ("0" + date.getDate()).slice(-2); // Add leading 0.
return `${year}-${month}-${day}`;
}
// isblank 是否需要 新标签页 默认是新标签页
export const goToURL = (url, isblank = true) => {
if (typeof document !== "object") return
let aTab = document.createElement('a')
document.body.appendChild(aTab)
aTab.setAttribute('href', url)
if (isblank) aTab.setAttribute('target', "_blank")
aTab.click()
}
export const colourValue = [{
main: "rgba(44, 186, 230, 1)",
bg: "rgba(234, 245, 248, 1)",
bc: "rgba(213, 235, 242, 1)",
}, {
main: "rgba(49, 215, 46, 1)",
bg: "rgba(244, 247, 244, 1)",
bc: "rgba(225, 244, 225, 1)",
}, {
main: "rgba(106, 117, 217, 1)",
bg: "rgba(237, 238, 247, 1)",
bc: "rgba(227, 228, 246, 1)",
}, {
main: "rgba(172, 183, 46, 1)",
bg: "rgba(245, 246, 228, 1)",
bc: "rgba(238, 238, 215, 1)",
}, {
main: "rgba(38, 223, 190, 1)",
bg: "rgba(237, 247, 245, 1)",
bc: "rgba(220, 244, 239, 1)",
}, {
main: "rgba(242, 122, 71, 1)",
bg: "rgba(255, 244, 239, 1)",
bc: "rgba(249, 231, 224, 1)",
}]
export const base62ToDecimal = base62 => {
const base = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
let decimal = 0
for (let i = 0; i < base62.length; i++) {
decimal += base.indexOf(base62[i]) * Math.pow(62, base62.length - i - 1)
}
return decimal
}

6
nuxt.config.ts Normal file
View File

@ -0,0 +1,6 @@
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
devtools: { enabled: true },
modules: ['@element-plus/nuxt'],
})

10638
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

26
package.json Normal file
View File

@ -0,0 +1,26 @@
{
"name": "nuxt-app",
"private": true,
"type": "module",
"scripts": {
"build": "nuxt build --no-cache",
"dev": "nuxt dev --port 3001 --host",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare"
},
"devDependencies": {
"@element-plus/nuxt": "^1.0.7",
"element-plus": "^2.4.3",
"less": "^4.2.0",
"nuxt": "^3.9.0",
"vue": "^3.4.3",
"vue-router": "^4.2.5"
},
"dependencies": {
"axios": "^1.6.2",
"masonry-layout": "^4.2.2",
"qs": "^6.11.2",
"sortablejs": "^1.15.1"
}
}

397
pages/details/[id].vue Normal file
View File

@ -0,0 +1,397 @@
<template>
<TopHead></TopHead>
<div class="content flexflex" :style="{ '--main-color': colourValue[uniqidIndex]['main'], '--bg-color': colourValue[uniqidIndex]['bg'], '--bc-color': colourValue[uniqidIndex]['bc'] }">
<div class="header flexacenter">
<span>{{ info.title }}</span>
<span class="views flexcenter">
<img class="eye-icon" src="@/assets/img/eye-icon.svg" />
{{ info.views }}
</span>
</div>
<div class="left">
<div class="info flexacenter">
<div class="info-left flexacenter">
<el-popover placement="bottom-start" :width="140" trigger="click" popper-class="avatar-box-popper" :show-arrow="false">
<template #reference>
<div class="flexcenter">
<img class="avatar" v-if="info.avatar" :src="info.avatar" />
<div class="username">{{ info.nickname }}</div>
</div>
</template>
<div class="avatar-box flexflex" v-if="info['uin']">
<a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(info['uin'])">
<img class="avatar-icon" src="@/assets/img/send-messages-icon.png" />
发送信息
</a>
<a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(info['uin'])">
<img class="avatar-icon" src="@/assets/img/homepage-icon.png" />
TA的主页
</a>
</div>
</el-popover>
<div class="post-time">{{ handleDate(info.releasetime) }}发布</div>
</div>
<div class="info-right flexacenter" v-if="info['status'] == 1">
<div class="cut-off">{{ handleDeadline(info.deadline) }}结束</div>
<div class="state">进行中</div>
</div>
<div class="info-right flexacenter" v-else>
<div class="cut-off" v-if="info.deadline">已于{{ info.deadline }}结束</div>
<div class="state over">已结束</div>
</div>
</div>
<div class="message">{{ info.message }}</div>
<!-- 共有 58 人参与，你已投票 -->
<div class="hint">{{ info.status == 1 && isvote == 0 ? `已有 ${info.votes} 人参与，` : `共有 ${info.votes} 人参与` }} {{ `${isvote == 1 ? "你已投票" : info.status == 1 ? "参与投票即可查看实时结果" : ""}` }}</div>
<div class="option-list flexflex" v-if="info['status'] == 1">
<div class="option-item flexflex" v-for="(item, index) in option" :key="item.id">
<div class="serial flexcenter">{{ index + 1 }}</div>
<span class="flex1">{{ item.value }} </span>
</div>
</div>
<div class="option-area" v-else>
<div class="option-item flexflex" :class="{ 'pitch': item.selected }" v-for="(item, index) in option" :key="item.id">
<div class="flexflex" style="padding: 2px 0px;">
<div class="option-number flexcenter">{{ index + 1 }}</div>
<img class="tick-icon" src="@/assets/img/tick-black.svg" />
<div class="option-content flex1">{{ item.value }}</div>
</div>
<div class="option-progress flexacenter">
<div class="option-progress-step" :style="{ width: item.percentage + '%' }"></div>
<div class="option-progress-value">{{ item.count }}</div>
</div>
</div>
</div>
</div>
<div class="right"><DetailsComments :token="token"></DetailsComments></div>
</div>
<DetailsArea></DetailsArea>
</template>
<script setup>
import { useRoute } from "vue-router"
import { ElMessage } from "element-plus"
const route = useRoute()
// console.log(route, "route")
let isNeedLogin = inject("isNeedLogin")
const goLogin = inject("goLogin")
let id = route.params.id
const uniqidEnd = id.charAt(id.length - 1)
const uniqidIndex = base62ToDecimal(uniqidEnd) % 6
onMounted(() => getinit())
let info = ref({})
let qrcode = ref("") // 分享二维码
let iscollection = ref(0) // 是否收藏
let islike = ref(0) // 是否点赞
let ismyself = ref(0) // 是否是作者
let detailsLoading = ref(false) // 详情加载中
let isvote = ref(0) // 是否已经投票
let option = ref([])
let token = ref("")
provide("info", info)
provide("islike", islike)
provide("iscollection", iscollection)
provide("token", token)
provide("qrcode", qrcode)
const getinit = () => {
detailsHttp({ uniqid: id }).then(res => {
console.log(res)
if (res.code != 200) {
ElMessage.error(res.message)
return
}
let data = res.data
info.value = data["info"]
isvote.value = data["isvote"]
iscollection.value = data["iscollection"]
islike.value = data["islike"]
ismyself.value = data["ismyself"]
option.value = data["option"]
qrcode.value = data.share?.qrcode
token.value = data["token"]
console.log(data.share?.qrcode, "data.share?.qrcode")
})
}
// 点击发送信息
const sendMessage = uin => {
redirectToExternalWebsite(`https://bbs.gter.net/home.php?mod=space&showmsg=1&uid=${uin}`)
}
// 点击ta的主页
const TAHomePage = uin => {
redirectToExternalWebsite(`https://bbs.gter.net/home.php?mod=space&uid=${uin}`)
}
// 跳转 url
const redirectToExternalWebsite = url => {
const link = document.createElement("a")
link.href = url
link.target = "_blank"
link.click()
}
provide("sendMessage", sendMessage)
provide("TAHomePage", TAHomePage)
</script>
<style scoped lang="less">
.content {
width: 1200px;
// height: 500px;
margin: 0 auto;
border-radius: 16px;
background: #fff;
flex-wrap: wrap;
--main-color: rgba(44, 186, 230, 1);
--bg-color: rgba(234, 245, 248, 1);
--bc-color: rgba(213, 235, 242, 1);
.header {
width: 100%;
height: 80px;
padding: 0 30px;
border-bottom: 1px solid #ebebeb;
font-weight: 650;
font-size: 20px;
color: #000000;
line-height: 20px;
justify-content: space-between;
.views {
font-size: 12px;
color: #aaa;
font-weight: 400;
.eye-icon {
margin-right: 5px;
}
}
}
.left {
width: 658px;
// height: 500px;
padding: 30px 42px 100px 30px;
border-right: 16px solid #f6f6f6;
.info {
font-size: 13px;
justify-content: space-between;
margin-bottom: 24px;
.info-left {
.avatar {
width: 24px;
height: 24px;
margin-right: 10px;
cursor: pointer;
border-radius: 50%;
}
.username {
color: #333;
margin-right: 10px;
cursor: pointer;
}
.post-time {
line-height: 22px;
color: #aaa;
}
}
.info-right {
.cut-off {
color: #aaa;
}
.state {
height: 20px;
line-height: 20px;
padding: 0 7px;
color: #fff;
background: var(--main-color);
border-radius: 25px;
font-size: 12px;
margin-left: 10px;
&.over {
background: rgba(51, 51, 51, 1);
}
}
}
}
.message {
font-size: 14px;
line-height: 24px;
color: #333;
margin-bottom: 30px;
}
.hint {
font-size: 13px;
line-height: 22px;
color: #aaaaaa;
margin-bottom: 16px;
}
.tick-icon {
width: 14px;
height: 14px;
margin-top: 3px;
margin-right: 6px;
}
.option-list {
flex-direction: column;
.option-item {
width: 570px;
// height: 40px;
// background-color: var(--bg-color);
border: 1px solid var(--bc-color);
border-radius: 10px;
word-break: break-all;
font-size: 14px;
line-height: 20px;
color: #333333;
padding: 9px 15px;
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
&::after {
background-color: var(--bg-color);
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
// border: 1px solid var(--bc-color);
}
&:hover::after {
background-color: var(--main-color);
opacity: 0.156862745098039;
}
&:not(:last-of-type) {
margin-bottom: 10px;
}
&.pitch {
.option-number {
display: none;
}
.tick-icon {
display: block;
}
.option-content {
color: #000000;
font-weight: 650;
}
}
.serial {
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--main-color);
font-size: 11px;
color: #ffffff;
margin-top: 3px;
margin-right: 6px;
}
}
}
.option-area {
width: 570px;
// height: 318px;
background-color: var(--bg-color);
border: 1px solid var(--bc-color);
border-radius: 10px;
padding: 8px 0;
.option-item {
padding: 7px 15px 10px;
flex-direction: column;
word-break: break-all;
&:not(:last-of-type) {
border-bottom: 1px solid var(--bc-color);
}
&.pitch {
.option-number {
display: none;
}
.tick-icon {
display: block;
}
.option-content {
font-weight: 650;
color: #000000;
}
}
.option-number {
font-size: 11px;
color: #ffffff;
width: 14px;
height: 14px;
background-color: var(--main-color);
border-radius: 50%;
margin-right: 6px;
margin-top: 3px;
}
.tick-icon {
display: none;
}
.option-content {
font-size: 14px;
color: #333;
line-height: 20px;
word-break: break-word;
}
.option-progress {
height: 5px;
width: 100%;
justify-content: flex-end;
// display: none;
margin-top: 3px;
.option-progress-step {
width: 24%;
background-color: var(--main-color);
opacity: 0.49803922;
height: 4px;
border-radius: 66px;
margin-right: 14px;
}
.option-progress-value {
font-size: 12px;
color: var(--main-color);
line-height: 20px;
}
}
}
}
}
.right {
flex: 1;
padding-top: 22px;
padding-left: 42px;
}
}
</style>

326
pages/index.html/index.vue Normal file
View File

@ -0,0 +1,326 @@
<template>
<TopHead></TopHead>
<div class="search-info flexacenter" v-if="keyword">
<div class="flexacenter" @click="closeKeyword">
{{ keyword }}
<img class="round-fork-fork" src="@/assets/img/round-fork-fork.png" />
</div>
<div class="halving-line"></div>
<div class="search-result">共 {{ count }} 条搜索数据</div>
</div>
<div class="vote-list-box" ref="gridContainer">
<a class="vote-item" target="_blank" :href="`/details/${item['uniqid']}`" v-for="(item, index) in list" :key="index" :class="{ 'isvote': item['isvote'] == 1 || item['status'] == 0 }" :style="{ '--main-color': colourValue[item.uniqidIndex]['main'], '--bg-color': colourValue[item.uniqidIndex]['bg'], '--bc-color': colourValue[item.uniqidIndex]['bc'] }">
<div class="vote-title">
<div class="vote-state" v-if="item['status'] == 1">进行中</div>
<div class="vote-state finish" v-else>已结束</div>
{{ item["title"] }}
</div>
<div class="vote-explain">{{ item["message"] }}</div>
<div class="vote-option-list flexflex">
<div class="vote-option-item flexflex" :class="{ 'pitch': index == 1 }" v-for="(item, index) in item?.option" :key="index">
<div class="flexflex" style="padding: 2px 0;">
<div class="vote-option-number flexcenter">{{ index + 1 }}</div>
<img class="tick-icon" src="@/assets/img/tick-black.svg" />
<div class="vote-option-content flex1">{{ item["value"] }}</div>
</div>
<div class="vote-option-progress flexacenter">
<div class="vote-option-progress-step" :style="{ width: item['percentage'] + '%' }"></div>
<div class="vote-option-progress-value">{{ item["count"] }}</div>
</div>
</div>
</div>
<div class="vote-data flexacenter">
<div class="vote-data-left flexacenter">
18人参与 <template v-if="item['deadline']">| {{ handleDeadline(item["deadline"]) }}结束</template>
</div>
<div class="vote-data-right flexacenter">
<div class="vote-data-item flexacenter"><img class="vote-data-icon" src="@/assets/img/eye-icon.svg" />&nbsp; {{ 96 }}</div>
<div class="vote-data-item flexacenter" @click="handleLike(item['token'])">
<img v-if="item['islike'] == 0" class="vote-data-icon" src="@/assets/img/like-no.svg" />
<img v-else class="vote-data-icon" src="@/assets/img/like-yes.png" />&nbsp; {{ item["likes"] }}
</div>
<div class="vote-data-item flexacenter"><img class="vote-data-icon" src="@/assets/img/comment-icon.svg" />&nbsp; {{ item["comments"] }}</div>
</div>
</div>
</a>
</div>
</template>
<script setup>
import { useRoute } from "vue-router"
const route = useRoute()
const router = useRouter()
let keyword = ref("")
let page = 1 // 投票页数从 1 开始
let count = ref(0)
let list = ref([])
let loading = false // 加载中
keyword.value = route.query["keyword"]
const gridContainer = ref(null)
let masonryInstance = null
onMounted(async () => {
let Masonry = await import("masonry-layout")
masonryInstance = new Masonry.default(gridContainer.value, {
itemSelector: ".vote-item",
gutter: 22.5,
})
getList()
window.addEventListener("scroll", handleScroll)
})
const getList = () => {
if (page == 0 || loading) return
loading = true
getListHttp({ page, keyword: keyword.value })
.then(res => {
if (res.code != 200) {
page = 0
ElMessage.error(res.message)
return
}
let data = res.data
data.data.forEach(element => {
let uniqidEnd = element["uniqid"].charAt(element["uniqid"].length - 1)
element["uniqidIndex"] = base62ToDecimal(uniqidEnd) % 6
})
list.value = list.value.concat(data.data)
count.value = data.count
if (data.count > list.value.length) page++
else page = 0
nextTick(() => {
masonryInstance.reloadItems()
masonryInstance.layout()
})
})
.finally(() => (loading = false))
}
const handleScroll = () => {
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop
const scrollHeight = document.documentElement.scrollHeight
const clientHeight = document.documentElement.clientHeight
// 列表下 滑动到底部 获取新数据
if (scrollTop + clientHeight >= scrollHeight - 40) getList()
}
// 处理点赞
const handleLike = token => {
console.log("handleLike", token)
}
// 点击关闭搜索
const closeKeyword = () => {
// keyword.value = ""
router.push("./index.html")
}
watch(
() => route.query,
() => {
keyword.value = route.query["keyword"]
page = 1
list.value = []
count.value = 0
getList()
}
)
</script>
<style lang="less" scoped>
.vote-item {
--main-color: rgba(44, 186, 230, 1);
--bg-color: rgba(234, 245, 248, 1);
--bc-color: rgba(213, 235, 242, 1);
}
.search-info {
font-size: 14px;
color: #72db86;
width: 1200px;
margin: 0 auto 31px;
.round-fork-fork {
width: 14px;
height: 14px;
margin-left: 8px;
cursor: pointer;
}
.halving-line {
width: 1px;
height: 13px;
background-color: #d7d7d7;
margin: 0 20px;
}
.search-result {
font-size: 13px;
color: #7f7f7f;
}
}
.vote-list-box {
width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
.vote-item {
width: 385px;
background-color: rgba(255, 255, 255, 1);
border-radius: 16px;
padding: 25px 22px 24px;
margin-bottom: 20px;
cursor: pointer;
&.isvote {
.vote-option-list {
.vote-option-item {
.vote-option-progress {
display: flex;
}
}
}
}
.vote-title {
.vote-state {
background-color: var(--main-color);
border-radius: 25px;
font-size: 12px;
margin-right: 6px;
height: 20px;
color: #ffffff;
padding: 0 6px;
display: inline-flex;
justify-content: center;
align-items: center;
&.finish {
color: #ffffff;
background: #000;
}
}
font-weight: 650;
font-style: normal;
font-size: 16px;
color: #000000;
line-height: 26px;
margin-bottom: 10px;
word-break: break-all;
}
.vote-explain {
color: #555555;
line-height: 22px;
font-size: 13px;
word-break: break-word;
margin-bottom: 14px;
}
.vote-option-list {
width: 340px;
background-color: var(--bg-color);
border: 1px solid var(--bc-color);
border-radius: 13px;
flex-direction: column;
padding: 8px 0;
margin-bottom: 16px;
.vote-option-item {
padding: 10px 15px;
flex-direction: column;
&:not(:last-of-type) {
border-bottom: 1px solid var(--bc-color);
}
&.pitch {
.vote-option-number {
display: none;
}
.tick-icon {
display: block;
}
.vote-option-content {
color: #000;
font-weight: 650;
}
}
.vote-option-number {
font-size: 11px;
color: #ffffff;
width: 14px;
height: 14px;
background-color: var(--main-color);
border-radius: 50%;
margin-right: 6px;
margin-top: 3px;
}
.tick-icon {
width: 14px;
height: 14px;
margin-top: 3px;
margin-right: 6px;
display: none;
}
.vote-option-content {
font-size: 14px;
color: #333;
line-height: 20px;
}
.vote-option-progress {
height: 5px;
width: 100%;
justify-content: flex-end;
display: none;
margin-top: 5px;
.vote-option-progress-step {
// background-color: rgba(49, 215, 46, 0.498039215686275);
background-color: var(--main-color);
opacity: 0.49039;
// width: 150px;
height: 4px;
border-radius: 66px;
margin-right: 14px;
}
.vote-option-progress-value {
font-size: 12px;
color: var(--main-color);
line-height: 20px;
}
}
}
}
.vote-data {
justify-content: space-between;
font-size: 12px;
color: #aaaaaa;
line-height: 22px;
.vote-data-item {
margin-left: 16px;
.vote-data-icon {
width: 13px;
cursor: pointer;
}
}
}
}
}
</style>

5
pages/index.vue Normal file
View File

@ -0,0 +1,5 @@
<template></template>
<script setup>
const router = useRouter()
router.replace("/index.html")
</script>

650
pages/publish/index.vue Normal file
View File

@ -0,0 +1,650 @@
<template>
<Head>
<Title>寄托天下 - 面经发布</Title>
<Meta name="keyword" content="留学资讯，留学交流论坛，留学面经，面试经验，寄托天下" />
</Head>
<div class="content-box">
<div class="flexacenter save-box save-left" @click="submit(0)">
<img class="save-icon" src="@/assets/img/arrow-gray.png" />
保存并退出
</div>
<div class="flexacenter save-box save-right" @click="abandonSaving">
放弃保存
<img class="save-icon" src="@/assets/img/cross-icon.png" />
</div>
<div class="contentcontent flex1">
<div class="header flexacenter">发起投票</div>
<div class="box flex1 flexflex">
<div class="box-left">
<div class="item">
<div class="titletitle flexacenter">
标题
<div class="asterisk">*</div>
</div>
<el-input class="item-input headline-textarea" type="textarea" placeholder="请输入" maxlength="24" show-word-limit v-model="info.title" autosize></el-input>
</div>
<div class="item">
<div class="titletitle flexacenter">详细说明</div>
<el-input class="item-input explain-textarea" type="textarea" placeholder="请输入" maxlength="1000" show-word-limit v-model="info.message" autosize></el-input>
</div>
<div class="item">
<div class="titletitle flexacenter">
截止投票日期
<div class="asterisk">*</div>
</div>
<div class="time-box item-input-box flexacenter">
<el-config-provider :locale="zhCn">
<el-date-picker v-model="info.deadline" type="date" placeholder="请选择" size="large" class="flex1 flexacenter" :clear-icon="{}" value-format="YYYY-MM-DD" :disabled-date="setDisabled" />
</el-config-provider>
<img class="calendar-icon" src="@/assets/img/calendar-icon.svg" />
</div>
</div>
</div>
<div class="box-right flex1">
<div class="item">
<div class="titletitle flexacenter">
选项
<div class="asterisk">*</div>
</div>
<div class="option-list flexflex">
<div class="" ref="draggableContainer">
<template v-if="optionList.length == 0">
<div class="option-item flexacenter" v-for="(item, index) in 2" :key="index">
<div class="option-content flexacenter">
<div class="option-text flexcenter">{{ index + 1 }}</div>
<input class="option-input flex1" placeholder="请输入" />
</div>
<div class="option-drag flexcenter">
<img class="option-icon" src="@/assets/img/option-icon.svg" />
</div>
</div>
</template>
<template v-else>
<div class="option-item flexacenter" v-for="(item, index) in optionList" :key="item.id">
<div class="option-content flexacenter">
<div class="option-text flexcenter">{{ index + 1 }}</div>
<input class="option-input flex1" placeholder="请输入" v-model="optionList[index]['message']" />
<img class="option-cross" v-if="optionList[index]['message']" @click="clearMessage(index)" src="@/assets/img/cross-undertint-icon.svg" />
</div>
<div class="option-drag flexcenter">
<img class="option-icon" src="@/assets/img/option-icon.svg" />
</div>
<img class="rubbish-icon" v-if="optionList.length > 2" @click="deleteOption(index)" src="@/assets/img/rubbish-icon.svg" />
</div>
</template>
</div>
<div class="option-item option-circusee flexacenter" :class="{ 'hascontent': optionList.length > 2 }">
<div class="option-content flexacenter">
<div class="option-text flexcenter">{{ optionList.length + 1 }}</div>
<input class="option-input flex1" disabled value="不懂，围观学习" />
</div>
</div>
</div>
<div class="flexcenter" style="padding-right: 26px;">
<div class="add-box flexcenter" @click="addOption()">
<img class="add-icon" src="@/assets/img/add-green-icon.svg" />
添加选项
</div>
</div>
</div>
</div>
</div>
<div class="hint-box flexcenter">注：请确保以上内容已正确填写，发布后将不能修改</div>
</div>
</div>
<div class="floor-box">
<div class="box flexacenter">
<div class="anonymous-box flexacenter" @click="cutAnonymous()">
<img class="anonymous-icon" v-if="info.anonymous == 0" src="@/assets/img/frame-no.svg" />
<img class="anonymous-icon" v-else src="@/assets/img/frame-pitch.svg" />
匿名发表
<div class="text">（发布后可修改）</div>
</div>
<div class="issue-btn flexcenter" @click="submit()">发布</div>
</div>
</div>
</template>
<script setup>
import { useRouter } from "vue-router"
import { ElMessage } from "element-plus"
import zhCn from "element-plus/dist/locale/zh-cn.mjs"
import Sortable from "sortablejs"
const router = useRouter()
const goLogin = inject("goLogin")
const setDisabled = time => {
return time.getTime() < Date.now() // 可选历史天、可选当前天、不可选未来天
}
onMounted(() => {})
onBeforeMount(() => {
clearBottom()
// clearTop()
})
// 清除底部的次数
let clearBottomCount = 0
// 清除 底部
const clearBottom = () => {
const indexFooter = document.querySelector("section.index-footer")
if (!indexFooter) {
clearBottomCount++
setTimeout(() => clearBottom(), 50)
return
}
if (clearBottomCount == 15) return
indexFooter.style.display = "none"
}
// 清除顶部的次数
let clearTopCount = 0
// 清除 顶部
const clearTop = () => {
const indexHeader = document.querySelector("header.page-header")
if (!indexHeader) {
clearTopCount++
setTimeout(() => clearTop(), 50)
return
}
if (clearTopCount == 5) return
indexHeader.style.display = "none"
}
let info = ref({})
let token = ""
// 切换匿名状态
const cutAnonymous = () => {
info.value["anonymous"] = info.value["anonymous"] == 0 ? 1 : 0
}
let loading = false // 加载中
// 提交发布
const submit = (status = 1) => {
// status = 0
if (loading) return
loading = true
let option = []
optionList.value.forEach(element => {
if (element["message"].trim() !== "") option.push(element["message"])
})
if (status == 1) {
if (option.length < 2) {
ElMessage.error("请设置至少2个选项~")
return
}
option.push("不懂，围观学习")
}
info.value["option"] = option
// return
publishSubmitHttp({ info: info.value, token, status })
.then(res => {
if (res.code != 200) {
ElMessage.error(res.message)
return
}
const data = res.data
ElMessage.success(res.message)
// router.push(`/details/${data["uniqid"]}`)
if (status == 0) goToURL(`/index.html`, false)
else goToURL(`/details/${data["uniqid"]}`, false)
})
.finally(() => (loading = false))
}
// 放弃保存 跳跃上一页或者首页
const abandonSaving = () => {
if (router.currentRoute.value.meta.previousPage) router.go(-1)
else goToURL("./index.html", false) // 跳转到首页
// else router.push("./index.html") // 跳转到首页
}
let draggableContainer = ref(null)
const sortable = ref(null)
onMounted(() => {
getinit()
initDraggable()
})
const getinit = () => {
publishInitHttp().then(res => {
if (res.code != 200) {
ElMessage.error(res.message)
if (res.code == 401) goLogin()
return
}
const data = res.data
// data.info.option = []
const option = data.info?.option || []
if (option.length == 0) {
for (let index = 0; index < 2; index++) {
optionList.value.push({ id: index, message: "" })
}
} else {
option.forEach((message, index) => {
optionList.value.push({ id: index, message })
})
}
let deadline = data["info"]["deadline"] || 0
if (deadline) data["info"]["deadline"] = handleDate(deadline)
info.value = data.info
token = data.token
})
}
// 处理初始化 面试时间的 时间戳格式
const handleDate = timestamp => {
// 使用Date对象将时间戳转换为日期对象
var date = new Date(timestamp * 1000)
// 获取年份、月份和日期
var year = date.getFullYear()
var month = ("0" + (date.getMonth() + 1)).slice(-2) // 月份从0开始，需要加1并补0
var day = ("0" + date.getDate()).slice(-2) // 获取日期并补0
// 拼接为yyyy-mm-dd格式的日期字符串
var formattedDate = year + "-" + month + "-" + day
return formattedDate
}
// 初始化拖拽
const initDraggable = () => {
if (!draggableContainer.value) {
console.warn("容器不能为空")
return
}
sortable.value = Sortable.create(draggableContainer.value, {
handle: ".option-drag",
draggable: ".option-item", // 允许拖拽的项目类名
direction: "horizontal",
forceFallback: true,
animation: 300,
onUpdate(e) {
if (e.oldIndex !== undefined && e.newIndex !== undefined) {
// 删除拖拽的元素
const list = [...optionList.value]
const item = list.splice(e.oldIndex, 1)[0]
// 把删除的元素放到新的位置
list.splice(e.newIndex, 0, item)
optionList.value = list
}
},
})
}
let optionList = ref([]) // 特殊的 选项 列表
// 点击添加选项
const addOption = () => {
optionList.value.push({
id: optionList.value.length,
message: "",
})
}
// 点击删除选项
const deleteOption = index => {
optionList.value.splice(index, 1)
optionList.value.forEach((element, index) => {
element["id"] = index
})
}
// 点进清除选项
const clearMessage = index => {
optionList.value[index]["message"] = ""
}
</script>
<style scoped lang="less">
.content-box {
display: flex;
justify-content: center;
padding: 0 122px;
}
@media (max-width: 920px) {
.content-box {
display: block;
padding: 0 10px;
// padding: 0 122px;
}
}
.contentcontent {
// width: 1200px;
max-width: 1200px;
min-width: 900px;
min-height: calc(100vh - 120px);
background: #fff;
margin: 30px auto 90px;
border-radius: 16px;
display: flex;
flex-direction: column;
position: relative;
.header {
font-weight: 650;
font-size: 20px;
color: #000000;
border-bottom: 1px solid #ebebeb;
height: 88px;
padding-left: 30px;
}
.box {
.titletitle {
color: #666666;
font-size: 14px;
margin-bottom: 10px;
}
.box-left {
border-right: 16px solid #f6f6f6;
width: 48.176%;
// .area-box {
padding: 30px;
padding-right: 50px;
border-bottom: 1px solid #ebebeb;
.item {
&:not(:last-of-type) {
margin-bottom: 30px;
}
.item-input {
border-radius: 5px;
outline: none;
// width: 482px;
width: 100%;
// padding: 13px 14px;
font-size: 14px;
/deep/ .el-textarea__inner {
padding: 13px 14px;
border-radius: 5px;
box-shadow: none;
border: 1px solid rgba(215, 215, 215, 1);
}
}
.headline-textarea {
/deep/ .el-textarea__inner {
min-height: 70px !important;
}
}
.explain-textarea {
/deep/ .el-textarea__inner {
min-height: 300px !important;
}
}
}
.item-input-box {
// width: 482px;S
height: 46px;
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 5px;
cursor: pointer;
/deep/ .el-input {
height: 100%;
.el-input__wrapper {
height: 100%;
box-shadow: none;
}
}
}
.time-box {
.calendar-icon {
width: 15px;
height: 16px;
margin: 0 12px;
cursor: auto;
}
/deep/ .el-input {
.el-input__prefix {
display: none;
}
}
}
// }
.visible-box {
margin: 30px;
font-size: 14px;
color: #555555;
cursor: pointer;
user-select: none;
.visible-icon {
width: 18px;
height: 18px;
margin-right: 5px;
}
}
}
.box-right {
padding-top: 30px;
padding-left: 56px;
padding-right: 30px;
.option-list {
flex-direction: column;
margin-bottom: 53px;
.option-item {
// transition: all linear 0.3s;
&:not(:first-of-type) {
margin-top: 20px;
}
&.option-circusee {
// margin-bottom: 53px;
transition: all 0.3s;
padding-right: 33px;
&.hascontent {
padding-right: 66px;
}
.option-content {
background: rgba(246, 246, 246, 1);
.option-input {
background: transparent;
}
}
}
.option-content {
// width: 470px;
// width: 87.69%;
flex: 1;
height: 46px;
border: 1px solid rgba(215, 215, 215, 1);
border-radius: 5px;
.option-text {
width: 14px;
height: 14px;
color: #333;
font-size: 11px;
position: relative;
margin: 0 10px;
border-radius: 50%;
border: 1px solid #797979;
}
.option-input {
height: 100%;
border: none;
outline: none;
border-radius: 5px;
color: #333;
}
.option-cross {
width: 12px;
height: 12px;
cursor: pointer;
margin: 0 10px;
}
}
.option-drag {
padding-left: 15px;
.option-icon {
width: 18px;
height: 16px;
}
// cursor: move;
}
.rubbish-icon {
width: 13px;
height: 14px;
margin-left: 20px;
cursor: pointer;
}
}
}
.add-box {
.add-icon {
width: 14px;
height: 14px;
margin-right: 6px;
}
font-size: 14px;
color: #333;
cursor: pointer;
// max-width: max-content;
}
}
}
.hint-box {
height: 58px;
background-color: rgba(246, 246, 246, 1);
color: #555555;
font-size: 13px;
}
}
.asterisk {
color: #fa9183;
margin-left: 5px;
}
.floor-box {
width: 100vw;
min-width: 1200px;
height: 90px;
background-color: rgba(255, 255, 255, 1);
-moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.192156862745098);
-webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.192156862745098);
box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.192156862745098);
position: fixed;
bottom: 0;
.box {
width: 1200px;
height: 100%;
margin: 0 auto;
justify-content: space-between;
padding: 0 30px;
.anonymous-box {
cursor: pointer;
color: #333333;
font-size: 14px;
user-select: none;
.text {
color: rgb(170, 170, 170);
font-size: 13px;
}
.anonymous-icon {
width: 18px;
height: 18px;
}
}
.issue-btn {
width: 200px;
height: 46px;
background-color: rgba(114, 219, 134, 1);
border-radius: 190px;
font-size: 16px;
color: #fff;
cursor: pointer;
}
}
}
// @media (max-width: 1300px) {
// .save-box.save-left {
// left: 0 !important;
// }
// .save-box.save-right {
// right: 0 !important;
// }
// }
.save-box {
font-size: 14px;
color: #666666;
position: absolute;
// position: fixed;
top: 30px;
cursor: pointer;
transition: all 0.3s;
z-index: 1;
&.save-left {
left: 0px;
// left: calc((1200px - 100vw) / 2 + 25px);
}
&.save-right {
right: 0px;
// right: calc((1200px - 100vw) / 2 + 25px);
.save-icon {
width: 16px;
height: 16px;
margin-left: 10px;
}
}
.save-icon {
width: 22px;
height: 22px;
margin-right: 10px;
transform: rotate(180deg);
}
}
</style>
<style scoped>
/* .list-transition-enter-active,
.list-transition-leave-active {
transition: all 0.3s;
}
.list-transition-enter,
.list-transition-leave-to {
opacity: 0;
transform: translateY(20px);
} */
</style>

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

3
server/tsconfig.json Normal file
View File

@ -0,0 +1,3 @@
{
"extends": "../.nuxt/tsconfig.server.json"
}

4
tsconfig.json Normal file
View File

@ -0,0 +1,4 @@
{
// https://nuxt.com/docs/guide/concepts/typescript
"extends": "./.nuxt/tsconfig.json"
}

76
utils/http.js Normal file
View File

@ -0,0 +1,76 @@
import axios from 'axios';
import QS from 'qs';
import { ElMessage } from "element-plus";
axios.defaults.baseURL = 'https://vote.gter.net'
axios.defaults.emulateJSON = true
axios.defaults.withCredentials = true
axios.interceptors.request.use( //响应拦截
async config => {
// 开发时登录用的，可以直接替换小程序的 authorization
config['headers']['authorization'] = process.env.NODE_ENV !== "production" && "bee67e306e40b7d273d894657043eeb0"
// config['headers']['authorization'] = "bee67e306e40b7d273d894657043eeb0"
return config;
},
error => {
return Promise.error(error);
})
// 响应拦截器
axios.interceptors.response.use(response => {
if (response.status === 200) return Promise.resolve(response); //进行中
else return Promise.reject(response); //失败
}, error => { // 服务器状态码不是200的情况
if (error.response.status) {
switch (error.response.status) {
// 401: 未登录
case 401:
// goTologin() // 跳转登录页面
break
default:
}
return Promise.reject(error.response);
}
});
/**
* get方法，对应get请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
const get = (url, params) => {
return new Promise((resolve, reject) => {
axios.get(url, { params }).then(res => resolve(res.data)).catch(err => reject(err.data))
});
}
/**
* post方法，对应post请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
const post = (url, params) => {
return new Promise((resolve, reject) => {
//是将对象 序列化成URL的形式，以&进行拼接
axios.post(url, QS.stringify(params)).then(res => {
let data = res.data
if (data.code == 401 && !process.server) goLogin()
resolve(data)
}).catch(err => {
if (err.data.code == 401) {
goLogin()
resolve(err.data);
} else reject(err.data)
})
});
}
// 打开登录
const goLogin = () => {
if (typeof ajax_login === "function") ajax_login()
}
export default {
get,
post,
}