mirror of https://github.com/requarks/wiki
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
2.2 KiB
110 lines
2.2 KiB
<template>
|
|
<EHtml lang="en">
|
|
<EHead />
|
|
<EPreview>{{ preview }}</EPreview>
|
|
<EBody :style="main">
|
|
<EContainer :style="container">
|
|
<ESection :style="box">
|
|
<img :src="logo" height="50" :alt="siteTitle" />
|
|
<EHr :style="hr" />
|
|
<EText :style="paragraph"> {{ title }} </EText>
|
|
<EText :style="paragraph"> <b>Email Address:</b> {{ email }} </EText>
|
|
<EText :style="paragraph"> <b>Password:</b> {{ password }} </EText>
|
|
<EText :style="paragraph"> {{ content }} </EText>
|
|
<EButton px="10" py="10" :style="button" :href="buttonLink"> {{ buttonText }} </EButton>
|
|
<EHr :style="hr" />
|
|
<EText :style="footer"> <b>{{ siteTitle }}</b> </EText>
|
|
<EText :style="footer"> Wiki.js, an open source project. </EText>
|
|
</ESection>
|
|
</EContainer>
|
|
</EBody>
|
|
</EHtml>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props = defineProps({
|
|
preview: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
siteTitle: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
content: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
email: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
password: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
buttonLink: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
buttonText: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
logo: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
})
|
|
|
|
const main = {
|
|
backgroundColor: '#f6f9fc',
|
|
fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
|
|
}
|
|
|
|
const container = {
|
|
backgroundColor: '#ffffff',
|
|
margin: '0 auto',
|
|
padding: '20px 0 48px',
|
|
marginBottom: '64px',
|
|
}
|
|
|
|
const box = {
|
|
padding: '0 48px',
|
|
}
|
|
|
|
const hr = {
|
|
borderColor: '#e6ebf1',
|
|
margin: '20px 0',
|
|
}
|
|
|
|
const paragraph = {
|
|
color: '#525f7f',
|
|
fontSize: '16px',
|
|
lineHeight: '24px',
|
|
textAlign: 'left',
|
|
}
|
|
|
|
const button = {
|
|
backgroundColor: '#656ee8',
|
|
borderRadius: '5px',
|
|
color: '#fff',
|
|
fontSize: '16px',
|
|
fontWeight: 'bold',
|
|
textDecoration: 'none',
|
|
textAlign: 'center',
|
|
display: 'block',
|
|
width: '100%',
|
|
}
|
|
|
|
const footer = {
|
|
color: '#8898aa',
|
|
fontSize: '12px',
|
|
lineHeight: '16px',
|
|
}
|
|
</script>
|