lema/flagnote-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

left red line

Browse Source
This commit is contained in:
Jesse-Ma
2022-12-06 16:00:30 +08:00
parent 56367c0f5f
commit a0d58cf0a5
7 changed files with 43 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
public/IeIsNotSupported.html
View File

@@ -1,37 +0,0 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta
name="viewport"
content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"
/>
<meta name="keywords" content="flagnote" />
<meta name="description" content="flag note" />
<meta name="theme-color" content="#ed4014" />
<meta name="format-detection" content="telephone=no,email=no,adress=no" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-control" content="no-cache" />
<meta http-equiv="Cache" content="no-cache" />
<link rel="icon" href="/static/favicon.ico" />
<title>flagnote.com</title>
<style>
body {
background-color: #dddddd
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<strong>IE is not supported.</strong>
</body>
</html>

9
public/index.html
View File

@@ -24,8 +24,6 @@
background-color: #dddddd background-color: #dddddd
} }
</style> </style>
<script
type="text/javascript">(function () { var ua = navigator.userAgent.toLocaleLowerCase(); var browserType = "", browserVersion = ""; if (ua.match(/msie/) != null || ua.match(/trident/) != null) { browserType = "IE"; alert("IE is not supported."); window.location = "/IeIsNotSupported.html" } })();</script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js" rel="stylesheet" <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js" rel="stylesheet"
type="text/javascript"></script> type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-router@3.5.4/dist/vue-router.min.js" rel="stylesheet" <script src="https://cdn.jsdelivr.net/npm/vue-router@3.5.4/dist/vue-router.min.js" rel="stylesheet"
@@ -53,7 +51,14 @@
</head> </head>
<body><noscript><strong>Please enable JavaScript to continue.</strong></noscript> <body><noscript><strong>Please enable JavaScript to continue.</strong></noscript>
<div id="noie" style="display: none;text-align: center;width:auto"><br /><br /><br /><strong>IE is not
supported.</strong></div>
<div id="app"></div> <div id="app"></div>
<script type="text/javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window) {
document.querySelector('#noie').style.display = 'block';
}
</script>
</body> </body>
</html> </html>

2
src/App.vue
View File

@@ -62,7 +62,7 @@ body {
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
/*min-height: 400px;*/ /*min-height: 400px;*/
font-size: 14px; font-size: 14px;
border: 1px solid white; border: 0px;
} }

2
src/main.js
View File

@@ -6,7 +6,7 @@ import VueAxios from 'vue-axios'
import './plugins/iview.js' import './plugins/iview.js'
import i18n from './i18n/' import i18n from './i18n/'
axios.defaults.baseURL= process.env.VUE_APP_BASE_URL; axios.defaults.baseURL = process.env.VUE_APP_BASE_URL;
Vue.use(VueAxios, axios) Vue.use(VueAxios, axios)

24
src/views/EditNote.vue
View File

@@ -102,7 +102,7 @@
<Button aria-label="publish" type="error" :loading="model.submitting" <Button aria-label="publish" type="error" :loading="model.submitting"
style="margin-left:5px; border-radius: 0px;font-size: 21px;" @click="submitNote()" style="margin-left:5px; border-radius: 0px;font-size: 21px;" @click="submitNote()"
icon="md-share"></Button> icon="md-share"></Button>
<Button aria-label="menu" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;" <Button aria-label="menu" type="error" style="margin-left:3px; border-radius: 0px;font-size: 24px;"
@click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button> @click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button>
</Button-group> </Button-group>
@@ -110,7 +110,7 @@
</div> </div>
<div id="noteMenu" :class="[showMenuState ? 'showBlock' : 'hideBlock']" <div id="noteMenu" :class="[showMenuState ? 'showBlock' : 'hideBlock']"
style="z-index: 100; position: absolute;top:41px;right:0px;left:auto;"> style="z-index: 100; position: absolute;top:43px;right:0px;left:auto;">
<Button-group vertical size="large"> <Button-group vertical size="large">
<Button aria-label="create note" type="error" style="border-radius: 0px;font-size: 24px;" <Button aria-label="create note" type="error" style="border-radius: 0px;font-size: 24px;"
@click="createNote(); switchMenu(); " icon="md-add"></Button> @click="createNote(); switchMenu(); " icon="md-add"></Button>
@@ -152,8 +152,8 @@
<Form :model="noteForm" :label-width="80"> <Form :model="noteForm" :label-width="80">
<div id="wrapper" style="border-left: 2px solid #ed4014;"> <div id="wrapper" style="border-left: 2px solid #ed4014;">
<Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text" autofocus <Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text" autofocus
:autosize="{ minRows: 30, maxRows: 409600 }" :placeholder="$t('content.noteTip')" @input="recordText" :autosize="{ minRows: 30, maxRows: 409600 }" :placeholder="$t('content.noteTip')"
@on-keydown="recordEventKdown"/> @input="recordText" @on-keydown="recordEventKdown" />
</div> </div>
</Form> </Form>
</Card> </Card>
@@ -172,7 +172,8 @@
{{ $t("message.askTodelete") }} {{ $t("message.askTodelete") }}
</p> </p>
<p style="text-align: center;"> <p style="text-align: center;">
<Button type="error" :loading="model.deleting" style="border-radius: 0px;font-size: 19px;" @click="dropNote()">{{ <Button type="error" :loading="model.deleting" style="border-radius: 0px;font-size: 19px;"
@click="dropNote()">{{
$t("button.yes") $t("button.yes")
}}</Button> }}</Button>
</p> </p>
@@ -183,8 +184,9 @@
{{ errorInfo }} {{ errorInfo }}
</p> </p>
<p style="text-align: center;"> <p style="text-align: center;">
<Button type="error" style="border-radius: 0px;font-size: 19px;" <Button type="error" style="border-radius: 0px;font-size: 19px;" @click="cloaseErrorMessage()">{{
@click="cloaseErrorMessage()">{{ $t("button.close") }}</Button> $t("button.close")
}}</Button>
</p> </p>
</Modal> </Modal>
@@ -296,7 +298,7 @@ export default {
entries.forEach(entry => { entries.forEach(entry => {
let affix = document.querySelector('.ivu-affix'); let affix = document.querySelector('.ivu-affix');
if (affix) { if (affix) {
affix.setAttribute("style", "top: 0px; width: " + entry.contentRect.width + "px;"); affix.setAttribute("style", "top: 0px; width: " + (entry.contentRect.width + 2) + "px;");
} }
}); });
@@ -428,7 +430,7 @@ export default {
} }
return true; return true;
}, },
cloaseErrorMessage(){ cloaseErrorMessage() {
this.errorInfo = ''; this.errorInfo = '';
this.model.showError = false; this.model.showError = false;
}, },
@@ -450,7 +452,7 @@ export default {
let storeInfo = storage.local.getText(that.secret.storeKey); let storeInfo = storage.local.getText(that.secret.storeKey);
let starray = storeInfo.split("|"); let starray = storeInfo.split("|");
storage.local.setText(that.secret.storeKey, starray[0] + '|' + starray[1] + '|1|' + starray[3] + '|' + starray[4]); storage.local.setText(that.secret.storeKey, starray[0] + '|' + starray[1] + '|1|' + starray[3] + '|' + starray[4]);
storage.session.setText(that.secret.storeKey+"_share",'1'); storage.session.setText(that.secret.storeKey + "_share", '1');
location.reload(); location.reload();
this.state.locking = 0; this.state.locking = 0;
} }
@@ -468,7 +470,7 @@ export default {
dropNote() { dropNote() {
this.model.deleting = true; this.model.deleting = true;
storage.local.delete(this.secret.storeKey); storage.local.delete(this.secret.storeKey);
storage.session.setText(this.secret.storeKey+"_delete",1); storage.session.setText(this.secret.storeKey + "_delete", 1);
location.reload(); location.reload();
}, },
bindToTopEvent() { bindToTopEvent() {

15
src/views/ViewNote.vue
View File

@@ -207,10 +207,10 @@
@click="showTtlDeleteModel()" icon="md-alarm">{{ state.ttlDesc }}</Button> @click="showTtlDeleteModel()" icon="md-alarm">{{ state.ttlDesc }}</Button>
<Button aria-label="share" type="error" <Button aria-label="share" type="error"
style="margin-left:5px; border-radius: 0px;font-size: 21px; font-family: Arial, sans-serif" style="margin-left:3px; border-radius: 0px;font-size: 21px; font-family: Arial, sans-serif"
@click="showShareModel()" icon="md-share"></Button> @click="showShareModel()" icon="md-share"></Button>
<Button aria-label="menu" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;" <Button aria-label="menu" type="error" style="margin-left:3px; border-radius: 0px;font-size: 24px;"
@click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button> @click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button>
</Button-group> </Button-group>
@@ -218,7 +218,7 @@
</div> </div>
<div id="noteMenu" :class="[showMenuState ? 'showBlock' : 'hideBlock']" <div id="noteMenu" :class="[showMenuState ? 'showBlock' : 'hideBlock']"
style="z-index: 100; position: absolute;top:41px;right:0px;left:auto;"> style="z-index: 100; position: absolute;top:43px;right:0px;left:auto;">
<Button-group vertical size="large"> <Button-group vertical size="large">
<Button type="error" icon="md-add" style="border-radius: 0px;font-size: 24px;" <Button type="error" icon="md-add" style="border-radius: 0px;font-size: 24px;"
@click="createNote(); switchMenu();"></Button> @click="createNote(); switchMenu();"></Button>
@@ -299,11 +299,12 @@
<Modal v-model="model.showTtlDelete" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }"> <Modal v-model="model.showTtlDelete" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }">
<p style="text-align: center;margin-top:20px;"> <p style="text-align: center;margin-top:20px;">
{{$t("content.deleteTip")}}{{ state.ttlDesc }} {{ $t("content.deleteTip") }}{{ state.ttlDesc }}
</p> </p>
<p style="text-align: center;margin-top:10px;"> <p style="text-align: center;margin-top:10px;">
<Button type="error" style="border-radius: 0px;font-size:19px;" @click="closeTtlDeleteModel()">{{ $t("button.close") <Button type="error" style="border-radius: 0px;font-size:19px;" @click="closeTtlDeleteModel()">{{
$t("button.close")
}}</Button> }}</Button>
</p> </p>
</Modal> </Modal>
@@ -531,10 +532,10 @@ export default {
this.errorInfo = ''; this.errorInfo = '';
this.model.showError = false; this.model.showError = false;
}, },
showTtlDeleteModel(){ showTtlDeleteModel() {
this.model.showTtlDelete = true; this.model.showTtlDelete = true;
}, },
closeTtlDeleteModel(){ closeTtlDeleteModel() {
this.model.showTtlDelete = false; this.model.showTtlDelete = false;
}, },
showShareModel() { showShareModel() {