-
Notifications
You must be signed in to change notification settings - Fork 29
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #398 from ZJUEarthData/dev/trenki
feat、The addition of an introductory page
- Loading branch information
Showing
35 changed files
with
823 additions
and
64 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
|
||
#dify-chatbot-bubble-button { | ||
background-color: #1C64F2 !important; | ||
width: 200px !important; | ||
} | ||
|
||
#dify-chatbot-bubble-button>div::after { | ||
content: 'Chatbot 聊天机器人'; | ||
display: inline-block; | ||
margin-left: 8px; | ||
color: #fff; | ||
font-size: 16px; | ||
|
||
} | ||
|
||
#dify-chatbot-bubble-window { | ||
width: 40rem !important; | ||
height: 64rem !important; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
102 changes: 102 additions & 0 deletions
102
geochemistrypi/frontend/src/views/guide-view/component/group-member.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,102 @@ | ||
<template> | ||
<div class="group-member"> | ||
<div class="name"> | ||
<svg width="44" height="30" viewBox="0 0 44 30" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<path | ||
d="M0 29.6666V24.5791C0 23.5403 0.259722 22.5778 0.779167 21.6916C1.29861 20.8055 2.01667 20.1333 2.93333 19.675C3.36111 19.4611 3.77361 19.2625 4.17083 19.0791C4.59861 18.8958 5.04167 18.7278 5.5 18.575V29.6666H0ZM7.33333 16.8333C5.80556 16.8333 4.50694 16.2986 3.4375 15.2291C2.36806 14.1597 1.83333 12.8611 1.83333 11.3333C1.83333 9.80554 2.36806 8.50692 3.4375 7.43748C4.50694 6.36803 5.80556 5.83331 7.33333 5.83331C8.86111 5.83331 10.1597 6.36803 11.2292 7.43748C12.2986 8.50692 12.8333 9.80554 12.8333 11.3333C12.8333 12.8611 12.2986 14.1597 11.2292 15.2291C10.1597 16.2986 8.86111 16.8333 7.33333 16.8333ZM7.33333 13.1666C7.85278 13.1666 8.28056 12.9986 8.61667 12.6625C8.98333 12.2958 9.16667 11.8528 9.16667 11.3333C9.16667 10.8139 8.98333 10.3861 8.61667 10.05C8.28056 9.68331 7.85278 9.49998 7.33333 9.49998C6.81389 9.49998 6.37083 9.68331 6.00417 10.05C5.66806 10.3861 5.5 10.8139 5.5 11.3333C5.5 11.8528 5.66806 12.2958 6.00417 12.6625C6.37083 12.9986 6.81389 13.1666 7.33333 13.1666ZM7.33333 29.6666V24.5333C7.33333 23.4944 7.59306 22.5472 8.1125 21.6916C8.6625 20.8055 9.38056 20.1333 10.2667 19.675C12.1611 18.7278 14.0861 18.025 16.0417 17.5666C17.9972 17.0778 19.9833 16.8333 22 16.8333C24.0167 16.8333 26.0028 17.0778 27.9583 17.5666C29.9139 18.025 31.8389 18.7278 33.7333 19.675C34.6194 20.1333 35.3222 20.8055 35.8417 21.6916C36.3917 22.5472 36.6667 23.4944 36.6667 24.5333V29.6666H7.33333ZM11 26H33V24.5333C33 24.1972 32.9083 23.8916 32.725 23.6166C32.5722 23.3416 32.3583 23.1278 32.0833 22.975C30.4333 22.15 28.7681 21.5389 27.0875 21.1416C25.4069 20.7139 23.7111 20.5 22 20.5C20.2889 20.5 18.5931 20.7139 16.9125 21.1416C15.2319 21.5389 13.5667 22.15 11.9167 22.975C11.6417 23.1278 11.4125 23.3416 11.2292 23.6166C11.0764 23.8916 11 24.1972 11 24.5333V26ZM22 15C19.9833 15 18.2569 14.2819 16.8208 12.8458C15.3847 11.4097 14.6667 9.68331 14.6667 7.66665C14.6667 5.64998 15.3847 3.92359 16.8208 2.48748C18.2569 1.05137 19.9833 0.333313 22 0.333313C24.0167 0.333313 25.7431 1.05137 27.1792 2.48748C28.6153 3.92359 29.3333 5.64998 29.3333 7.66665C29.3333 9.68331 28.6153 11.4097 27.1792 12.8458C25.7431 14.2819 24.0167 15 22 15ZM22 11.3333C23.0083 11.3333 23.8639 10.9819 24.5667 10.2791C25.3 9.54581 25.6667 8.67498 25.6667 7.66665C25.6667 6.65831 25.3 5.80276 24.5667 5.09998C23.8639 4.36665 23.0083 3.99998 22 3.99998C20.9917 3.99998 20.1208 4.36665 19.3875 5.09998C18.6847 5.80276 18.3333 6.65831 18.3333 7.66665C18.3333 8.67498 18.6847 9.54581 19.3875 10.2791C20.1208 10.9819 20.9917 11.3333 22 11.3333ZM36.6667 16.8333C35.1389 16.8333 33.8403 16.2986 32.7708 15.2291C31.7014 14.1597 31.1667 12.8611 31.1667 11.3333C31.1667 9.80554 31.7014 8.50692 32.7708 7.43748C33.8403 6.36803 35.1389 5.83331 36.6667 5.83331C38.1944 5.83331 39.4931 6.36803 40.5625 7.43748C41.6319 8.50692 42.1667 9.80554 42.1667 11.3333C42.1667 12.8611 41.6319 14.1597 40.5625 15.2291C39.4931 16.2986 38.1944 16.8333 36.6667 16.8333ZM36.6667 13.1666C37.1861 13.1666 37.6139 12.9986 37.95 12.6625C38.3167 12.2958 38.5 11.8528 38.5 11.3333C38.5 10.8139 38.3167 10.3861 37.95 10.05C37.6139 9.68331 37.1861 9.49998 36.6667 9.49998C36.1472 9.49998 35.7042 9.68331 35.3375 10.05C35.0014 10.3861 34.8333 10.8139 34.8333 11.3333C34.8333 11.8528 35.0014 12.2958 35.3375 12.6625C35.7042 12.9986 36.1472 13.1666 36.6667 13.1666ZM38.5 29.6666V18.575C38.9583 18.7278 39.3861 18.8958 39.7833 19.0791C40.2111 19.2625 40.6389 19.4611 41.0667 19.675C41.9833 20.1333 42.7014 20.8055 43.2208 21.6916C43.7403 22.5778 44 23.5403 44 24.5791V29.6666H38.5Z" | ||
fill="#F25B28" /> | ||
</svg> | ||
<span class="text">{{ memberInfp.name }}</span> | ||
</div> | ||
<div class="list-wrapper"> | ||
<div class="member-box" v-for="item in memberInfp.list" :key="item.id"> | ||
<div class="member-img"><img :src="item.img" /></div> | ||
<div class="member-name">{{ item.name }}</div> | ||
<div class="member-other" v-if="item.other">{{ item.other }}</div> | ||
<div class="member-from">{{ item.from }}</div> | ||
</div> | ||
</div> | ||
</div> | ||
</template> | ||
<script lang="ts" setup> | ||
import { defineProps } from 'vue' | ||
const memberInfp = defineProps(['name', 'list']) | ||
</script> | ||
<style lang="scss" scoped> | ||
.group-member { | ||
margin-bottom: 60px; | ||
.name { | ||
display: flex; | ||
align-items: center; | ||
margin-bottom: 20px; | ||
.text { | ||
font-size: 36px; | ||
font-weight: 500; | ||
line-height: 52px; | ||
text-align: left; | ||
color: #0E140F; | ||
margin-left: 40px; | ||
} | ||
} | ||
.list-wrapper { | ||
border-radius: 80px; | ||
background: #FBD3C461; | ||
padding: 80px 110px 0 110px; | ||
display: flex; | ||
flex-wrap: wrap; | ||
.member-box { | ||
width: calc(100%/3); | ||
height: 380px; | ||
text-align: center; | ||
.member-img { | ||
width: 164px; | ||
margin: 0 auto; | ||
border-radius: 38px; | ||
overflow: hidden; | ||
margin-bottom: 24px; | ||
img { | ||
width: 164px; | ||
height: 164px; | ||
object-fit: cover; | ||
} | ||
} | ||
.member-name { | ||
font-size: 20px; | ||
font-weight: 600; | ||
line-height: 38px; | ||
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
&:before { | ||
display: inline-block; | ||
height: 20px; | ||
content: ""; | ||
width: 20px; | ||
border: 2px solid #F25B28; | ||
border-radius: 10px; | ||
margin-right: 8px; | ||
} | ||
} | ||
.member-other { | ||
font-size: 20px; | ||
font-weight: 500; | ||
line-height: 30px; | ||
color: #F25B28; | ||
} | ||
.member-from { | ||
font-size: 20px; | ||
font-weight: 400; | ||
line-height: 38px; | ||
} | ||
} | ||
} | ||
} | ||
</style> |
Oops, something went wrong.